@import url( css/bootstrap.css );
@import url( css/shortcodes.css );
/*@import url( css/accordions.css );*/
/*@import url( css/alerts-message.css );*/
/*@import url( css/animated-columns.css );
/*@import url( css/botton.css );*/
@import url( css/imagebox.css );
/*@import url( css/testimonial.css );
/*@import url( css/chart.css );*/
/*@import url( css/promo-boxes.css );*/
/*@import url( css/flip-box.css );*/
/*@import url( css/dividers.css );*/
/*@import url( css/dg-title.css );*/
/*@import url( css/clients.css );*/
/*@import url( css/tabs.css );*/
/*@import url( css/pages.css );*/ /*Localized and optimizer Pages.css load page by Dnnplus.ir*/
/*@import url( css/icon-box.css );*/
/*@import url( css/pricing.css );*/
/*@import url( css/portfolios.css );*/


/*default style*/
[class*="dg-btn-"]{
	color:#555;
	border-color:#555;
	background-color:#555;
	margin:3px;
	white-space:nowrap;
	border:none;
	background-image:none;
}
[class*="dg-btn-"]:before{
	background-color:#555;
}

[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? */
}
.dnngo-main [class*="dg-btn-"]:hover{
	color:#222533;
	border-color:#222533;
	background:#222533;
}
.dnngo-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;
}

.article_pager{display:inline-block;margin-top:10px;}

[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-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{
	color:#333333;
}
[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-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;
}
.dnngo-main .dg-btn-1.hover-white:hover, 
.dnngo-main .dg-btn-2.hover-white:hover, 
.dnngo-main .dg-btn-3.hover-white:hover, 
.dnngo-main .dg-btn-4.hover-white:hover, 
.dnngo-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-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;
	border-color:transparent;
	padding:8px 16px;
	display:inline-block;
}
.dnngo-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"]{
	border:1px solid ;
	padding:8px 16px;
	background:transparent;
	display:inline-block;
}
.dnngo-main .dg-btn-2:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.dg-btn-3,
.dg-btn-3:link,
.dg-btn-3:active,
.dg-btn-3:visited,
.dg-btn-3[type="button"]{
	color:#FFF;
	border-bottom:2px solid rgba(0,0,0,0.2)!important;
	padding:8px 16px;
	display:inline-block;
	padding-bottom:6px!important;
}
.dg-btn-3.size-xs{
	padding-bottom:0px!important;
	border-bottom-width:2px!important;
}
.dg-btn-3.size-sm{
	padding-bottom:4px!important;
	border-bottom-width:2px!important;
}
.dg-btn-3.size-lg{
	padding-bottom:8px!important;
	border-bottom-width:3px!important;
}
.dg-btn-3.size-xl{
	padding-bottom:11px!important;
	border-bottom-width:4px!important;
}


.dnngo-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"]{
	border-width:1px;
	border-style:solid;
	padding:8px 16px;
	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;
}
.dnngo-main .dg-btn-4:hover{
	color:#FFF;
	background:none;	
	text-decoration:none;
}
.dnngo-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"]{
	border-width:1px;
	border-style:solid ;
	border-bottom-width:2px!important;
	background:transparent;
	padding:8px 16px;
	display:inline-block;
	padding-bottom:5px!important;
}
.dnngo-main .dg-btn-5:hover{
	color:#FFFFFF;
	text-decoration:none;
	border-bottom-color:rgba(0,0,0,0.2)!important;
}
.dg-btn-5.size-xs{
	padding-bottom:0px!important;
	border-bottom-width:2px!important;
}
.dg-btn-5.size-sm{
	padding-bottom:4px!important;
	border-bottom-width:2px!important;
}
.dg-btn-5.size-lg{
	padding-bottom:8px!important;
	border-bottom-width:3px!important;
}
.dg-btn-5.size-xl{
	padding-bottom:11px!important;
	border-bottom-width:4px!important;
}



[class*="dg-btn-"].size-xs{
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}
[class*="dg-btn-"].size-sm{
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
}
[class*="dg-btn-"]{
	padding: 6px 12px;
	font-size: 13px;
    line-height: 1.42857143;
}
[class*="dg-btn-"].size-lg{
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3333333;
}
[class*="dg-btn-"].size-xl{
    padding: 13px 22px;
    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-title{
	font-size:30px;
	color:#000000;
	margin-bottom:25px;
}
.button-title02{
	font-size:30px;
	color:#10dbe8;
	margin-bottom:25px;
}
.button-title03{
	font-size:30px;
	color:#FFF;
	margin-bottom:25px;
}
.vertical-bottom{
	font-size:13px;
}
.vertical-bottom > a{
	vertical-align:bottom;
	display:inline-block;
	float:none;
	font-size:13px;
	margin-right:40px;
}

.button-list{
	margin:0;
	padding:0;
	list-style:none;
}
.button-list li{
	width:135px;
	float:left;
	text-align:center;
	margin-bottom:40px;
}
.button-list li span{
	display:block;
}
.button-list2{
	margin:0;
	padding:0;
	list-style:none;
}
.button-list2 li{
	float:left;
	margin:0 20px 20px 0;
}

/*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{
	background-color:transparent!important;
}
.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;
}


/*@import url( css/ourteam.css );*/

[class*="ourteam-short"] h2,
[class*="ourteam-short"] h3{
  letter-spacing:1px;
}
[class*="ourteam-short"] .teamshort-img img{
  max-width:100%;
}
[class*="ourteam-short"]{
  /*margin-top:10px;
  margin-bottom:10px;*/
  text-align:center;
}
[class*="ourteam-short"] .social em{
		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? */
}
.ourteam-short{
  padding:0 70px;
}
.ourteam-short .teamshort-img img{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 10px;
    border: 1px solid transparent;
}
.ourteam-short .teamshort-img {
    padding: 0 0 20px 0;
}
.ourteam-short .teamshort-img img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
 filter: url("../images/gray.svg#grayscale");
	filter: grayscale(100%);
	filter: gray;
		transition: border ease-in 200ms;
		-moz-transition: border ease-in 200ms;/* Firefox 4 */
		-webkit-transition:border ease-in 200ms;/* Safari and Chrome */
		-o-transition:border ease-in 200ms;/* Opera */
		-ms-transition:border ease-in 200ms;/* IE9? */
}
.ourteam-short .owl-item:hover .teamshort-img img{
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
  filter: url("../images/gray.svg#normal");  
	filter: grayscale(0);
	filter: none;
	}
.ourteam-short .owl-item:hover .teamshort-img img{
  border:1px solid #20a3f0
}
.ourteam-short .owl-buttons .owl-prev {
    left: 0;
}
.ourteam-short .owl-buttons .owl-next {
    right: 0;
}
.ourteam-short .owl-buttons .owl-prev, 
.ourteam-short .owl-buttons .owl-next {
    background-color: transparent;
	border:1px solid #2e2e2e
}
.ourteam-short .owl-buttons .owl-prev:before, 
.ourteam-short .owl-buttons .owl-next:before {
    border-left:1px solid #2e2e2e;
    border-bottom: 1px solid #2e2e2e;
}
.ourteam-short .owl-buttons .owl-next:before {
    border-left: none;
    border-right: 1px solid #2e2e2e;
}
.ourteam-short h3{
   line-height:1.2;
   font-weight:bold;
   color:#121212;
   margin:0;
   font-size:15px;
}
/*hover*/
.ourteam-short.carousel .owl-buttons .owl-prev:hover, 
.ourteam-short.carousel .owl-buttons .owl-next:hover {
	border:1px solid #20a3f0;
	background-color: transparent;
}
.ourteam-short .owl-buttons .owl-prev:hover:before, 
.ourteam-short .owl-buttons .owl-next:hover:before {
    border-left:1px solid #20a3f0;
    border-bottom: 1px solid #20a3f0;
}
.ourteam-short .owl-buttons .owl-next:hover:before {
    border-left: none;
    border-right: 1px solid #20a3f0;
}
.ourteam-short02 .photo_box{
  width:202px;
  height:202px;
      border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50%;
	margin:0 auto 20px auto;  
}
.ourteam-short02 .photo_box img{
      border-radius:50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border:8px solid #e8e8e8;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
	background-color:#e8e8e8;
}
.ourteam-short02 .photo_box .ico i:before {
    content: "+";
    font-family: initial;
    text-align: center; 
    position: absolute;
    color: #FFF;  ;
    font-size: 48px;
    background-color: transparent;
	font-style:normal;
	width: 50px;
    left: 50%;
    margin: 0 0 0 -25px;

}
/*.ourteam-short02 .photo_box .ico i:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    border-bottom: 5px solid #fff;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -7px;
}
.ourteam-short02 .photo_box .ico i:after {
    content: "";
    position: absolute;
    height: 32px;
    width: 32px;
    border-left: 5px solid #fff;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 0;
}*/
.ourteam-short02 .photo_box .shade {
    background-color: #20a3f0; 
	      border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	    width: 166px;
    height: 166px;
	top:18px;
	left:18px;
}
.ourteam-short02 .photo_box .ico span, 
.ourteam-short02 .photo_box .ico em, 
.ourteam-short02 .photo_box .ico i, 
.ourteam-short02 .photo_box .ico .fa{
   background-color:transparent;
}
.ourteam-short02 .photo_box:hover img{
   border:18px solid #2d2d2d;
   webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	background-color:#2d2d2d;
}
.ourteam-short02 h2{
   line-height:1.2;
   font-weight:bold;
   color:#121212;
   margin:0;
   font-size:15px;
}
.ourteam-short02 .social{
  margin:10px 0 0 0
}
.ourteam-short02 .social em{
    display: inline-block;
    padding: 5px 10px;
    color: #bababa;
    font-size: 18px;
}
.ourteam-short02 .social em:hover{
  color:#20a3f0;
}
.ourteam-short03 .pic_box{
  margin:0 0 30px 0;
}
.ourteam-short03 .pic_box:before {
    content: "";
    border-width: 45px;
    border-style: solid;
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;
    position: absolute;
    right: -70px;
    bottom: -37px;
    tr: rotate(45deg);
    transform: rotate(219deg);
    z-index: 3;
    transition: border-width ease-in 200ms;
    -moz-transition: border-width ease-in 200ms;
    -webkit-transition: border-width ease-in 200ms;
    -o-transition: border-width ease-in 200ms;
    -ms-transition: border-width ease-in 200ms;
	
}
.ourteam-short03 .photo_box .ico i:before {	
	content: "+";
    font-family: initial;
    text-align: center;
    font-style: normal;
    position: absolute;
    font-size: 22px;
    color: #20a3f0;
    right: 3px;
    bottom: -10px;
}
.ourteam-short03 .photo_box .ico i{
   background-color:transparent;
}
.ourteam-short03 .photo_box .ico {  
    top: auto;
    left: auto;
    margin-top:0;
    text-align: right;  
    opacity:1;
    bottom: 0;
    z-index: 100;
    right: 0;
}
.ourteam-short03 h2{
   line-height:1.2;
   color:#424242;
   margin:0;
   font-size:15px;
}
.ourteam-short04 .photo_box .content >.fa{
    font-size: 20px;
    height: auto;
    position: relative;
    display: inline-block;
    width: 39px;
    height: 39px;
    background:rgba(255,255,255,0.8);
    line-height: 39px;
    text-align: center;
	color:#464545;
	margin:1px 3px;
			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? */
}
.ourteam-short04 .photo_box .content > .fa:before {
    position: inherit;
    top: auto;
    left: auto;
}
.ourteam-short04 .photo_box.content_push_in .content {
    opacity: 1;
    top: auto;
    height: auto;
    bottom: 0;
    height: auto;
    background-color: transparent;
}
.ourteam-short04 .photo_box:hover.content_push_in .pic_box img {
    margin-top: auto;
    margin-bottom: auto;
}
.ourteam-short04 .photo_box .content >.fa:hover{
  background-color:#20a3f0;
  color:#fff;  
}
.ourteam-short04 .pic_box{
  margin:0 0 30px 0;
}
.ourteam-short04 h2{
   line-height:1.2;
   color:#424242;
   margin:0;
   font-size:15px;
}
/*ourteam-short05*/
.ourteam-short05 .owl-buttons .owl-prev {
    left:13px;
}
.ourteam-short05 .owl-buttons .owl-next {
    right:13px;
}
.ourteam-short05 .photo_box .content > .fa:before {
    position: inherit;
    top: auto;
    left: auto;
}
.ourteam-short05 .photo_box .content {
    height: auto;
    bottom: 0;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
	left:0;
	top:0;
	width:40px;
}
.ourteam-short05 .photo_box:hover .pic_box img {
    margin-top: auto;
    margin-bottom: auto;
}
.ourteam-short05 .photo_box .content >.fa:hover{ 
  color:#20a3f0;  
}
.ourteam-short05 .pic_box{
  margin:0 0 20px 0;
}
.ourteam-short05 .photo_box .content >.fa {
    font-size: 20px;
    height: auto;
    position: relative;
    display: block;
	margin:16px 0;
}
.ourteam-short05 .ourteam-img {
    margin: 0 13px;
    border: 1px solid #e1e1e1;
	border-bottom:13px solid #e1e1e1;
				transition: border ease-in 200ms;
		-moz-transition: border ease-in 200ms;/* Firefox 4 */
		-webkit-transition:border ease-in 200ms;/* Safari and Chrome */
		-o-transition:border ease-in 200ms;/* Opera */
		-ms-transition:border ease-in 200ms;/* IE9? */
}
.ourteam-short05 h2{
   line-height:1.2;
   color:#424242;
   margin:0;
   font-size:15px;
}
.ourteam-short05 .text-style {
    text-align: left;
    padding: 0 55px 15px 55px;
}
.ourteam-short05 .ourteam-img:hover{
	border-bottom:13px solid #20a3f0;
}
.ourteam-short05.carousel .owl-buttons .owl-prev, 
.ourteam-short05.carousel .owl-buttons .owl-next{
    top: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 0px;
    text-align: center;
    margin: -25px 0 0 0;
    background-color: #4d4e4d;
    border-radius:0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.ourteam-short05.carousel .owl-buttons .owl-prev:before, 
.ourteam-short05.carousel .owl-buttons .owl-next:before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);  
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    font-size: 0;
    -ms-transition: all ease-in 300ms;
    margin: -5px 0 0 -10px;
    border-bottom: 0;
}
.ourteam-short05.carousel .owl-buttons .owl-next:before{
    border-right: 0;
	margin:-5px -10px 0 -0;
    right: 50%;
    left: auto;
	    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
} 
.ourteam-short05.carousel .owl-buttons .owl-prev:after, 
.ourteam-short05.carousel .owl-buttons .owl-next:after{
    content: "";
    width: 20px;
    height: 1px;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    /* opacity: 0.8; */
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
    margin: 0 0 0 -10px;
}
/*ourteam-short06*/
.ourteam-short06 h2{	
   color:#fff;
   margin:0;
   font-size:15px;
   background-color:#20a3f0;
   position:relative;
   line-height:31px;
   height:31px;
   display:block;
   margin:0 40px;
}
.ourteam-short06 .teamshort-img{
  margin:0 0 -15px 0;
}
.ourteam-short06 .teamshort-img img{
  width:100%;
}
.ourteam-short06 span{
 display:block;
 margin:10px 0 5px 0;
}
.ourteam-short06 .social em {
    display: inline-block;
    padding: 5px 10px;
    color: #7f7f7f;
    font-size: 16px;
}
.ourteam-short06 .social em:hover{
   color:#20a3f0;
}
.ourteam-short06 .photo_box{
  position:relative;
}

.ourteam-short06 h2:before {
    border: 16px solid transparent;
    border-right: 8px solid #20a3f0;
    content: "";
    display: block;
    position: absolute;
    left: -24px;
    top: -1px;
    width: 0;
}
.ourteam-short06 h2:after{
    border: 16px solid transparent;
    border-left: 8px solid #20a3f0;
    content: "";
    display: block;
    position: absolute;
    right: -24px;
    top: -1px;
    width: 0;
}
/*ourteam-short07*/
.ourteam-short07{
    background: #eeeeee;
    border: 1px solid #e5e5e5;
    padding: 70px 40px 30px 40px;
}
.ourteam-short07,
.ourteam-short07 h2{
	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? */
}
.ourteam-short07:hover{
   background-color:#20a3f0;
   color:#fff;
}
.ourteam-short07:hover h2,
.ourteam-short07:hover .social em{
   color:#fff;
}
.ourteam-short07 h2{
   line-height:1.2;
   color:#343434;
   margin:0;
   font-size:15px;
   font-weight:bold;
}
.ourteam-short07 .teamshort-img {
    position: absolute;
    left: 50%;
    top: -35px;
    margin: 0 0 0 -45px;
}
.ourteam-short07 .teamshort-img img{
      border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50%;
	width:90px;
	height:90px;
	border:1px solid #e5e5e5;
}
.ourteam-short07 span{
  display:block;
  margin:5px 0 25px 0;
}
.ourteam-short07 .social{
  margin:20px 0 0 0;
}
.ourteam-short07 .social em{
  font-size:18px;
  color:#393939;
  display:inline-block;
  margin:5px 6px;	
}
/*ourteam-short08*/
.ourteam-short08{
  float:left;
  width:25%;
  position:relative;
}
.ourteam-short08:after{
  position:absolute;
  right:0;
  content:"";
  border:1px solid #fff;
  height:100%;
  top:0;
}
.ourteam-short08 .photo_box .ico i:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    border-bottom: 5px solid #fff;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -7px;
}
.ourteam-short08 .photo_box .ico i:after {
    content: "";
    position: absolute;
    height: 32px;
    width: 32px;
    border-left: 5px solid #fff;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 0;
}
.ourteam-short08 .photo_box .shade {
    background-color: #20a3f0;
}
.ourteam-short08 .photo_box:hover .shade {
    filter: alpha(opacity=100);
    opacity: 1;
}
.ourteam-short08 .photo_box .ico span, 
.ourteam-short08 .photo_box .ico em, 
.ourteam-short08 .photo_box .ico i, 
.ourteam-short08 .photo_box .ico .fa{
   background-color:transparent;
}
.ourteam-short08 .photo_box:hover .text-style{
  background-color:#393939;
}
.ourteam-short08 .photo_box:hover,
.ourteam-short08 .photo_box:hover .text-style h2{
  color:#fff;
}
.ourteam-short08 .photo_box:hover .text-style:before{
  display:none;
}
.ourteam-short08 .photo_box .ico i:before {
    content: "";
    position: absolute;
    width: 68px;
    height: 68px;
    border-bottom: 2px solid #fff;
    left: 50%;
    top: 50%;
    margin: -68px 0 0 -34px;
}
.ourteam-short08 .photo_box .ico i:after {
    content: "";
    position: absolute;
    height: 68px;
    width: 68px;
    border-left: 2px solid #fff;
    left: 50%;
    top: 50%;
    margin: -34px 0 0 -2px;
}
.ourteam-short08 .photo_box .ico span, 
.ourteam-short08 .photo_box .ico em, 
.ourteam-short08 .photo_box .ico i, 
.ourteam-short08 .photo_box .ico .fa{
   background-color:transparent;
}
.ourteam-short08 .text-style{
  background-color:#e9e9e9;
  position:relative;
  padding:40px 20px 20px 20px;
  line-height: 1.4;
      transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
}
.ourteam-short08 .text-style:before {
    border: 10px solid transparent;
    border-bottom: 10px solid #e9e9e9;
    content: "";
    display: block;
    position: absolute;
    left: 48px;
    top: -20px;
    width: 0;
}

.ourteam-short08 .text-style h2{
   line-height:1.2;
   color:#424242;
   margin:15px 0 6px 0;
   font-size:15px;
   font-weight:bold;
   font-size:13px;
         transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
}
.ourteam-short08 .text-style span{

}
/*ourteam-short09*/
.ourteam-short09{
  margin:0;
}
.ourteam-short09 .photo_box{
  float:left;
  width:25%;
  position:relative;
}
.ourteam-short09 .photo_box .shade{
  background-color:#20a3f0;
}
.ourteam-short09 .photo_box:hover .shade{
    filter: alpha(opacity=95);
    opacity: 0.95;
}
.ourteam-short09 .social em{
  width:56px;
  height:56px;
  border:1px solid #fff;
  text-align:center;
  line-height:56px;
  color:#fff;
  margin:3px 4px;
  display:inline-block;
        border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50%;
	font-size:16px;

}
.ourteam-short09 .content h2{
    font-size: 13px;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    position: relative;
    margin: 40px 0 20px 0;
}
.ourteam-short09 .content h2:before{
  content:"";
  border:1px solid rgba(255,255,255,0.5);
  position:absolute;
  width:36px;
  margin:-8px 0 0 -18px;
  left:50%;
}
/*ourteam-short10*/
.ourteam-short10 {
    padding: 0 24px;
}
.ourteam-short10 h2{
   line-height:1.2;
   font-weight:bold;
   color:#424242;
   margin:0;
   font-size:15px;
}
.ourteam-short10 span{
  display:block;
  color:#20a3f0;
  font-size:15px;
  margin:5px 0 20px 0;
}
.ourteam-short10 .teamshort-img {
    padding: 0 0 30px 0;
}
.ourteam-short10 .teamshort-img img{
      -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(../images/gray.svg#grayscale);
    filter: grayscale(100%);
    filter: gray;
}
.ourteam-short10 .teamshort-img:hover img {
    filter: url(../images/gray.svg#normal);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
}

.ourteam-short10 [class*=dg-btn]{
  margin-top:20px;
}
/*ourteam-short11*/
.ourteam-short11 .text-style {
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: #fff;
    width: 94%;
    margin: 3px 3%;
}
.ourteam-short11 .text-style h2{
   line-height:1.2;
   font-weight:normal;
   color:#000;
   margin:15px 0;
   font-size:15px;
}
.ourteam-short11 .text-style h2 span{
  color:#666666;
}
.ourteam-short11 .text-style .social{
  background-color:#20a3f0;
}
.ourteam-short11 .text-style .social em{
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 32px;
    color: #fff;
    margin: 9px 3px;
    display: inline-block;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50%;
    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? */
}
.ourteam-short11 .text-style .social em:hover{
  background-color:#333;
  border:1px solid #333;

}
/*ourteam-short12*/
.ourteam-short12 .text-style {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 94%;
    margin: 3px 3%;
}
.ourteam-short12 .text-style h2{
   line-height:1.2;
   font-weight:normal;
   color:#202020;
   padding:15px 0;
   font-size:15px;
   background-color:#20a3f0;
   position:relative;
   margin:0;
}
.ourteam-short12 .text-style h2:before {
    border: 8px solid transparent;
    border-top: 42px solid #20a3f0;
    content: "";
    display: block;
    position: absolute;
    left: 18px;
    width: 0;
    bottom: -37px;
    transform: rotate(45deg);
    -webkit-transform: rotate(30deg);
}
.ourteam-short12 .text-style h2 span{
  color:#fff;
}
.ourteam-short12 .text-style .social em{
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #fff;
	background-color:#20a3f0;
    margin: 9px 3px;
    display: inline-block;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50%;
    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? */
}
.ourteam-short12 .text-style .social em:hover{
  background-color:#333;
}
/*ourteam-short13*/
.ourteam-short13 {
    border: 1px solid #dedddd;
    border-radius: 5px;
    padding: 0 18px 30px 18px;
}
.ourteam-short13:hover h2{
  color:#20a3f0;
}
.ourteam-short13 h2,
.ourteam-short13 span,
.ourteam-short13 p{
   text-align:left;
}
.ourteam-short13 h2{
   line-height:1.2;
   font-weight:bold;
   color:#424242;
   margin:20px 0 5px 0;
   font-size:15px;
}
.ourteam-short13 span{
  display:block;
  border-bottom:1px solid #dedddd;
  margin:0 0 15px 0;
  padding:0 0 15px 0;
}
.ourteam-short13 .dg-btn-2{
    margin: 15px 0 0 0;
    border: 1px solid #dedddd;
    color: #666666;
}
/*ourteam-short14*/
.ourteam-short14 {
    width: 20%;
    float: left;
}
.ourteam-short14 .photo_box{
  padding:0 12px;
}
.ourteam-short14 .photo_box .ico span, 
.ourteam-short14 .photo_box .ico em, 
.ourteam-short14 .photo_box .ico i, 
.ourteam-short14 .photo_box .ico .fa{
    width: 40px!important;
    height: 40px!important;
    line-height: 40px!important;
	    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
	background-color:rgba(255,255,255,0.8);
	color:#424242;
}
.ourteam-short14 .photo_box .shade:before{
  content:"";
  position:absolute;
  width:94%;
  height:94%;
  border:1px solid #fff;
  left:3%;
  top:3%;

}
.ourteam-short14  .text_sytle_3{
   padding:18px 0 0 0;
   text-align:center;   
}
.ourteam-short14  .text_sytle_3 h3{
   line-height:1.2;
   font-weight:normal;
   color:#424242;
   padding:0 0;
   font-size:15px;
   margin:0;
   font-weight:bold;
}
.ourteam-short14  .text_sytle_3 h3 span{
  font-size:13px;
  color:#666;
  font-weight:normal;
}
/*.ourteam-short14:first-child .photo_box {
    margin-left: -12px;
    padding-right: 24px;
}
.ourteam-short14:last-child .photo_box {
    margin-right: -12px;
    padding-left: 24px;
}*/
/*ourteam-short15*/
.ourteam-short15 {
    width: 20%;
    float: left;
}
.ourteam-short15 .photo_box{
  padding:0 12px;
}
.ourteam-short15 .photo_box .ico span, 
.ourteam-short15 .photo_box .ico em, 
.ourteam-short15 .photo_box .ico i, 
.ourteam-short15 .photo_box .ico .fa{
    width: 40px!important;
    height: 40px!important;
    line-height: 40px!important;
	    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
	background-color:#fff;
	color:#424242;
	    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
		margin:0 14px;
}
.ourteam-short15 .photo_box .ico span:before, 
.ourteam-short15 .photo_box .ico em:before, 
.ourteam-short15 .photo_box .ico i:before, 
.ourteam-short15 .photo_box .ico .fa:before{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
}
.ourteam-short15  .text_sytle_3{
   padding:30px 15px 0 15px;
   text-align:center;   
}
.ourteam-short15  .text_sytle_3 h3{
   line-height:1.2;
   font-weight:normal;
   color:#424242;
   padding:0 0;
   font-size:15px;
   margin:0;
   font-weight:bold;
}
.ourteam-short15  .text_sytle_3 span{
    line-height: 1.2;
    display: block;
    margin: 0 0 20px 0;
}
/*ourteam-short16*/
.ourteam-short16{
  border:1px solid #dedddd;
      transition: border ease-in 200ms;
    -moz-transition: border ease-in 200ms;
    -webkit-transition: border ease-in 200ms;
    -o-transition: border ease-in 200ms;
    -ms-transition: border ease-in 200ms;
}
.ourteam-short16:hover{
  border:1px solid #20a3f0;
}
.ourteam-short16 .teamshort-img img{
  max-width:100%;
  width:100%;
}
.ourteam-short16 .text-style {
    padding: 10px 10px 10px 10px;
}
.ourteam-short16 h2{
   line-height:1.2;
   font-weight:normal;
   color:#333333;
   margin:0 0 20px 0;
   font-size:15px;
}
.ourteam-short16 .social{
    border-top: 1px solid #d3d3d3;
    padding: 20px 0 0 0;
	margin:20px 0 0 0;
}
.ourteam-short16 .social em{
    font-size:18px;
    height: auto;
    position: relative;
    display: inline-block;
    width: 38px;
    height: 38px;
    border:1px solid #dfdede;
    line-height: 39px;
    text-align: center;
    color: #666666;
    margin: 1px 3px;
    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;
		    border-radius: 50%;
    -moz-border-radius:50%;
    -webkit-border-radius: 50%;
}
.ourteam-short16 .social em:hover{
  background-color:#20a3f0;
  color:#fff;
}
/*ourteam-short17*/
.ourteam-short17 {
    background-color: #ededed;
}
.ourteam-short17 .social{
    background-color: #666666;
	padding:8px 0;
	    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;
}
.ourteam-short17:hover .social{
   background-color:#20a3f0;
}
.ourteam-short17 .social em{
    font-size: 18px;
    color: #fff;
	display:inline-block;
	margin:3px 10px;
}
.ourteam-short17 .text-style{
    padding:30px 50px 20px 50px;
}
.ourteam-short17 .text-style h2{
   line-height:1.2;
   font-weight:bold;
   color:#333333;
   margin:0 0 0 0;
   font-size:15px;
}
.ourteam-short17 .text-style span{
    padding: 3px 0 20px 0;
    display: block;
    line-height: 1.2;
}
/*ourteam-short18*/
.ourteam-short18{
  border:1px solid #d3d3d3;
}
.ourteam-short18 .teamshort-img img{
  width:100%;
}

.ourteam-short18 .text-style,
.ourteam-short18 .text-style h2,
.ourteam-short18 p{
  	    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
}
.ourteam-short18:hover .text-style,
.ourteam-short18:hover p{
  background-color:#20a3f0;
  color:#fff;
}
.ourteam-short18:hover .text-style h2,
.ourteam-short18:hover .text-style .social em{
  color:#fff;
}
.ourteam-short18 .text-style h2{
   line-height:1.2;
   font-weight:bold;
   color:#333333;
   margin:0 0 0 0;
   font-size:15px;
}
.ourteam-short18 .text-style .text-left{
  display:inline-block;
  width:60%;
}
.ourteam-short18 .text-style .social{
  display:inline-block;
  vertical-align:top;
  padding:6px 0;
}
.ourteam-short18 .text-style .social em{
   font-size:18px;
   color:#353535;
   padding: 3px 0 3px 20px;
   display: inline-block;
}
.ourteam-short18 .text-style{
    text-align: left;
    padding: 20px 20px 15px 20px;
}
.ourteam-short18 .line {
    height: 1px;
    background-color: #d3d3d3;
}
.ourteam-short18 p{
   padding:15px 20px 23px 20px;
   text-align:left;
   margin:0;
}
/*ourteam-short19*/
.ourteam-short19:after{
  position:absolute;
  right:0;
  content:"";
  border:1px solid #fff;
  height:100%;
  top:0;
}
.ourteam-short19 .photo_box .shade {
    background-color: #000;
}
.ourteam-short19 .photo_box:hover .shade {
    filter: alpha(opacity=80);
    opacity:0.8;
}
.ourteam-short19 .photo_box .ico span, 
.ourteam-short19 .photo_box .ico em, 
.ourteam-short19 .photo_box .ico i, 
.ourteam-short19 .photo_box .ico .fa{
   background-color:transparent;
}
.ourteam-short19 .photo_box:hover,
.ourteam-short19 .photo_box:hover .text-style h2,
.ourteam-short19 .photo_box:hover .text-style span{
  color:#fff;
}
.ourteam-short19 .photo_box .ico i:before {
    content: "";
    position: absolute;
    width: 76px;
    height: 76px;
    border-bottom: 1px solid #fff;
    left: 50%;
    top: 50%;
    margin: -76px 0 0 -38px;
}
.ourteam-short19 .photo_box .ico i:after {
    content: "";
    position: absolute;
    height: 76px;
    width: 76px;
    border-left: 1px solid #fff;
    left: 50%;
    top: 50%;
    margin: -38px 0 0 -2px;
}
.ourteam-short19 .photo_box .ico span, 
.ourteam-short19 .photo_box .ico em, 
.ourteam-short19 .photo_box .ico i, 
.ourteam-short19 .photo_box .ico .fa{
   background-color:transparent;
}
.ourteam-short19 .text-style{
  background-color:#2d2d2d;
  position:relative;
  padding:25px 20px 15px 20px;
  line-height: 1.4;
      transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
	color:#fff;
}
.ourteam-short19 .photo_box:hover .text-style{
   background-color:#20a3f0;
}
.ourteam-short19 .text-style h2{
   line-height:1.2;
   color:#fff;
   margin:20px 0 0 0;
   font-size:15px;
   font-weight:bold;
         transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
}
.ourteam-short19 .social em {
    font-size: 16px;
    height: auto;
    position: relative;
    display: inline-block;
    width: 28px;
    height: 26px;
    border: 1px solid #fff;
    line-height: 26px;
    text-align: center;
    color: #fff;
    margin: 1px 3px; 
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
}
.ourteam-short19 .text-style span{
  color:#20a3f0;
  line-height:1.2;
  padding: 0 0 15px 0;
  display: block;
        transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
}
.ourteam-bg{
  background:url(../images/shortteam-bg.jpg) no-repeat left center;
  position:relative;
  background-size:cover;
}
.ourteam-short20{
  position:relative;
  padding:50px 65px 50px 175px;
  color:#fff;
  text-align:left;
  margin:0;
  min-height:320px;
}
.ourteam-short20 .teamshort-img{
  position:absolute;
  left:0;
}
.ourteam-short20 .teamshort-img img{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius:  50%;
	width:130px;
	height:130px;
    margin:0 0 35px 0;
}
.ourteam-bg .col-sm-6:nth-child(2) .teamshort-img,
.ourteam-bg .col-sm-6:last-child .teamshort-img{
  left:65px;
}
.ourteam-bg .col-sm-6:nth-child(2) .ourteam-short20,
.ourteam-bg .col-sm-6:last-child .ourteam-short20{ 
  padding-left:240px;
  padding-right:0;
}
.ourteam-short20 .social em {
    font-size: 16px;
    height: auto;
    position: relative;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    margin: 1px 3px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	background-color:#31aae2;
}
.ourteam-short20 .teamshort-r h2{
   line-height:1.2;
   color:#fff;
   margin:15px 0 0 0;
   font-size:15px;
   font-weight:normal;
   letter-spacing:1px; 
}
.ourteam-short20 .teamshort-r span{
   color:#20a3f0;
   padding:3px 0 20px 0;
   display:block;
   line-height:1.2;
}
.ourteam19-line {
    width: 98%;
    height: 1px;
    background-color: #138daa;
    margin-left: 1%;
}
.ourteam-bg:before{
    position: absolute;
    left: 50%;
    border-left: 1px solid #138daa;
    content: "";
    height: 80%;
    top: 10%;
}
/*ourteam-short21*/
.ourteam-short21 {
    text-align: left;
	min-height:194px;
}
.ourteam-short21  .teamshort-img {
    float: left;
    overflow: hidden;
	margin:0 30px 0 0;
}
.ourteam-short21  .teamshort-r {
    overflow: hidden;
}
.ourteam-short21 .social{
  margin:15px 0 30px 0;
}
.ourteam-short21 .social em {
    font-size: 16px;
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #666666;
    margin:3px 2px;
	border:1px solid #dedddd
}
.ourteam-short21 .social em:hover{
   background-color:#20a3f0;
   color:#fff;
}
.ourteam-short21 .social a:first-child em{
  margin-left:0;
}
.ourteam-short21 .social a:last-child em{
  margin-right:0;
}
.ourteam-short21 .teamshort-r h2{
    line-height:1;
    font-weight:normal;
    color: #424242;
    margin:25px 0 0 0;
    font-size: 15px;
}
.ourteam-short21 .teamshort-r span{
   color:#20a3f0;
   padding:0 0 20px 0;
   display:block;
}
/*ourteam-short22*/
.ourteam-short22 {
    text-align: left;
	background-color:#e6e6e6;
	min-height: 252px;
    padding:8px 22px 8px 8px;
	        transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
}
.ourteam-short22  .teamshort-img {
    float: left;
    overflow: hidden;
	margin:0 30px 0 0;
}
.ourteam-short22  .teamshort-r {
    overflow: hidden;
}
.ourteam-short22 .social em {
    font-size: 16px;
    position: relative;
    display: inline-block; 
    text-align: center;
    color: #666666;
    padding:12px;
}
.ourteam-short22:hover .social em,
.ourteam-short22:hover .teamshort-r h2,
.ourteam-short22:hover .teamshort-r span{
   color:#fff;
}
.ourteam-short22:hover{
   background-color:#20a3f0;
   color:#fff;
}
.ourteam-short22 .social {
    margin-left: -12px;
    border-top: 1px solid #dadada;
    padding: 10px 0 0 0;
    margin-top: 30px;
}
.ourteam-short22 .teamshort-r h2{
    line-height:1;
    font-weight:normal;
    color: #424242;
    margin:25px 0 0 0;
    font-size: 15px;
		        transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
}
.ourteam-short22 .teamshort-r span{
   color:#20a3f0;
   padding:0 0 20px 0;
   display:block;
   		        transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
}
/*ourteam-short23*/
.ourteam-short23 {
    text-align: left;
}
.ourteam-short23  .teamshort-img {
    float: left;
    overflow: hidden;
	margin:0 30px 0 0;
	width:105px;
	height:105px;
	    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border:1px solid #717171;
	
}
.ourteam-short23  .teamshort-img img{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	width:97px;
	height:97px;
	margin:3px;
}
.ourteam-short23  .teamshort-r {
    overflow: hidden;
	padding:0 0 20px 0;
}
.ourteam-short23 .teamshort-r h2{
    line-height:1.2;
    font-weight:bold;
    color: #424242;
    margin:0 0 0 0;
    font-size: 15px;
		        transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms;
}
.ourteam-short23 .teamshort-r span{
    color: #20a3f0;
    padding: 2px 0 15px 0;
    display: block;
    position: relative;
    margin: 0 0 15px 0;
}
.ourteam-short23 .teamshort-r span:after{
  content:"";
  position:absolute;
  left:0;
  height:1px;
  background-color:#d8d8d8;
  width:140px;
  bottom:0;  
}
@media only screen and (min-width:1500px) {

}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
.ourteam-short09 .photo_box {
    float: left;
    position: relative;
    width: 50%;
}
.ourteam-short14 .photo_box,
.ourteam-short15 .photo_box{
    padding: 0 0;
}
/*.ourteam-short14:first-child .photo_box {
    margin-left: 0;
    padding-right: 0;
}
.ourteam-short14:last-child .photo_box {
    margin-right: 0;
    padding-left: 0;
}*/
.ourteam-short20 {  
    padding: 50px 0 50px 150px;
}
.ourteam-bg .col-sm-6:nth-child(2) .ourteam-short20, .ourteam-bg .col-sm-6:last-child .ourteam-short20 {
    padding-left: 150px;
    padding-right: 0;
}
.ourteam-bg .col-sm-6:nth-child(2) .teamshort-img, .ourteam-bg .col-sm-6:last-child .teamshort-img {
    left: 0;
}
.ourteam-short22 .teamshort-img{
   float:none;
}
}
@media only screen and (max-width:991px) {
.ourteam-short07 span {
    margin:0 0 5px;
}
.ourteam-short07 {
    padding: 60px 15px 15px;
}
.ourteam-short08 .text-style,
.ourteam-short16 .text-style,
.ourteam-short17 .text-style{
  padding:15px;
}
.ourteam-short23 .teamshort-img {  
    height: 66px;
    margin: 0 15px 0 0;
    width: 66px;
}
.ourteam-short23 .teamshort-img img {
    height: 60px;
    margin: 2px;
    width: 60px;
}
.ourteam-short21 .teamshort-img,
.ourteam-short23 .teamshort-img{
  margin:0 15px 0 0 ;
}
.ourteam-short15 .text_sytle_3 span {
    margin: 0 0 5px 0;
}
.ourteam-short15 .text_sytle_3 {
    padding: 10px 15px 0 15px;
}
.ourteam-short14 .text_sytle_3 {
    padding: 10px 0 0 0;
}
}
@media only screen and (max-width:767px) {
.ourteam-short07{
  margin-top:50px;
}
.ourteam-short08,
.ourteam-short09 .photo_box,
.ourteam-short14,
.ourteam-short15{
    float: none;
    width: 100%;
}
.ourteam-short10 {
    padding: 0;
}
.ourteam-bg:before,
.ourteam19-line{
  display:none;
}
.ourteam-short20 .teamshort-img {
    left: 0;
    position: relative;
}
.ourteam-short20 {  
    margin: 0;
    padding: 0;
    text-align: left;
}
.ourteam-bg .col-sm-6:nth-child(2) .teamshort-img, .ourteam-bg .col-sm-6:last-child .teamshort-img {
    left: 0;
}
.ourteam-bg .col-sm-6:nth-child(2) .ourteam-short20, .ourteam-bg .col-sm-6:last-child .ourteam-short20 {
    padding-left: 0;
    padding-right: 0;
}
.ourteam-short20 .teamshort-img img {
    margin: 0 0 10px;
}
.ourteam-short20 .teamshort-r h2 {
    margin: 10px 0 0;
}
.ourteam-short20 .teamshort-r span {
    padding: 3px 0 0;
}
.ourteam-short20 {
    margin: 10px 0;
}
.ourteam-short21 .teamshort-r h2{
   margin:0;
}
.ourteam-short21 .teamshort-r span{
  padding:0 0 5px 0;
}
.ourteam-short21 .social {
    margin: 15px 0 0;
}
.ourteam-short21 .teamshort-r {
    overflow: inherit;
}
.ourteam-short22 .teamshort-img {
    float: none;
}
/*.ourteam-short14:first-child .photo_box {
    margin-left: 0;
    padding-right: 12px;
}
.ourteam-short14:last-child .photo_box {
    margin-right: -0;
    padding-left: 12px;
}*/
}


/* CSS Document */
html, body { margin: 0px; padding: 0px; font: normal 13px/1.5 'IRANSans', sans-serif; color: #8a8989; height: 100%; }
p { margin: 0px 0px 8px 0px; text-align: justify; }
header, nav, section, footer { display: block; }
A, A:link { text-decoration: none; -moz-transition: color ease 300ms; /* Firefox 4 */ -webkit-transition: color ease 300ms; /* Safari and Chrome */ -o-transition: color ease 300ms; /* Opera */ -ms-transition: color ease 300ms; transition: color ease 300ms; /* IE9? */ }
    A:active { text-decoration: none; }
    A:visited { text-decoration: none; }
    A:hover { text-decoration: underline; }
    A:focus { outline: none; -moz-outline: none; }
h1, h2, h3, h4, h5 { letter-spacing: normal; margin: 5px 0 10px 0; }
form#Form { height: 100%; }
.ModuleTitle_SubMenu { z-index: 9999 !important; }
.clearfix:after { clear: both; content: "."; height: 0px; font-size: 0px; visibility: hidden; display: block; }
.clearfix { display: block; }
#dnn_ControlPanel #dnnCPWrap { filter: none !important; }
ul.dnnActionMenuBody li ul li a, ul.dnnActionMenuBody li ul li a img { color: #328DDE !important; }
.clear { clear: both; }
.opacity { opacity: 0; }
.center { text-align: center; }


/**************** Login page******************/
@media only screen and (max-width:767px) {
    .loginContent .LoginPanel { width: 100% !important; }
    .loginContent .dnnFormItem .dnnLoginRememberMe { white-space: nowrap; }
    .loginContent .dnnFormLabel { display: block !important; text-align: left !important; }
}

/**************** register page******************/
@media only screen and (max-width:767px) {
    .dnnRegistrationForm { min-width: inherit !important; }
        .dnnRegistrationForm .dnnForm { width: 100%; }
        .dnnRegistrationForm .dnnFormLabel { display: block !important; text-align: left !important; }
        .dnnRegistrationForm .dnnForm .dnnFormItem .dnnLabel { display: block !important; float: none !important; text-align: left !important; width: 100%; }
        .dnnRegistrationForm .dnnForm .dnnFormItem a.dnnFormHelp { right: auto !important; position: static !important; margin-left: 5px !important; }
        .dnnRegistrationForm .dnnForm .dnnFormItem { padding: 0px !important; margin: 0px !important; }
        .dnnRegistrationForm .dnnFormItem input[type="text"], .dnnRegistrationForm .dnnFormItem input[type="password"], .dnnRegistrationForm .dnnFormItem input[type="email"], .dnnRegistrationForm .dnnFormItem input[type="tel"], .dnnRegistrationForm .dnnFormItem select, .dnnRegistrationForm .dnnFormItem textarea { width: 100%; margin-bottom: 10px !important; }
}

/**************** Password page******************/
@media only screen and (max-width:767px) {
    .dnnSendPasswordContent { width: auto !important; }
        .dnnSendPasswordContent .dnnLabel { display: block !important; width: 100% !important; text-align: left; }
        .dnnSendPasswordContent a.dnnFormHelp, .dnnSendPasswordContent .dnnForm .dnnFormItem a.dnnFormHelp, .dnnSendPasswordContent .dnnTooltip label a.dnnFormHelp { position: static; }
        .dnnSendPasswordContent input[type="text"], .dnnSendPasswordContent input[type="password"], .dnnSendPasswordContent input[type="email"], .dnnSendPasswordContent input[type="tel"], .dnnSendPasswordContent select, .dnnSendPasswordContent textarea { width: 90%; margin-bottom: 10px !important; }
        .dnnSendPasswordContent ul.dnnActions { padding: 0 !important; }
}
/* ********** Control Panel Style ************** */
.CommandButton, A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active { font-size: 12px; color: #973939; text-decoration: none; font-weight: normal; }
A.CommandButton:hover { color: #973939; text-decoration: underline; font-size: 12px; font-weight: normal; }
.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active { color: #000; text-decoration: underline; }
    .FileManager A:hover { color: #000; text-decoration: none; }
/* ********** Pane Style ************** */
.DNNEmptyPane { display: none; }
.RadAjaxPanel {margin: 5px}
.DnnModule {/*margin-bottom: 20px*/}
[class*="Pane"] { margin-bottom: 5px; }
.BannerPane { background-color: #FFF; position: relative; z-index: 4; }
    .BannerPane.DNNEmptyPane { width: 100%; display: block; min-height: inherit !important; }
.footer_box .FooterBottomPaneD { margin: 0 !important; }

#dnn_content { /*padding-top: 20px;*/ }
.LeftFixedPane { position: fixed; left: 0; top: 50%; }
.RightFixedPane { position: fixed; right: 0; top: 50%; }
.BottomFixedPane { bottom: 0; left: 50%; }
.TopOutPane { margin-top: -40px; }


@media only screen and (min-width: 1600px) {
    [class*="Pane"] { /*margin-bottom: 60px;*/ }
    #dnn_content { /*padding-top: 60px;*/ }
	.RadAjaxPanel {margin: 5px}
    .TopOutPane { margin-top: -60px; }
}

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

@media only screen and (max-width: 767px) {
    [class*="Pane"] { margin-bottom: 20px; }
    #dnn_content { padding-top: 20px; }
	.RadAjaxPanel {margin: 5px}
    .TopOutPane { margin-top: -20px; }
}

.CoverPane, .BannerPane, .BottomOutPane { margin-bottom: -20px; }

.LogoPane, .mobileLogoPane, .dnn_logo .Logobox { margin: 0; display: inline-block; max-width: 100%; vertical-align: top; height: 100%; }
    .LogoPane div { display: inline-block; height: 100%; max-width: 100%; }
    .LogoPane.dnnSortable { min-height: inherit !important; }
.BannerBoxPane { margin: 0; }
.FixedLogoPane { display: none; }
.roll_menu.roll_activated .FixedLogoPane { margin: 0; display: inline-block; max-width: 100%; vertical-align: top; height: 100%; }
.FixedLogoPane div { display: inline-block; height: 100%; max-width: 100%; }
.FixedLogoPane a { display: block; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; font-size: 0; }
.FixedLogoPane img { margin: 0; padding: 0; border: none; max-width: 100%; max-height: 100%; }
.roll_menu.roll_activated .dnn_logo .Logobox, .roll_menu.roll_activated .dnn_logo .LogoPane { display: none; }
.roll_menu.roll_activated .header-left, .roll_menu.roll_activated .header-right { vertical-align: middle; }
/* ********** Container Style ************** */
a[class*="banner-more"] { transition: background-color ease-in 200ms,border-color ease-in 200ms,color ease-in 200ms; -moz-transition: background-color ease-in 200ms,border-color ease-in 200ms,color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms,border-color ease-in 200ms,color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms,border-color ease-in 200ms,color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms,border-color ease-in 200ms,color ease-in 200ms; /* IE9? */ }


/* ********** Breadcrumb Style ************** 
.breadcrumb, a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited {
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: #2e2e2e;
}
a.breadcrumb:hover {
	font-weight: normal;
	text-decoration: underline;
}
.Breadcrumb_bg {
}

 @media only screen and (max-width: 767px) {
.breadcrumbBox .breadcrumbRight {
	display: none;
}
}
*/
/* ********** Other Style ************** */
.dnn_layout { margin: 0px auto; }
#dnn_wrapper { position: relative; }
/*language*/
.languageBox { white-space: nowrap; padding: 0px; text-align: center; }
    .languageBox img { width: 27px; height: 18px; }
    .languageBox span img { margin-right: 7px; filter: alpha(opacity=50); opacity: 0.5; vertical-align: middle; }
    .languageBox span.selected img { filter: alpha(opacity=100); opacity: 1; box-shadow: 0 0 2px rgba(255,255,255,0.4); -moz-box-shadow: 0 0 2px rgba(255,255,255,0.4); -webkit-box-shadow: 0 0 2px rgba(255,255,255,0.4); }
/*Login*/
.Login { text-align: center; }
    .Login .loginGroup, .Login .registerGroup, .Login .sep { display: inline-block; padding: 0px; margin: 0px; height: 30px; line-height: 30px; }
    .Login .sep { padding: 0 5px; }
    .Login .registerGroup ul { margin: 0; padding: 0; display: block; list-style: none; }
    .Login .registerGroup .buttonGroup > li, .Login .loginGroup > a { list-style: none; margin: 0; padding: 0; display: inline-block; line-height: 1; }
    .Login img { margin: 0 0 2px 8px; padding: 0; max-height: 26px; }
    .Login .fa { display: inline-block; vertical-align: middle; }
    .Login .registerGroup li.userMessages strong, .Login .registerGroup li.userNotifications strong { display: none; }
    .Login .registerGroup li.userMessages a, .Login .registerGroup li.userNotifications a { font-family: 'FontAwesome'; position: relative; padding: 0px 11px; text-decoration: none; }
        .Login .registerGroup li.userMessages a:before { content: "\f0e0"; position: absolute; left: 2px; top: 50%; margin-top: -12px; height: 20px; line-height: 24px; -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); }
        .Login .registerGroup li.userNotifications a:before { content: "\f05a"; position: absolute; left: 2px; top: 50%; margin-top: -12px; height: 20px; line-height: 24px; -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); -webkit-transform: scale(1.15); font-size: 15px; }
        .Login .registerGroup li.userMessages a span, .Login .registerGroup li.userNotifications a span { position: absolute; bottom: 100%; right: 0px; margin: 0 -6px -7px 0; background-color: #20a3f0; padding: 1px 3px 1px; color: #FFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index: 2; }
/* Search Style  */
.searchBox { background: transparent; display: block; }
    .searchBox > span { background: none; border: none; float: none; position: relative; white-space: nowrap; width: 100%; display: block; text-align: left; }
.search, a.search:link, a.search:active, a.search:visited { text-decoration: none; display: block; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; line-height: 30px; overflow: hidden; padding: 0px; color: #a1a0a0; text-align: center; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; font-size: 16px; }
a.search:before { content: "\f002"; }
.searchBox input.NormalTextBox { width: 80%; text-align: left; height: 18px; line-height: 18px; overflow: hidden; padding: 0px 3px 0px 3px; background: none; border: none; display: block; position: absolute; left: 25px; top: 6px; outline: 0; border-radius: 0px 0px 0px 0px; -webkit-appearance: none; color: inherit; vertical-align: middle; font-family: inherit; }
.searchBox input::-webkit-input-placeholder { color: inherit; }
.searchBox input:-moz-placeholder { color: inherit; }
.searchBox input::-moz-placeholder { color: inherit; }
.searchBox input:-ms-input-placeholder { color: inherit; }
.searchBox .searchInputContainer { position: static !important; vertical-align: middle; }
    .searchBox .searchInputContainer a.dnnSearchBoxClearText.dnnShow { top: 8px !important; left: auto; right: 44px !important; }
.searchBox .searchSkinObjectPreview { right: 0 !important; }
.searchBox ul.searchSkinObjectPreview > li > span { line-height: 1.2; display: inline-block; white-space: normal; }
.dnnSearchBoxPanel, .dnnSearchResultPanel { width: 100%; max-width: none; padding: 10px 0px !important; }
.dnnSearchResultPanel { padding: 10px 0px 7px 0px !important; }
ul.searchSkinObjectPreview { z-index: 1000 !important; }
ul.searchSkinObjectPreview { font-size: 13px; }
/*source_code*/
.source_code { margin: 5px 0px; }
    .source_code pre { display: none; }
    .source_code .source_box pre { display: block; }
    .source_code .source_box { display: none; }
/* ********** HEADER ************** */
#body, body { position: relative; }
.roll_logo { display: none; }
.dnn_logo { float: left; padding: 0; }
    .dnn_logo img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.header-top, .header-bottom { display: table; width: 100%; /*margin-top: -10px; */}
.header-left, .header-center, .header-right { display: table-cell; vertical-align: middle; }
.header-left { text-align: left; }
.header-right { text-align: right; }
.header-center { text-align: center; }
.header_bg { width: 100%; z-index: 100; }
.justify_fix { display: inline-block; width: 100%; height: 0; line-height: 0; overflow: hidden; }
.headerBox { position: relative; }
.menuRightBox { display: inline-block; vertical-align: middle; }
.roll_menu.roll_activated { position: fixed; width: 100%; z-index: 1000; }
.nav_box { position: relative; }
/*main menu*/
.dnn_menu { position: relative; margin: 0px; }
/*dnngo_megamenu */
#dnngo_megamenu { margin: 0px; padding: 0px; clear: both; }
    #dnngo_megamenu .primary_structure { position: relative; clear: both; margin: 0; padding: 0; }
        #dnngo_megamenu .primary_structure > li { float: left; list-style: none; position: relative; margin: 0; }
            #dnngo_megamenu .primary_structure > li > a { display: inline-block; padding: 0; word-spacing: normal; }
            * + html #dnngo_megamenu .primary_structure > li > a { display: inline; }
    #dnngo_megamenu > div > ul > li > a > span { display: inline-block; }
    #dnngo_megamenu .primary_structure > li > a:hover, #dnngo_megamenu .primary_structure > li.menu_hover > a, #dnngo_megamenu .primary_structure > li.current > a { text-decoration: none; }
    #dnngo_megamenu .primary_structure span img, #dnngo_megamenu .primary_structure span i, .multi_menu ul li i, .multi_menu ul li img { margin-right: 8px; width: 1.1em; text-align: center; }
    /*sub*/
    #dnngo_megamenu .dnngo_menuslide { display: none; position: absolute; top: 100%;  z-index: 907; margin: 0; padding: 0; }
    #dnngo_megamenu .rtl .dnngo_menuslide.slide { left: auto !important; right: 0; }
    #dnngo_megamenu .dnngo_menuslide > .dnngo_boxslide { padding: 18px 40px 18px 0px; }
    #dnngo_megamenu .dnngo_slide_menu, #dnngo_megamenu .dnngo_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; backface-visibility: hidden; }
        #dnngo_megamenu .dnngo_slide_menu .dnngo_submenu { 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); }
    #dnngo_megamenu .dnngo_masonrymenu { width: 100%; }
        #dnngo_megamenu .dnngo_masonrymenu > ul { float: left; }
            #dnngo_megamenu .dnngo_masonrymenu > ul > li { margin: 0px 38px; }
    /*dnngo_slide_menu*/
    #dnngo_megamenu .dnngo_slide_menu { margin: 0; padding: 0; white-space: nowrap; }
        #dnngo_megamenu .dnngo_slide_menu ul, #dnngo_megamenu .dnngo_slide_menu ul li { margin: 0; padding: 0; }
        #dnngo_megamenu .dnngo_slide_menu .dnngo_submenu { margin: 0; padding: 0; display: none; position: absolute; left: 100%; top: 0px; z-index: 904; }
        #dnngo_megamenu .dnngo_slide_menu li { position: relative; list-style: none; }
            #dnngo_megamenu .dnngo_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? */ }
    #dnngo_megamenu .rtl .dnngo_slide_menu li a { padding: 8px 20px 8px 60px; text-align: right; }
    #dnngo_megamenu .dnngo_slide_menu 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? */ }

    #dnngo_megamenu .dnngo_slide_menu li a:hover > span,
    #dnngo_megamenu .dnngo_slide_menu li.menu_hover > a > span { -moz-transform: translate(4px,0); -ms-transform: translate(4px,0); -o-transform: translate(4px,0); transform: translate(4px,0); -webkit-transform: translate(4px,0); }
    #dnngo_megamenu .rtl .dnngo_slide_menu li a:hover > span,
    #dnngo_megamenu .rtl .dnngo_slide_menu li.menu_hover > a > span { -moz-transform: translate(-4px,0); -ms-transform: translate(-4px,0); -o-transform: translate(-4px,0); transform: translate(-4px,0); -webkit-transform: translate(-4px,0); }

    #dnngo_megamenu .dnngo_slide_menu li.dir:before { content: ""; right: 15px; top: 50%; position: absolute; margin-top: -2px; width: 5px; height: 5px; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; 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: 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? */ }
    #dnngo_megamenu .rtl .dnngo_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); transform: rotate(135deg); /* Opera */ }
    #dnngo_megamenu .rtl .dnngo_boxslide,
    #dnngo_megamenu .rtl .dnngo_boxslide .menu_centerbox ul { text-align: right; }
    /*dnngo_boxslide*/

    #dnngo_megamenu .dnngo_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); }
        #dnngo_megamenu .dnngo_boxslide .clear { clear: both; overflow: hidden; width: 100%; height: 0px; }
        #dnngo_megamenu .dnngo_boxslide .menu_centerbox { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
        #dnngo_megamenu .dnngo_boxslide .menu_leftbox { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
        #dnngo_megamenu .dnngo_boxslide .menu_rightbox { float: left; padding: 0px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
        #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul { margin: 0; padding: 0; text-align: left; }
            #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li { list-style: none; padding: 3px 0px; font-size: 12px; }
                #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li li { padding: 5px 10px; }
        #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu { }
            #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul { position: relative; }
                #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul:before { content: ""; position: absolute; right: 0; top: -100px; height: 1000%; border-left: 1px solid #e0e0e0; }
                #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
                * + html #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li { display: inline; }
                    #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a > span { font-size: 14px; padding-bottom: 20px; }
                    #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a:hover { text-decoration: none; }
        #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li { width: 100% !important; }
            #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a { display: block; width: 100%; }
                #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover { text-decoration: none; }
                #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span { display: block; }
                    #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before { content: ""; width: 5px; height: 5px; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; 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 */ vertical-align: middle; display: inline-block; margin: 0px 8px 2px 0; }
                #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span:before { border-left-color: #20a3f0; }
        #dnngo_megamenu .dnngo_boxslide .menu_topbox { width: 100%; }
        #dnngo_megamenu .dnngo_boxslide .menu_bottombox { width: 100%; }
        #dnngo_megamenu .mega_title, #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a > span { font-size: 14px !important; text-transform: capitalize; border-bottom: 1px solid #c2c2c2; font-weight: normal; padding: 5px 0 15px; line-height: 1.2; color: #20a3f0; letter-spacing: 0; position: relative; display: block; margin-bottom: 8px; }
        #dnngo_megamenu .dnngo_boxslide .menu_leftbox, #dnngo_megamenu .dnngo_boxslide .menu_rightbox, #dnngo_megamenu .dnngo_boxslide .menu_topbox, #dnngo_megamenu .dnngo_boxslide .menu_bottombox, #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li { overflow: hidden; }
    #dnngo_megamenu .rtl li span > img, #dnngo_megamenu .rtl li span > i { margin-left: 4px; margin-right: 0px; }
    #dnngo_megamenu li p { line-height: 1.8; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #dnngo_megamenu.IHide-md li span > img, #dnngo_megamenu.IHide-md li span > i, #dnngo_menu.IHide-md li span > img, #dnngo_menu.IHide-md li span > i { display: none; }
    #dnngo_megamenu .dnngo_masonrymenu > ul > li { margin: 0px 10px; white-space: normal; }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    #dnngo_megamenu.IHide-sm li span > img, #dnngo_megamenu.IHide-sm li span > i, #dnngo_menu.IHide-sm li span > img, #dnngo_menu.IHide-sm li span > i { display: none; }
}

@media only screen and (min-width: 1200px) {
    #dnngo_megamenu.IHide-lg li span > img, #dnngo_megamenu.IHide-lg li span > i, #dnngo_menu.IHide-lg li span > img, #dnngo_menu.IHide-lg li span > i { display: none; }
}

.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; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); 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; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); 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 { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: -3px 0 0px -3px; }
.roller-down:before { -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); 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); }

/*dnngo_custommenu*/

#dnngo_megamenu .dnngo_menuslide > .dnngo_boxslide { padding: 0; }
#dnngo_megamenu .dnngo_custommenu > .menupane { float: left; background-color: #FFF; padding-bottom: 10000px; margin-bottom: -10000px; position: relative; }
    #dnngo_megamenu .dnngo_custommenu > .menupane.topline .pane_space { border-top: 1px solid #dcdcdc; }
    #dnngo_megamenu .dnngo_custommenu > .menupane.bottomline .pane_space { border-bottom: 1px solid #dcdcdc; }
    #dnngo_megamenu .dnngo_custommenu > .menupane.leftline { border-left: 1px solid #dcdcdc; }
    #dnngo_megamenu .dnngo_custommenu > .menupane.rightline { border-right: 1px solid #dcdcdc; }

#dnngo_megamenu .dnngo_custommenu .pane_space { }
#dnngo_megamenu .dnngo_custommenu .submenu { margin: 0; padding: 0; }
#dnngo_megamenu .dnngo_custommenu .submenu_title { color: #424242; line-height: 1.4; font-weight: bold; margin: 0 0 7px; }
#dnngo_megamenu .dnngo_custommenu .submenulist_1 .submenu_title a:hover { text-decoration: none; }
#dnngo_megamenu .dnngo_custommenu .submenulist_1 .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? */ }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li a { display: block; padding: 6px 4px; color: #666666; 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? */ }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li a:hover { color: #FFF; background-color: #20a3f0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 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? */ }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li a:hover span { -moz-transform: translate(4px,0); -ms-transform: translate(4px,0); -o-transform: translate(4px,0); transform: translate(4px,0); -webkit-transform: translate(4px,0); }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 ul { margin: 0 0 15px; padding: 0px; list-style: none; }
#dnngo_megamenu .dnngo_custommenu .menupane .submenu.submenulist_1:last-child ul { margin: 0; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li li a { padding-left: 24px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li li li a { padding-left: 44px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li li li li a { padding-left: 64px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_1 li li li li li a { padding-left: 84px; }


#dnngo_megamenu .dnngo_custommenu .submenulist_2 .submenu_title a:hover { text-decoration: none; }
#dnngo_megamenu .dnngo_custommenu .submenulist_2 .submenu_title span { color: #20a3f0; font-weight: normal; 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? */ }
#dnngo_megamenu .dnngo_custommenu .submenulist_2 .submenu_title:after { content: ""; width: 65%; border-bottom: 1px solid #bebebe; display: block; margin-top: 12px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 { }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul { margin: 0 0 15px; padding: 0px; list-style: none; }
#dnngo_megamenu .dnngo_custommenu .menupane .submenu.submenulist_2:last-child ul { margin: 0; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li { margin: 0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li span { display: inline-block; padding: 4px 0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li a:before { content: ""; margin: 0 12px 2px 0; width: 5px; height: 5px; line-height: 5px; display: inline-block; border-right: 1px solid #666666; border-bottom: 1px solid #666666; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li a:hover:before { border-right-color: #20a3f0; border-bottom-color: #20a3f0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li li { padding-left: 20px; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li a { color: #666666; }
        #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_2 ul li a:hover { color: #20a3f0; }
/**/

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 { }
#dnngo_megamenu .dnngo_custommenu .submenulist_3 .submenu_title { padding: 0 0 10px; margin: 0; }
    #dnngo_megamenu .dnngo_custommenu .submenulist_3 .submenu_title span { color: #20a3f0; text-decoration: none; }
    #dnngo_megamenu .dnngo_custommenu .submenulist_3 .submenu_title a:hover { text-decoration: none; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul { margin: 0 0 15px; padding: 0px; list-style: none; }
#dnngo_megamenu .dnngo_custommenu .menupane .submenu.submenulist_3:last-child ul { margin: 0; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li { margin: 0; position: relative; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 > ul > li > a { border-bottom: 1px solid #dcdcdc; position: relative; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 > ul > li > a + ul { margin-top: 5px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li span { display: inline-block; padding: 11px 0; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li li span { padding: 4px 0; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li a:before { content: ""; top: 50%; margin: -2px 7px 3px 0; width: 6px; height: 6px; line-height: 6px; display: inline-block; border-right: 1px solid #666666; border-bottom: 1px solid #666666; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; right: 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? */ }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li li a { padding-left: 20px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li li li a { padding-left: 40px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li li li li a { padding-left: 60px; }
#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li a { color: #666666; display: block; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li a:hover { color: #20a3f0; }
        #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_3 ul li a:hover:before { border-right-color: #20a3f0; border-bottom-color: #20a3f0; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 { }
#dnngo_megamenu .dnngo_custommenu .submenulist_4 .submenu_title { border-bottom: 1px solid #dcdcdc; padding: 0 0 10px; margin: 0 0 10px; }
    #dnngo_megamenu .dnngo_custommenu .submenulist_4 .submenu_title span { color: #424242; text-decoration: 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? */ }
    #dnngo_megamenu .dnngo_custommenu .submenulist_4 .submenu_title a:hover span { color: #20a3f0; }
    #dnngo_megamenu .dnngo_custommenu .submenulist_4 .submenu_title a:hover { text-decoration: none; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 ul { margin: 0 0 15px; padding: 0px; list-style: none; }
#dnngo_megamenu .dnngo_custommenu .menupane .submenu.submenulist_4:last-child ul { margin: 0; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 ul li { margin: 0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 ul li span { display: inline-block; padding: 4px 0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 ul li li { padding-left: 20px; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 ul li a { color: #666666; }
        #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_4 ul li a:hover { color: #20a3f0; }
#dnngo_megamenu .dnngo_custommenu .submenulist_5 .submenu_title { margin: 0 0 7px; }
    #dnngo_megamenu .dnngo_custommenu .submenulist_5 .submenu_title a:hover { text-decoration: none; }
    #dnngo_megamenu .dnngo_custommenu .submenulist_5 .submenu_title span { color: #424242; font-weight: normal; 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? */ }
    #dnngo_megamenu .dnngo_custommenu .submenulist_5 .submenu_title a:hover span { color: #20a3f0; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 { }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul { margin: 0 0 15px; padding: 0px; list-style: none; }
#dnngo_megamenu .dnngo_custommenu .menupane .submenu.submenulist_5:last-child ul { margin: 0; }

#dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li { margin: 0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li span { display: inline-block; padding: 4px 0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li a:before { content: ""; margin: 0 10px 2px 0; width: 5px; height: 5px; line-height: 5px; display: inline-block; border-right: 1px solid #666666; border-bottom: 1px solid #666666; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li a:hover:before { border-right-color: #20a3f0; border-bottom-color: #20a3f0; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li li { padding-left: 20px; }
    #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li a { color: #666; }
        #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li a:hover { color: #20a3f0; }
            #dnngo_megamenu .dnngo_custommenu .submenu.submenulist_5 ul li a:hover:before { }

.menu-cont01 .list { margin: 0; padding: 0 0 10px; list-style: none; }
    .menu-cont01 .list li { padding: 5px 0px; }
        .menu-cont01 .list li .fa { font-size: 1.3em; width: 25px; text-align: center; display: inline-block; vertical-align: middle; margin-bottom: 2px; }
.menu-cont01 .line { border-bottom: 1px solid #dcdcdc; margin-top: 10px; margin-bottom: 30px; }
.menu-ibox { margin-bottom: 20px; }
    .menu-ibox h3 { color: #424242; font-size: 15px; font-weight: normal; margin-bottom: 10px; }
.menu-cont01 .more,
.menu-cont01 .more:link,
.menu-cont01 .more:active,
.menu-cont01 .more:visited { background-color: transparent; color: #20a3f0; font-style: italic; text-decoration: underline; }
    .menu-cont01 .more:hover { text-decoration: none; }

.menu-ibox .btn { margin-top: 10px; margin-bottom: 20px; color: #20a3f0; border: 1px solid #20a3f0; }
    .menu-ibox .btn,
    .menu-ibox .btn:link,
    .menu-ibox .btn:active,
    .menu-ibox .btn:visited { background: transparent; color: #20a3f0; box-shadow: none; -webkit-box-shadow: none; }
        .menu-ibox .btn:hover { background-color: #20a3f0; color: #FFF; }
.menu-ibox-last .menu-ibox { margin-bottom: 0; }
    .menu-ibox-last .menu-ibox .btn { margin-bottom: 0px; }



.menu-blog { }
    .menu-blog .pic { margin-bottom: 10px; }

.menu-bloglist { margin: 0; padding: 0; list-style: none; }
    .menu-bloglist li { overflow: hidden; border-bottom: 1px solid #dcdcdc; padding-bottom: 25px; margin-bottom: 25px; }
        .menu-bloglist li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
    .menu-bloglist .pic { float: left; margin-right: 18px; padding-top: 5px; }
    .menu-bloglist .pic-right { overflow: hidden; }
.menu-carousel { text-align: center; }


/* ********** CONTENT ************** */
#dnn_content { /*min-height: 400px;*/ position: relative; }
.Breadcrumb_bg:before, .BannerPane:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; }
.pane-bg01 { position: relative; z-index: 1; }
    .pane-bg01:before { content: ""; width: 100%; height: 100%; background: #20a3f0; position: absolute; top: 0; left: 0; z-index: -1; -moz-transform: skew(0deg, -4deg); -ms-transform: skew(0deg, -4deg); -o-transform: skew(0deg, -4deg); -webkit-transform: skew(0deg, -4deg); transform: skew(0deg, -4deg); -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform-origin: left bottom; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
    .pane-bg01:before { background: #b75ccd; }
/*page Spacing*/
.mt-5 { margin-top: 5px; }
.mb-5 { margin-bottom: 5px; }
.pt-5 { padding-top: 5px; }
.pb-5 { padding-bottom: 5px; }
.mt-10 { margin-top: 10px; }
.mb-10 { margin-bottom: 10px; }
.pt-10 { padding-top: 10px; }
.pb-10 { padding-bottom: 10px; }
.mt-20 { margin-top: 20px; }
.mb-20 { margin-bottom: 20px; }
.pt-20 { padding-top: 20px; }
.pb-20 { padding-bottom: 20px; }
.mt-30 { margin-top: 30px; }
.mb-30 { margin-bottom: 30px; }
.pt-30 { padding-top: 30px; }
.pb-30 { padding-bottom: 30px; }
.mt-40 { margin-top: 40px; }
.mb-40 { margin-bottom: 40px; }
.pt-40 { padding-top: 40px; }
.pb-40 { padding-bottom: 40px; }
.mt-50 { margin-top: 50px; }
.mb-50 { margin-bottom: 50px; }
.pt-50 { padding-top: 50px; }
.pb-50 { padding-bottom: 50px; }
.mt-60 { margin-top: 60px; }
.mb-60 { margin-bottom: 60px; }
.pt-60 { padding-top: 30px; }
.pb-60 { padding-bottom: 30px; }

@media only screen and (min-width: 1600px) {
    .mt-10 { margin-top: 13px; }
    .mb-10 { margin-bottom: 13px; }
    .pt-10 { padding-top: 13px; }
    .pb-10 { padding-bottom: 13px; }
    .mt-20 { margin-top: 26px; }
    .mb-20 { margin-bottom: 26px; }
    .pt-20 { padding-top: 26px; }
    .pb-20 { padding-bottom: 26px; }
    .mt-30 { margin-top: 39px; }
    .mb-30 { margin-bottom: 39px; }
    .pt-30 { padding-top: 39px; }
    .pb-30 { padding-bottom: 39px; }
    .mt-40 { margin-top: 52px; }
    .mb-40 { margin-bottom: 52px; }
    .pt-40 { padding-top: 52px; }
    .pb-40 { padding-bottom: 52px; }
    .mt-50 { margin-top: 65px; }
    .mb-50 { margin-bottom: 65px; }
    .pt-50 { padding-top: 65px; }
    .pb-50 { padding-bottom: 65px; }
    .mt-60 { margin-top: 78px; }
    .mb-60 { margin-bottom: 78px; }
    .pt-60 { padding-top: 38px; }
    .pb-60 { padding-bottom: 38px; }
}

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

@media only screen and (max-width: 767px) {
    .mt-10 { margin-top: 5px; }
    .mb-10 { margin-bottom: 5px; }
    .pt-10 { padding-top: 5px; }
    .pb-10 { padding-bottom: 5px; }
    .mt-20 { margin-top: 10px; }
    .mb-20 { margin-bottom: 10px; }
    .pt-20 { padding-top: 10px; }
    .pb-20 { padding-bottom: 10px; }
    .mt-30 { margin-top: 15px; }
    .mb-30 { margin-bottom: 15px; }
    .pt-30 { padding-top: 15px; }
    .pb-30 { padding-bottom: 15px; }
    .mt-40 { margin-top: 20px; }
    .mb-40 { margin-bottom: 20px; }
    .pt-40 { padding-top: 20px; }
    .pb-40 { padding-bottom: 20px; }
    .mt-50 { margin-top: 25px; }
    .mb-50 { margin-bottom: 25px; }
    .pt-50 { padding-top: 25px; }
    .pb-50 { padding-bottom: 25px; }
    .mt-60 { margin-top: 30px; }
    .mb-60 { margin-bottom: 30px; }
    .pt-60 { padding-top: 30px; }
    .pb-60 { padding-bottom: 30px; }
}
/*page Spacing*/
.ml-5 { margin-left: 5px; }
.mr-5 { margin-right: 5px; }
.pl-5 { padding-left: 5px; }
.pr-5 { padding-right: 5px; }
.ml-10 { margin-left: 10px; }
.mr-10 { margin-right: 10px; }
.pl-10 { padding-left: 10px; }
.pr-10 { padding-right: 10px; }
.ml-20 { margin-left: 20px; }
.mr-20 { margin-right: 20px; }
.pl-20 { padding-left: 20px; }
.pr-20 { padding-right: 20px; }
.ml-30 { margin-left: 30px; }
.mr-30 { margin-right: 30px; }
.pl-30 { padding-left: 30px; }
.pr-30 { padding-right: 30px; }
.ml-40 { margin-left: 40px; }
.mr-40 { margin-right: 40px; }
.pl-40 { padding-left: 40px; }
.pr-40 { padding-right: 40px; }
.ml-50 { margin-left: 50px; }
.mr-50 { margin-right: 50px; }
.pl-50 { padding-left: 50px; }
.pr-50 { padding-right: 50px; }
.ml-60 { margin-left: 60px; }
.mr-60 { margin-right: 60px; }
.pl-60 { padding-left: 60px; }
.pr-60 { padding-right: 60px; }

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

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

@media only screen and (max-width: 767px) {
    .ml-10 { margin-left: 5px; }
    .mr-10 { margin-right: 5px; }
    .pl-10 { padding-left: 5px; }
    .pr-10 { padding-right: 5px; }
    .ml-20 { margin-left: 10px; }
    .mr-20 { margin-right: 10px; }
    .pl-20 { padding-left: 10px; }
    .pr-20 { padding-right: 10px; }
    .ml-30 { margin-left: 15px; }
    .mr-30 { margin-right: 15px; }
    .pl-30 { padding-left: 15px; }
    .pr-30 { padding-right: 15px; }
    .ml-40 { margin-left: 20px; }
    .mr-40 { margin-right: 20px; }
    .pl-40 { padding-left: 20px; }
    .pr-40 { padding-right: 20px; }
    .ml-50 { margin-left: 25px; }
    .mr-50 { margin-right: 25px; }
    .pl-50 { padding-left: 25px; }
    .pr-50 { padding-right: 25px; }
    .ml-60 { margin-left: 30px; }
    .mr-60 { margin-right: 30px; }
    .pl-60 { padding-left: 30px; }
    .pr-60 { padding-right: 30px; }
}
/*width*/
.width-95 { margin: auto; width: 95%; }
.width-90 { margin: auto; width: 90%; }
.width-85 { margin: auto; width: 85%; }
.width-80 { margin: auto; width: 80%; }
.width-75 { margin: auto; width: 75%; }
.width-70 { margin: auto; width: 70%; }
.width-65 { margin: auto; width: 65%; }
.width-60 { margin: auto; width: 60%; }
.width-55 { margin: auto; width: 55%; }
.width-50 { margin: auto; width: 50%; }
.width-45 { margin: auto; width: 45%; }
.width-40 { margin: auto; width: 40%; }
.width-35 { margin: auto; width: 35%; }
.width-30 { margin: auto; width: 30%; }
.width-25 { margin: auto; width: 25%; }
.width-20 { margin: auto; width: 20%; }
.width-15 { margin: auto; width: 15%; }
.width-10 { margin: auto; width: 10%; }





/*bold*/
.font-bold { font-weight: bold; }
/**/
.align-bottom { float: none; vertical-align: bottom; display: inline-block; }
.align-middle { vertical-align: middle; display: inline-block; float: none; }

/*color*/
.color-white, .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 .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; }
.text_left { text-align: left; }
.text_center { text-align: center; }
.text_right { text-align: right; }



@media only screen and (max-width: 767px) {
    .phone-center { text-align: center; }
}
/* ********** Buttons Style ************** */
.btn, .btn:hover { -moz-transition: all ease-in 200ms; -o-transition: all ease-in 200ms; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ }
/* ********** FOOTER ************** */
.foot_bg, .footer_bottom { position: relative; z-index: 3; }
.foot_bgs, .footer_bottom_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #FFF; z-index: -1; }
.footer_bottom {/* padding: 10px 0;*/ }
.footer_box [class*=Pane] {/* margin: 20px 0 40px;*/ }
.footer_box .Full_Screen_FootPaneA, .footer_box .Full_Screen_FootPaneB { margin: 0px !important; }
.footer_box, .footer_box .Normal, .footer_box a { font-size: 13px; color: #8f8f8f; }
.copyright_style { float: left; /*padding: 10px 8px;*/ }
.FooterPane { float: right; padding: 9px 8px 0; margin: 0 !important; }
.copyright_style .sep { padding: 0px 5px; }
.copyright_style, .copyright_style a, .copyright_style a:link, .copyright_style a:active, .copyright_style a:visited { text-decoration: none; font-size: 13px; }
    .copyright_style a:hover { text-decoration: none; color: #20a3f0; }
.FooterPane .social-icons { display: inline-block; vertical-align: middle; font-size: 22px; }
    .FooterPane .social-icons a { color: #585858; }
* + html .FooterPane .social-icons { display: inline; }
#to_top { width: 65px; height: 65px; line-height: 65px; right: 90px; bottom: 120px; float: right; margin-top: 10px; text-align: center; font-size: 24px; z-index: 1000; cursor: pointer; position: fixed; display: none; transition: 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; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); 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: #ed474a; border: 2px solid #ed474a; }
        .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: "FontAwesome"; vertical-align: bottom; color: #FFF; font-size: 24px; }
    .backtop02:hover { background-color: #ed474a; }
.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: "FontAwesome"; vertical-align: middle; font-size: 24px; }
    .backtop03:hover { border-color: #ed474a; background-color: #ed474a; 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: "FontAwesome"; vertical-align: bottom; color: #FFF; font-size: 24px; }
    .backtop04:hover { background-color: #ed474a; }

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

.FooterPane .Normal, .copyright_style, .copyright_style a, .copyright_style a:link, .copyright_style a:active, .copyright_style a:visited, .FooterPane a, .FooterPane a:link, .FooterPane a:active, .FooterPane a:visited, .FooterPane .social-icons a { color: #666666; }
/* ********** Typography ************** */

/*Custom Buttons style*/
a.Button_style1 { padding: 10px 16px; margin: 0px 5px 5px 0; position: relative; font-size: 12px; display: inline-block; vertical-align: middle; white-space: nowrap; color: #FFFFFF !important; text-decoration: none; background: url(images/but_bg.png) repeat-x left bottom; background-size: contain; border-radius: 3px 3px 4px 4px; -moz-border-radius: 3px 3px 4px 4px; -webkit-border-radius: 3px 3px 4px 4px; -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset; /* For Firefox3.6+ */ -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset; /* For Chrome5+, Safari5+ */ box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset; 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? */ }
a.Button_style2 { padding: 10px 16px; margin: 0px 5px 5px 0; position: relative; font-size: 12px; display: inline-block; vertical-align: middle; white-space: nowrap; color: #FFFFFF !important; text-decoration: none; background: url(images/but_bg.png) repeat-x left bottom; background-size: contain; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 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? */ }
a.Button_style3 { padding: 10px 16px; margin: 0px 5px 5px 0; position: relative; font-size: 12px; display: inline-block; vertical-align: middle; white-space: nowrap; color: #FFFFFF !important; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 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? */ }
a[class*="Button"].Red { background-color: #df0c00; }
a[class*="Button"].Teal { background-color: #20b2aa; }
a[class*="Button"].Violet { background-color: #6f0080; }
a[class*="Button"].MidnightBlue { background-color: #191970; }
a[class*="Button"].gold { background-color: #ffd700; }
a[class*="Button"].OliveDrab { background-color: #76a732; }
a[class*="Button"].SteelBlue { background-color: #4682b4; }
a[class*="Button"].GoldenOrange { background-color: #f88616; }
a[class*="Button"].silver { background-color: #c0c0c0; }
a[class*="Button"].dark { background-color: #4a4949; }
a[class*="Button"].small { font-size: 12px; letter-spacing: 1px; padding: 10px 16px; line-height: 18px; }
a[class*="Button"].large { font-size: 13px; letter-spacing: 1.2px; line-height: 20px; padding: 15px 22px; }
a[class*="Button"].jumbo { font-size: 14px; letter-spacing: 1.5px; line-height: 24px; padding: 18px 26px; }
a.Button_style1:hover, a.Button_style2:hover, a.Button_style3:hover { color: #FFF !important; background-color: #2e2e2e; text-decoration: none; }
* + html a.Button_style1, * + html a.Button_style2, * + html a.Button_style3 { display: inline; }
/*-- Loading animation --*/
.pace_bg, .pace-running .pace_bg { position: fixed; width: 100%; height: 100%; background-color: #FFF; z-index: 10100; }
.pace-running .dnngo-main { visibility: hidden; }
.animations { visibility: visible; }
.showControlBar .pace_bg { margin-top: -53px !important; }
.pace-running .pace { z-index: 10101; }
.pace, .pace *, .pace *:before, .pace *:after, .pace:before, .pace:after { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.pace-done .pace, .pace-done .pace_bg { opacity: 0; z-index: -1; visibility: hidden; transition: all ease-in 500ms; -moz-transition: all ease-in 500ms; /* Firefox 4 */ -webkit-transition: all ease-in 500ms; /* Safari and Chrome */ -o-transition: all ease-in 500ms; /* Opera */ -ms-transition: all ease-in 500ms; /* IE9? */ }
/*box container*/
/* Effect 1: Slide in on top */
.box-effect-1 .left-menu { visibility: visible; z-index: 940; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.box-effect-1.active .left-menu { visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.box-effect-1.active #header_slide { left: 302px; }
/* Effect 2: Reveal */
.box-effect-2.active, .box-effect-2.delay { overflow: hidden; height: auto !important; }
    .box-effect-2.active .rightmain, .box-effect-2.delay .rightmain { box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
    .box-effect-2.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.box-effect-2 .left-menu { z-index: 1; }
.box-effect-2.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; }
.box-effect-2.active #header_slide { left: 302px; }
/* Effect 3: Push*/
.box-effect-3.active, .box-effect-3.delay { overflow: hidden; height: auto !important; }
    .box-effect-3.active .rightmain, .box-effect-3.delay .rightmain { }
    .box-effect-3.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
    .box-effect-3.active .left-menu { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
.box-effect-3 .left-menu { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: 50; }
.box-effect-3.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; }
.box-effect-3.active #header_slide { left: 302px; }
/* Effect 4: Slide along */
.box-effect-4.active, .box-effect-4.delay { overflow: hidden; height: auto !important; }
    .box-effect-4.active .rightmain, .box-effect-4.delay .rightmain { box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
    .box-effect-4.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.box-effect-4 .left-menu { z-index: 1; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
.box-effect-4.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.box-effect-4.active #header_slide { left: 302px; }
/* Effect 5: Reverse slide out */
.box-effect-5.active, .box-effect-5.delay { overflow: hidden; height: auto !important; }
    .box-effect-5.active .rightmain, .box-effect-5.delay .rightmain { box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
    .box-effect-5.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.box-effect-5 .left-menu { z-index: 1; -webkit-transform: translate3d(50%, 0, 0); -moz-transform: translate3d(50%, 0, 0); -ms-transform: translate3d(50%, 0, 0); -o-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); }
.box-effect-5.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.box-effect-5.active #header_slide { left: 302px; }
/* Effect 6: Rotate pusher */
.box-effect-6.active, .box-effect-6.delay { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; overflow: hidden; }
    .box-effect-6.active .rightmain, .box-effect-6.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
.box-effect-6 .rightmain { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.box-effect-6.active .rightmain { -webkit-transform: translate3d(300px, 0, 0) rotateY(-15deg); -moz-transform: translate3d(300px, 0, 0) rotateY(-15deg); -ms-transform: translate3d(300px, 0, 0) rotateY(-15deg); -o-transform: translate3d(300px, 0, 0) rotateY(-15deg); transform: translate3d(300px, 0, 0) rotateY(-15deg); }
.box-effect-6 .left-menu { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; z-index: 50; }
.box-effect-6.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0%, 0, 0) rotateY(0deg); -moz-transform: translate3d(0%, 0, 0) rotateY(0deg); -ms-transform: translate3d(0%, 0, 0) rotateY(0deg); -o-transform: translate3d(0%, 0, 0) rotateY(0deg); transform: translate3d(0%, 0, 0) rotateY(0deg); }
/* Effect 7: 3D rotate in */
.box-effect-7.active, .box-effect-7.delay { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; overflow: hidden; -webkit-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%; -ms-perspective-origin: 0% 50%; perspective-origin: 0% 50%; }
    .box-effect-7.active .rightmain, .box-effect-7.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; }
.box-effect-7 .rightmain { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.box-effect-7.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.box-effect-7 .left-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(-90deg); transform: translate3d(-100%, 0, 0) rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; z-index: 50; }
.box-effect-7.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0%, 0, 0) rotateY(0deg); -moz-transform: translate3d(0%, 0, 0) rotateY(0deg); -ms-transform: translate3d(0%, 0, 0) rotateY(0deg); -o-transform: translate3d(0%, 0, 0) rotateY(0deg); transform: translate3d(0%, 0, 0) rotateY(0deg); }
/* Effect 8: 3D rotate out */
.box-effect-8.active, .box-effect-8.delay { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; overflow: hidden; -webkit-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%; -ms-perspective-origin: 0% 50%; perspective-origin: 0% 50%; }
    .box-effect-8.active .rightmain, .box-effect-8.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; }
.box-effect-8 .rightmain { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.box-effect-8.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.box-effect-8 .left-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(90deg); transform: translate3d(-100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; z-index: 50; }
.box-effect-8.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0%, 0, 0) rotateY(0deg); -moz-transform: translate3d(0%, 0, 0) rotateY(0deg); -ms-transform: translate3d(0%, 0, 0) rotateY(0deg); -o-transform: translate3d(0%, 0, 0) rotateY(0deg); transform: translate3d(0%, 0, 0) rotateY(0deg); }
/* Effect 9: Scale down pusher */
.box-effect-9.active, .box-effect-9.delay { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; overflow: hidden; }
    .box-effect-9.active .rightmain, .box-effect-9.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; }
.box-effect-9 .rightmain { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.box-effect-9.active .rightmain { -webkit-transform: translate3d(0, 0, -300px); -moz-transform: translate3d(0, 0, -300px); -ms-transform: translate3d(0, 0, -300px); -o-transform: translate3d(0, 0, -300px); transform: translate3d(0, 0, -300px); }
.box-effect-9 .left-menu { opacity: 1; z-index: 50; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.box-effect-9.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* Effect 10: Scale up */
.box-effect-10.active, .box-effect-10.delay { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; overflow: hidden; -webkit-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%; -ms-perspective-origin: 0% 50%; perspective-origin: 0% 50%; }
    .box-effect-10.active .rightmain, .box-effect-10.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
    .box-effect-10.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.box-effect-10 .left-menu { z-index: 1; opacity: 1; -webkit-transform: translate3d(0, 0, -300px); -moz-transform: translate3d(0, 0, -300px); -ms-transform: translate3d(0, 0, -300px); -o-transform: translate3d(0, 0, -300px); transform: translate3d(0, 0, -300px); }
.box-effect-10.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* Effect 11: Scale and rotate pusher */
.box-effect-11.active, .box-effect-11.delay { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; overflow: hidden; }
    .box-effect-11.active .rightmain, .box-effect-11.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
.box-effect-11 .rightmain { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.box-effect-11.active .rightmain { -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -moz-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -ms-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -o-transform: translate3d(100px, 0, -600px) rotateY(-20deg); transform: translate3d(100px, 0, -600px) rotateY(-20deg); }
.box-effect-11 .left-menu { opacity: 1; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.box-effect-11.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* Effect 12: Open door */
.box-effect-12.active, .box-effect-12.delay { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; overflow: hidden; }
    .box-effect-12.active .rightmain, .box-effect-12.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; }
.box-effect-12 .rightmain { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.box-effect-12.active .rightmain { -webkit-transform: rotateY(-10deg); -moz-transform: rotateY(-10deg); -ms-transform: rotateY(-10deg); -o-transform: rotateY(-10deg); transform: rotateY(-10deg); }
.box-effect-12 .left-menu { opacity: 1; z-index: 50; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.box-effect-12.active .left-menu { visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* Effect 13: Fall down */
.box-effect-13.active, .box-effect-13.delay { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%; -ms-perspective-origin: 0% 50%; perspective-origin: 0% 50%; overflow: hidden; }
    .box-effect-13.active .rightmain, .box-effect-13.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
    .box-effect-13.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.box-effect-13 .left-menu { z-index: 1; opacity: 1; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.box-effect-13.active .left-menu { visibility: visible; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -moz-transition-property: transform; -o-transition-property: transform; transition-property: transform; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-speed: 0.2s; transition-speed: 0.2s; }
/* Effect 14: Delayed 3D rotate */

.box-effect-14.active, .box-effect-14.delay { -webkit-perspective: 1500px; -moz-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%; -ms-perspective-origin: 0% 50%; perspective-origin: 0% 50%; overflow: hidden; }
    .box-effect-14.active .rightmain, .box-effect-14.delay .rightmain { height: 100%; overflow: hidden; overflow-y: auto; box-shadow: 0 0 9px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3); }
.box-effect-14 .rightmain { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.box-effect-14.active .rightmain { -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); }
.box-effect-14 .left-menu { -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg); -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(90deg); transform: translate3d(-100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.box-effect-14.active .left-menu { visibility: visible; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -moz-transition-property: transform; -o-transition-property: transform; transition-property: transform; -webkit-transform: translate3d(0%, 0, 0) rotateY(0deg); -moz-transform: translate3d(0%, 0, 0) rotateY(0deg); -ms-transform: translate3d(0%, 0, 0) rotateY(0deg); -o-transform: translate3d(0%, 0, 0) rotateY(0deg); transform: translate3d(0%, 0, 0) rotateY(0deg); }
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .rightmain, .no-js .rightmain { padding-left: 300px; }
/*anchor Nav*/
#anchorNav { position: fixed; right: 20px; top: 35%; margin: 0; padding: 0; z-index: 10000; }
    #anchorNav li { list-style: none; cursor: pointer; position: relative; margin-bottom: 10px; }
        #anchorNav li i { display: block; width: 24px; height: 22px; background-color: #7f7f7f; border: 1px solid rgba(0,0,0,0.3); text-indent: -200px; overflow: hidden; -moz-transition: all ease-out 300ms; -o-transition: all ease-out 300ms; transition: all ease-out 300ms; -webkit-transition: all ease-out 300ms; /* Safari and Chrome */ }
        #anchorNav li:hover i, #anchorNav li.active i { background-color: #a5a5a5; }
        #anchorNav li span { background-color: #fcc012; color: #FFF; position: absolute; top: 50%; right: 100%; margin: -14px 10px 0 0; white-space: nowrap; padding: 1px 5px; 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? */ }
        #anchorNav li:hover span { opacity: 1; visibility: visible; }

@media only screen and (min-width: 1200px) {
    #anchorNav { right: 80px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #anchorNav { right: 20px; }
}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
    [class*="backgroundImage"] { background-attachment: scroll !important; }
}
/*gmap*/
#gmap01, #gmap02, #gmap03, #gmap04, #gmap05 { background-color: #e5e3df; }
.map-shadow { position: relative; overflow: hidden; }
    .map-shadow:after { content: ""; position: absolute; width: 100%; height: 7px; top: -7px; left: 0; box-shadow: 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5); z-index: 900; }
    .map-shadow:before { content: ""; position: absolute; width: 100%; height: 7px; bottom: -7px; left: 0; box-shadow: 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.5); z-index: 900; }


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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .copyright_style .sep { padding: 0px 7px; }
    .footer_box [class*=Pane] { margin: 20px 0; }
}

@media only screen and (max-width: 767px) {
    .LogoPane, .mobileLogoPane, .dnn_logo .Logobox { display: block; }
}

@media only screen and (max-width: 991px) {
    /*--------- Mobile Menu style ----------*/
    .mobile_nav { padding: 0; position: relative; z-index: 940; 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? */ }
        .mobile_nav > .shade { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-color: #000000; filter: alpha(opacity= 0 ); opacity: 0; }
    .mobile_navbox { position: relative; }
    .mobile_dnn_logo { position: relative; padding: 0px; margin: 0 60px 0 0; text-align: left; }
        .mobile_dnn_logo img { max-width: 100%; max-height: 100%; }
    .mobile_left_icon, .mobile_right_icon { cursor: pointer; line-height: 1; text-align: center; margin-bottom: 10px; position: absolute; top: 50%; left: auto; right: 0; margin-top: -8px; }
    .mobile_left_icon { right: 30px; }
        .mobile_left_icon .fa, .mobile_right_icon a { text-align: center; font-size: 14px; color: #FFF; margin: 0 3px; display: inline-block; margin: 0; }
    .mobile_right_icon a { font-size: 0; text-decoration: none; }
        .mobile_right_icon a:before { content: "\f039"; font-family: "FontAwesome"; font-size: 16px; color: inherit; }
    .mobile_left_icon .fa.active:before, html.mm-opening.mm-opened .mobile_right_icon a:before { content: "\f00d"; font-size: 18px; }
    .mobile_left_icon .fa.active, html.mm-opening.mm-opened .mobile_right_icon a { color: #20a3f0; }
    #mobile_search { position: absolute; top: 100%; left: 0; background-color: #FFF; width: 100%; height: 62px; padding: 11px; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); }
        #mobile_search:before { content: ""; position: absolute; top: -14px; right: 41px; border: 7px solid transparent; border-bottom-color: #FFF; }
        #mobile_search input.NormalTextBox { background-color: #e1e1e1; width: 100% !important; height: 40px; line-height: 40px; left: 0; top: 0; padding: 5px 60px 5px 5px; }
        #mobile_search .search, #mobile_search a.search:link, #mobile_search a.search:active, #mobile_search a.search:visited { width: 40px; height: 40px; line-height: 40px; color: #FFF; background-color: #20a3f0; left: auto; right: 0; }
        #mobile_search .searchSkinObjectPreview { left: 0 !important; top: 40px; }
        #mobile_search .searchInputContainer a.dnnSearchBoxClearText.dnnShow { top: 7px !important; }
    #mobile_user { width: 100%; min-height: 62px; padding: 11px; text-align: center; margin-top: 15px; border-top: 1px solid #666; }
        #mobile_user * { display: inline-block; }
        #mobile_user .userProfileImg a { width: 32px; }
        #mobile_user .userProfileImg img { max-width: 100%; }
        #mobile_user .registerGroup .buttonGroup, #mobile_user .loginGroup { line-height: 40px; margin-bottom: 0; }
        #mobile_user .registerGroup li.userMessages strong, #mobile_user .registerGroup li.userNotifications strong { display: none; }
        #mobile_user .registerGroup li.userMessages a, #mobile_user .registerGroup li.userNotifications a { font-family: 'FontAwesome'; position: relative; padding: 0px 10px; text-decoration: none; }
            #mobile_user .registerGroup li.userMessages a:before { content: "\f0e0"; }
            #mobile_user .registerGroup li.userNotifications a:before { content: "\f05a"; }
            #mobile_user .registerGroup li.userMessages a:before, #mobile_user .registerGroup li.userNotifications a:before { position: absolute; left: 2px; top: 50%; margin-top: -15px; height: 20px; font-size: 14px; line-height: 24px; }
            #mobile_user .registerGroup li.userMessages a span, #mobile_user .registerGroup li.userNotifications a span { position: absolute; bottom: 100%; right: 0px; line-height: 1.2; margin: 0 -6px 5px 0; background-color: #20a3f0; padding: 1px 3px 1px; color: #FFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
        #mobile_user, #mobile_user a, #mobile_user a:link, #mobile_user a:active, #mobile_user a:visited { color: #333333; }
            #mobile_user a:hover { color: #20a3f0; }
            #mobile_user .language-object { line-height: 40px; }
                #mobile_user .language-object .Language { margin: 0px 4px; }
                #mobile_user .language-object img { border: 1px solid #d9d9d9; }
            #mobile_user .sep { padding: 0px 10px; }
    .mobile_nav #mobile_nav { position: absolute; top: 100%; left: 0; right: 0; margin: 15px -20px 0; padding: 40px 0; background-color: #000; display: none; z-index: 1000; }
    .mobile_nav .menu_main { padding: 0 15px; }
    .HeaderPane_mobile .Normal { margin-bottom: 20px; }
    .HeaderPane_mobile { margin-bottom: 0px; }
    .HeaderBottom * { text-align: center; }
    .SkinPlugin_icon { display: none !important; }
    #dnn_wrapper { width: 100%; }
    .HeaderPaneB_mobile { padding: 0 !important; margin: 0 !important; }
    .mobile_menu .mm-navbar.mm-navbar-top.mm-navbar-top-1 { border-bottom: 1px solid #666; }
    .mobile_menu .social_list_6 { padding-bottom: 15px; }
    .mobile_menu .social_list_7 { margin: 10px 0; }
        .mobile_menu .social_list_7 span { width: 30px; height: 30px; line-height: 30px; font-size: 14px; }
    .header_email { line-height: 40px; }
    /*foot*/

    .copyright_style { float: none; text-align: center; }
    .footer_box [class*=Pane] { margin: 20px 0; }
    .FooterPane { float: none; text-align: center; padding: 0px 8px 20px; }
    #to_top { -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-transform: scale(0.7); right: 15px; bottom: 15px; /*	display: none!important;*/ }
}

.mm-menu .mm-navbar.mm-navbar-top-2, .mm-menu .mm-navbar.mm-navbar-top-2 a { color: #666; }
.mm-menu .mm-navbar.mm-navbar-bottom.mm-navbar-bottom-1 { top: auto; bottom: 0; }
html.mm-opening.mm-opened .mm-slideout { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); }
.mm-slideout { box-shadow: 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); }
.mobile_menu .mm-close.mm-btn:before { content: "\f00d"; font-family: "FontAwesome"; font-size: 20px; }
.mobile_menu .mm-prev:before, .mobile_menu .mm-arrow:after { display: none; }
.mobile_menu .mm-prev:after, .mobile_menu .mm-next:after, .mobile_menu .mm-arrow:before { content: "\f053"; font-family: "FontAwesome"; font-size: 15px; display: inline-block; vertical-align: middle; }
.mobile_menu .mm-next:after { border: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transform: none; content: "\f105"; font-family: "FontAwesome"; font-size: 16px; display: inline-block; top: -12px; }
.mobile_menu .mm-navbar .mm-btn { line-height: 40px; }

@media all and (max-width: 175px) {
    html.mm-opening.mm-opened .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); }
}

@media all and (min-width: 550px) {
    html.mm-opening.mm-opened .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); }
}
/*pagepiling*/
#pagepiling { width: 100%; height: 100%; overflow: hidden; position: relative; }
    #pagepiling .section { top: auto; bottom: 0; width: 100%; height: 100%; text-align: center; position: absolute; }
.pp-section { height: 100%; position: absolute; width: 100%; }
.pp-easing { -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); /* custom */ }
#pp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
    #pp-nav.right { right: 17px; }
    #pp-nav.left { left: 17px; }
.pp-section.pp-table { display: table; width: 100%; table-layout: fixed; }
.pp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.pp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }
    .pp-slidesNav.bottom { bottom: 17px; }
    .pp-slidesNav.top { top: 17px; }
    #pp-nav ul, .pp-slidesNav ul { margin: 0; padding: 0; }
    #pp-nav li, .pp-slidesNav li { display: block; width: 14px; height: 13px; margin: 12px 7px; position: relative; }
    .pp-slidesNav li { display: inline-block; }
        #pp-nav li a, .pp-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
    #pp-nav li .active span, .pp-slidesNav .active span { background: transparent !important; border: 5px solid #ffffff !important; }
    #pp-nav span, .pp-slidesNav span { top: 2px; left: 2px; width: 16px; height: 16px; border: none !important; background: #FFF !important; border-radius: 50%; position: absolute; z-index: 1; }
.pp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; }
    .pp-tooltip.right { right: 20px; }
    .pp-tooltip.left { left: 20px; }
#pagepiling .gohome { width: 70px; height: 70px; border: 2px solid #FFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left: 50%; bottom: 0; margin: 0 0 80px -45px; cursor: pointer; z-index: 1; background: url(images/gohome_ico.png) no-repeat center center; -webkit-animation: arrows 1s infinite; -webkit-animation-delay: 1s; -moz-animation: arrows 1s infinite; -o-animation: arrows 1s infinite; animation: arrows 1s infinite; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; }
.animationUp { opacity: 0; transform: translateY(-200px); -ms-transform: translateY(-200px); /* IE 9 */ -moz-transform: translateY(-200px); /* Firefox */ -webkit-transform: translateY(-200px); /* Safari and Chrome */ -o-transform: translateY(-200px); /* Opera */ transition: all ease 800ms; -moz-transition: all ease 800ms; /* Firefox 4 */ -webkit-transition: all ease 800ms; /* Safari and Chrome */ -o-transition: all ease 800ms; /* Opera */ -ms-transition: all ease 800ms; /* IE9? */ }
.animationDown { opacity: 0; transform: translateY(200px); -ms-transform: translateY(200px); /* IE 9 */ -moz-transform: translateY(200px); /* Firefox */ -webkit-transform: translateY(200px); /* Safari and Chrome */ -o-transform: translateY(200px); /* Opera */ transition: all ease 800ms; -moz-transition: all ease 800ms; /* Firefox 4 */ -webkit-transition: all ease 800ms; /* Safari and Chrome */ -o-transition: all ease 800ms; /* Opera */ -ms-transition: all ease 800ms; /* IE9? */ }
#pagepiling .active .animationUp, #pagepiling .active .animationDown { transform: translateY(0px); -ms-transform: translateY(0px); /* IE 9 */ -moz-transform: translateY(0px); /* Firefox */ -webkit-transform: translateY(0px); /* Safari and Chrome */ -o-transform: translateY(0px); /* Opera */ opacity: 1; }

@media only screen and (min-width: 768px) {
    .dnngo-main.boxed #pagepiling { margin-top: -25px; margin-bottom: 25px; }
}


/*welcome*/
.welcome_box { width: 100%; position: relative; z-index: 1; }
    .welcome_box .welcome_title { font-size: 70px; line-height: 1.2; color: #ffffff; padding: 0px 15px; font-weight: bold; letter-spacing: 4px; }
    .welcome_box .welcome_content { font-size: 20px; color: #ffffff; padding: 0px 15px; position: relative; z-index: 1; }
    .welcome_box .welcome_pic { padding: 50px 15px; }
        .welcome_box .welcome_pic img { max-width: 100%; }
#pagepiling .animation_element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; }
    #pagepiling .animation_element .element_bg { position: absolute; height: 100%; width: 100%; background-position: center bottom; background-repeat: no-repeat; background-size: contain; bottom: -50%; left: 0; transition: all 1s ease-in 0s; -moz-transition: all 1s ease-in 0s; /* Firefox 4 */ -webkit-transition: all 1s ease-in 0s; /* Safari and Chrome */ -o-transition: all 1s ease-in 0s; /* Opera */ -ms-transition: all 1s ease-in 0s; /* IE9? */ }
#pagepiling .active .animation_element .element_bg { bottom: 0; transition: all 1s ease-out 0.4s; -moz-transition: all 1s ease-out 0.4s; /* Firefox 4 */ -webkit-transition: all 1s ease-out 0.4s; /* Safari and Chrome */ -o-transition: all 1s ease-out 0.4s; /* Opera */ -ms-transition: all 1s ease-out 0.4s; /* IE9? */ }
#pagepiling .animation_element .element_bg img { max-width: 100%; }
#pagepiling .star { position: absolute; animation: star infinite 2s; -moz-animation: star infinite 2s; -webkit-animation: star infinite 2s; -o-animation: star infinite 2s; }
#pagepiling .animation_star .star_1 { top: 20px; left: 10%; -moz-animation-duration: 4.5s; -o-animation-duration: 4.5s; animation-duration: 4.5s; -webkit-animation-duration: 4.5s; }
#pagepiling .animation_star .star_2 { top: 123px; left: 20%; -moz-animation-duration: 5s; -o-animation-duration: 5s; animation-duration: 5s; -webkit-animation-duration: 5s; }
#pagepiling .animation_star .star_3 { top: 43px; left: 60%; -moz-animation-duration: 6s; -o-animation-duration: 6s; animation-duration: 6s; -webkit-animation-duration: 6s; }
#pagepiling .animation_star .star_4 { top: 440px; left: 90%; -moz-animation-duration: 10s; -o-animation-duration: 10s; animation-duration: 10s; -webkit-animation-duration: 10s; }
#pagepiling .animation_star .star_5 { top: 234px; left: 14%; -moz-animation-duration: 5.5s; -o-animation-duration: 5.5s; animation-duration: 5.5s; -webkit-animation-duration: 5.5s; }
#pagepiling .animation_star .star_6 { top: 100px; left: 50%; -moz-animation-duration: 15s; -o-animation-duration: 15s; animation-duration: 15s; -webkit-animation-duration: 15s; }
#pagepiling .animation_star .star_7 { top: 34px; left: 82%; -moz-animation-duration: 20s; -o-animation-duration: 20s; animation-duration: 20s; -webkit-animation-duration: 20s; }
#pagepiling .animation_star .star_8 { top: 120px; left: 34%; -moz-animation-duration: 10s; -o-animation-duration: 10s; animation-duration: 10s; -webkit-animation-duration: 10s; }
#pagepiling .cloud { position: absolute; left: -100px; animation: cloud infinite 10s linear; -moz-animation: cloud infinite 10s linear; -webkit-animation: cloud infinite 10s linear; -o-animation: cloud infinite 10s linear; }
#pagepiling .animation_cloud .cloud_1 { top: 20px; -moz-animation-duration: 15s; -o-animation-duration: 15s; animation-duration: 15s; -webkit-animation-duration: 15s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-delay: 0s; }
#pagepiling .animation_cloud .cloud_2 { top: 123px; -moz-animation-duration: 20s; -o-animation-duration: 20s; animation-duration: 20s; -webkit-animation-duration: 20s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transform: scale(0.5); }
#pagepiling .animation_cloud .cloud_3 { top: 63px; -moz-animation-duration: 22s; -o-animation-duration: 22s; animation-duration: 22s; -webkit-animation-duration: 22s; -moz-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: 5s; -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-transform: scale(0.9); }
#pagepiling .animation_cloud .cloud_4 { top: 240px; -moz-animation-duration: 18s; -o-animation-duration: 18s; animation-duration: 18s; -webkit-animation-duration: 18s; -moz-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: 2s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transform: scale(0.8); }
#pagepiling .snowflake { position: absolute; top: -100px; animation: snowflake infinite 10s linear; -moz-animation: snowflake infinite 10s linear; -webkit-animation: snowflake infinite 10s linear; -o-animation: snowflake infinite 10s linear; }
#pagepiling .animation_snowflake .snowflake_1 { left: 20%; -moz-animation-duration: 15s; -o-animation-duration: 15s; animation-duration: 15s; -webkit-animation-duration: 15s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-delay: 0s; }
#pagepiling .animation_snowflake .snowflake_2 { left: 8%; -moz-animation-duration: 20s; -o-animation-duration: 20s; animation-duration: 20s; -webkit-animation-duration: 20s; -moz-animation-delay: 5.1s; -o-animation-delay: 5.1s; animation-delay: 5.1s; -webkit-animation-delay: 5.1s; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transform: scale(0.5); }
#pagepiling .animation_snowflake .snowflake_3 { left: 63%; -moz-animation-duration: 22s; -o-animation-duration: 22s; animation-duration: 22s; -webkit-animation-duration: 22s; -moz-animation-delay: 6s; -o-animation-delay: 6s; animation-delay: 6s; -webkit-animation-delay: 6s; -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-transform: scale(0.9); }
#pagepiling .animation_snowflake .snowflake_4 { left: 82%; -moz-animation-duration: 18s; -o-animation-duration: 18s; animation-duration: 18s; -webkit-animation-duration: 18s; -moz-animation-delay: 4s; -o-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: 4s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transform: scale(0.8); }
#pagepiling .animation_snowflake .snowflake_5 { left: 75%; -moz-animation-duration: 16.5s; -o-animation-duration: 16.5s; animation-duration: 16.5s; -webkit-animation-duration: 16.5s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: 1s; }
#pagepiling .animation_snowflake .snowflake_6 { left: 18%; -moz-animation-duration: 18.5s; -o-animation-duration: 18.5s; animation-duration: 18.5s; -webkit-animation-duration: 18.5s; -moz-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: 3s; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transform: scale(0.5); }
#pagepiling .animation_snowflake .snowflake_7 { left: 70%; -moz-animation-duration: 24.5s; -o-animation-duration: 24.5s; animation-duration: 24.5s; -webkit-animation-duration: 24.5s; -moz-animation-delay: 7s; -o-animation-delay: 7s; animation-delay: 7s; -webkit-animation-delay: 7s; -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-transform: scale(0.9); }
#pagepiling .animation_snowflake .snowflake_8 { left: 92%; -moz-animation-duration: 23.5s; -o-animation-duration: 23.5s; animation-duration: 23.5s; -webkit-animation-duration: 23.5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: 5s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transform: scale(0.8); }
#pagepiling .dandelion { opacity: 0; }
#pagepiling .dandelion { position: absolute; opacity: 0; bottom: 20%; left: 80%; z-index: -1; animation: dandelion infinite 10s linear; -moz-animation: dandelion infinite 10s linear; -webkit-animation: dandelion infinite 10s linear; -o-animation: dandelion infinite 10s linear; }
#pagepiling .animation_dandelion .dandelion_1 { left: 66%; -moz-animation-duration: 16s; -o-animation-duration: 16s; animation-duration: 16s; -webkit-animation-duration: 16s; -moz-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: 2s; }
#pagepiling .animation_dandelion .dandelion_2 { left: 40%; -moz-animation-duration: 12s; -o-animation-duration: 12s; animation-duration: 12s; -webkit-animation-duration: 12s; -moz-animation-delay: 2.4s; -o-animation-delay: 2.4s; animation-delay: 2.4s; -webkit-animation-delay: 2.4s; -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); -webkit-transform: scale(0.95); }
#pagepiling .animation_dandelion .dandelion_3 { left: 45%; -moz-animation-duration: 15s; -o-animation-duration: 15s; animation-duration: 15s; -webkit-animation-duration: 15s; -moz-animation-delay: 4s; -o-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: 4s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transform: scale(0.8); }
#pagepiling .animation_dandelion .dandelion_4 { left: 110%; -moz-animation-duration: 16s; -o-animation-duration: 16s; animation-duration: 16s; -webkit-animation-duration: 16s; -moz-animation-delay: 8s; -o-animation-delay: 8s; animation-delay: 8s; -webkit-animation-delay: 8s; -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); -webkit-transform: scale(0.75); }
#pagepiling .animation_dandelion .dandelion_5 { left: 67%; -moz-animation-duration: 18s; -o-animation-duration: 18s; animation-duration: 18s; -webkit-animation-duration: 18s; -moz-animation-delay: 6s; -o-animation-delay: 6s; animation-delay: 6s; -webkit-animation-delay: 6s; -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-transform: scale(0.7); }
#pagepiling .animation_dandelion .dandelion_6 { left: 74%; -moz-animation-duration: 20s; -o-animation-duration: 20s; animation-duration: 20s; -webkit-animation-duration: 20s; -moz-animation-delay: 4s; -o-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: 4s; -moz-transform: scale(0.65); -ms-transform: scale(0.65); -o-transform: scale(0.65); transform: scale(0.65); -webkit-transform: scale(0.65); }
#pagepiling .animation_dandelion .dandelion_7 { left: 123%; -moz-animation-duration: 19s; -o-animation-duration: 19s; animation-duration: 19s; -webkit-animation-duration: 19s; -moz-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: 5s; -moz-transform: scale(0.68); -ms-transform: scale(0.68); -o-transform: scale(0.68); transform: scale(0.68); -webkit-transform: scale(0.68); }
#pagepiling .animation_dandelion .dandelion_8 { left: 99%; -moz-animation-duration: 17s; -o-animation-duration: 17s; animation-duration: 17s; -webkit-animation-duration: 17s; -moz-animation-delay: 9.5s; -o-animation-delay: 9.5s; animation-delay: 9.5s; -webkit-animation-delay: 9.5s; -moz-transform: scale(0.78); -ms-transform: scale(0.78); -o-transform: scale(0.78); transform: scale(0.78); -webkit-transform: scale(0.78); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .welcome_box .welcome_title { font-size: 40px; }
    .welcome_box .welcome_content { font-size: 16px; }
    .welcome_box .welcome_pic { padding: 25px 0; }
}

@media only screen and (max-width: 767px) {
    .welcome_box .welcome_title { font-size: 30px; }
    .welcome_box .welcome_content { font-size: 14px; }
    .welcome_box .welcome_pic { padding: 15px 0; }
}

div.main_slider_wrapper { overflow: hidden; margin: 0 auto; max-width: 1000px; }
.slider_wrapper * { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -webkit-box-sizing: content-box; }
.slider_wrapper { text-align: left; margin: 0; padding: 0; border: none; clear: both; display: block; position: relative; }
    .slider_wrapper .circle_slider { position: relative; width: 970px; height: 260px; margin: 0; padding: 0; border: none; overflow: hidden; }
.circle_slider_thumb { border: #ecebeb solid 1px !important; padding: 4px !important; position: absolute; top: 97px; width: 84px; height: 84px; float: left; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; margin: 0; padding: 0; cursor: pointer; }
    .circle_slider_thumb img { max-width: 100% !important; width: 84px; margin: 0 !important; padding: 0 !important; border: none; border-radius: 84px; }
.circle_slider_big { overflow: hidden; border: #282828 solid 8px; border-radius: 231px; position: absolute; top: 24px; width: 231px; height: 231px; float: left; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888; box-shadow: 5px 5px 5px #888; margin: 0; padding: 0; }
    .circle_slider_big img { width: 231px; margin: 0; padding: 0; border: none; }
.slider_wrapper .circle_slider_nav_left { position: absolute; top: 334px; left: 95px; height: 57px; width: 28px; display: block; margin: 0; padding: 0; border: none; overflow: hidden; cursor: pointer; }
.slider_wrapper .circle_slider_no_border2_left { width: 24px; }
.slider_wrapper .circle_slider_nav_left span { border-radius: 50px 0px 0px 50px; left: 0px; position: absolute; display: inline-block; background: url(images/slider_ico.png) no-repeat left top; box-shadow: none !important; }
.slider_wrapper .circle_slider_nav_right { position: absolute; top: 597px; left: 95px; height: 57px; width: 28px; display: block; margin: 0; padding: 0; border: none; overflow: hidden; cursor: pointer; }
    .slider_wrapper .circle_slider_nav_right span { margin-left: -26px; left: 0px; position: absolute; display: inline-block; box-shadow: none !important; background: url(images/slider_ico.png) no-repeat left top; }
.slider_wrapper .circle_slider_nav_left.circle_slider_no_border span { padding: 0; margin-left: 8px; border-radius: 0; background: url(images/slider_ico.png) no-repeat left 8px !important; box-shadow: none !important; overflow: hidden; text-indent: -999px; display: block; width: 100%; height: 30px; }
.slider_wrapper .circle_slider_nav_right.circle_slider_no_border span { padding: 0; left: 4px; border-radius: 0; background: url(images/slider_ico.png) no-repeat right 8px !important; box-shadow: none !important; overflow: hidden; text-indent: -999px; display: block; width: 100%; margin-left: -4px; height: 30px; }
/*	Circle Slider text	*/

.slider_wrapper .slider_item { width: 100%; left: 0px; top: 10px; position: relative; display: inline-block; }
    .slider_wrapper .slider_item .circle_slider_text { width: 460px; padding: 0 20px 20px 0px; border-right: 1px solid #7e7e7e; float: left; margin: 0; border-left: none; border-bottom: none; border-top: none; }
        .slider_wrapper .slider_item .circle_slider_text.right { border-left: 1px solid #7e7e7e; border-right: none; width: 459px; padding: 0 0px 20px 20px; margin: 0 0 0 -1px; border-bottom: none; border-top: none; }
        .slider_wrapper .slider_item .circle_slider_text span { text-align: right; display: inline-block; width: 100%; margin: 0; padding: 0; border: none; }
        .slider_wrapper .slider_item .circle_slider_text h4 { float: right; }
        .slider_wrapper .slider_item .circle_slider_text.right span { text-align: left; }
        .slider_wrapper .slider_item .circle_slider_text.right h4 { float: left; }
.image_more_info { width: 42px; height: 42px; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 10; }
    .image_more_info a { position: relative; }
    .image_more_info span { border-radius: 50%; display: block; padding: 0px; overflow: hidden; border: 0; width: 0px; height: 0px; background: url(images/slider_ico.png) no-repeat 12px -28px #3b9cf7 !important; box-shadow: none !important; font-size: 0px; }
.circle_item_border { box-sizing: border-box !important; -moz-box-sizing: border-box !important; -ms-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; position: absolute; width: 100%; height: 100%; top: -1px; left: -1px; border: 5px solid #000000; border-radius: 40px 40px 40px 40px; z-index: 5; }
/* additional content */

.slider_wrapper .slider_wrap { text-align: center; }
.slider_wrapper div.all_around_text_up { position: absolute; margin: 0; padding: 0; }
.slider_wrapper div.all_around_text_down { position: absolute; margin: 0; padding: 0; }
.slider_wrapper span.all_around_text_span_up { margin: 0; padding: 0; text-align: center; position: absolute; bottom: 0; }
.slider_wrapper span.all_around_text_span_down { margin: 0; padding: 0; text-align: center; position: absolute; padding: 5px !important; font-size: 15px; color: #555859; }
.slider_wrapper .slider_item { display: none; }
.main_content_slider_box { margin: auto; overflow: hidden; width: 100% !important; }


/*dnnsoftware*/
.proInfoImage.dnnLeft .proInfoImageImage { width: 450px; }

/*simpleanchor */
#simpleanchor { margin: 0; padding: 0; list-style: none; }
    #simpleanchor li { list-style: none; }
    #simpleanchor a { display: block; padding: 4px 20px; font-size: 13px; font-weight: 500; color: inherit; border-left: 2px 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? */ }
        #simpleanchor a:hover { color: #20a3f0; text-decoration: none; border-left-color: #20a3f0; }
    #simpleanchor .active a { color: #20a3f0; font-weight: bold; border-left-color: #20a3f0; }

body[style*="margin-left: 80px"] .mfp-arrow-left.mfp-prevent-close { margin-left: 80px; }