/* Table of Content
==================================================
	1.0 - Transition
	1.1 - Number Counter
	1.2 - Default Color */

	/*--------------------------------------------------------------
	1.0 - Transition
	--------------------------------------------------------------*/
	.dt-sc-counter.type6 .dt-sc-couter-icon-holder:before, .dt-sc-counter.type2 .dt-sc-couter-icon-holder, .dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4 .dt-sc-couter-icon-holder, .dt-sc-counter.type5:before, .dt-sc-counter.type5:after, .dt-sc-counter.type3 .icon-wrapper, .dt-sc-counter.type1.aligncenter h4:before { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; }
	
	
	/*--------------------------------------------------------------
	1.1 - Number Counter
	--------------------------------------------------------------*/
	.dt-sc-counter { float:left; clear:both; width:100%; margin:0px; padding:0px; }
	
	.dt-sc-counter.type1 { margin-top:5px; padding-left: 30px; }
	.dt-sc-counter.type1 .icon-wrapper { clear:both; margin-bottom: 35px; width:100%; }
	.dt-sc-counter.type1 .icon-wrapper span { font-size:32px; }
	.dt-sc-counter.type1 .dt-sc-counter-number { font-size:36px; font-weight: bold; line-height: normal; margin-bottom: 10px; position:relative; }
	.dt-sc-counter.type1 h4:before { content:""; height: 3px; position:absolute; left: 0; bottom: 0; width: 40px; }
	.dt-sc-counter.type1:hover h4:before { width: 60px; }
	.dt-sc-counter.type1 .dt-sc-counter-number:after { background-color: rgba(0, 0, 0, 0.1); content: ""; height: auto; position: absolute; bottom: -30px; left: -30px; top: 0; width: 1px; }

	.dt-sc-counter.type1, .dt-sc-counter.type1 .dt-sc-counter-number:before { -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

	.dt-sc-counter.type1.aligncenter { padding-left: 15px; padding-right: 15px; }
	.dt-sc-counter.type1.alignright { padding-left: 0; padding-right: 30px; }
	
	.dt-sc-counter.type1.aligncenter h4:before { margin: auto; left: 0; right: 0; bottom:-30px; }
	.dt-sc-counter.type1.alignright h4:before { left: auto; right: 0; }
	
	.dt-sc-counter.type1.aligncenter .dt-sc-counter-number:after, .dt-sc-counter.type1.alignright .dt-sc-counter-number:after { left: auto; right: -30px; }
	.dt-sc-counter.type1.aligncenter.last .dt-sc-counter-number:after { display: none; }
	
	.dt-sc-counter.type1 h4 { font-size:20px; font-weight: bold; margin-bottom:5px; position: relative; }
	.dt-sc-counter.type1 h4:empty { display: none; }
	
	.dt-sc-counter.type1.aligncenter .icon-wrapper:before { left: 0; right: 0; margin: 0 auto; }
	
	.dt-sc-counter.type2 { text-align:center; }
	.dt-sc-counter.type2 .icon-wrapper span.pe-icon, .dt-sc-counter.type2 .icon-wrapper span.icon, .dt-sc-counter.type2 .icon-wrapper span.fa { font-size:30px; display:inline-block; margin-bottom:10px; }
	.dt-sc-counter.type2 .dt-sc-couter-icon-holder { display:inline-block; width:120px; height: 120px; padding:30px 0px; }
	.dt-sc-counter.type2 .dt-sc-counter-number, .dt-sc-counter.type2 h4 { font-size:20px; }
	.dt-sc-counter.type2 h4 { font-size:20px; margin:20px 0px 0px; }
	
	.dt-sc-counter.type2.alignleft { text-align: left; }
	.dt-sc-counter.type2.alignright { text-align: right; }
	
	.dt-sc-counter.type2.alignleft .dt-sc-couter-icon-holder, .dt-sc-counter.type2.alignright .dt-sc-couter-icon-holder { text-align: center; }
	
	.dt-sc-counter.type3 { text-align:center; border-right:1px solid; }
	.dt-sc-counter.type3.last, .last .dt-sc-counter.type3 { border-right-width: 0; }
	.dt-sc-counter.type3 .dt-sc-couter-icon-holder { display:inline-block; padding:0px; margin:-32px 0px 0px; }
	.dt-sc-counter.type3 .dt-sc-couter-icon-holder .icon-wrapper { width:70px; height:70px; border:5px solid; border-radius:50%; margin:0px 0px 20px; position:relative; text-align:center; }
	.dt-sc-counter.type3 .dt-sc-couter-icon-holder span { line-height:60px; font-size:32px; margin-bottom:20px; }
	.dt-sc-counter.type3 .dt-sc-counter-number { font-size:30px; }
	.dt-sc-counter.type3 h4 { font-size:14px; margin:10px 0px 0px; text-transform:uppercase; padding:0px 0px 40px; }
	.dt-sc-counter.type3 .icon-wrapper:before { border-radius: 50%; content: ""; height: 72px; left: -6px; margin: 0 auto; position: absolute; right: 0; top: -6px; width: 72px; border:1px solid; }
		
	.dt-sc-counter.type3.diamond-square { border-right-style:dashed; }
	.dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder { margin-top:0px; }
	.dt-sc-counter.type3.diamond-square h4 { font-size:14px; text-transform:uppercase; letter-spacing:1px; padding-bottom:10px; }
	.dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper { background:none; width:100px; height:65px; }
	.dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:before { content:""; position:absolute; left:-2px; right:0px; top:-1px; margin:auto; width:65px; height:65px; transform:rotate(37deg) skewX(-17deg) skewY(-3deg); -ms-transform:rotate(37deg) skewX(-17deg) skewY(-3deg); -webkit-transform:rotate(37deg) skewX(-17deg) skewY(-3deg); }
	.dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:after { content:""; position:absolute; 	left:-3px; right:0px; top:3px; margin:auto; border:1px solid; width:57px; height:57px; transform:rotate(37deg) skewX(-17deg) skewY(-3deg); -ms-transform:rotate(37deg) skewX(-17deg) skewY(-3deg); -webkit-transform:rotate(37deg) skewX(-17deg) skewY(-3deg); }
	.dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper span { position:relative; line-height:65px; }
	
	.dt-sc-counter.type3.diamond-square .icon-wrapper:before { border-radius:0; }
	
	.dt-sc-counter.type3.alignright { text-align: right; padding-right: 30px; }
	.dt-sc-counter.type3.alignleft { text-align: left; padding-left: 30px; }
	
	.dt-sc-counter.type4 { text-align:center; }
	.dt-sc-counter.type4 .dt-sc-couter-icon-holder { display:inline-block; width:140px; height:140px; border:5px solid; border-radius:50%; position:relative; }
	.dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper { width:70px; height:70px; border:5px solid; border-radius:50%; position:absolute; left:-40px; top:-10px; line-height:60px; }
	.dt-sc-counter.type4 .dt-sc-couter-icon-holder span { line-height:60px; font-size:32px; }
	.dt-sc-counter.type4 .dt-sc-counter-number { font-size:30px; line-height:135px; }
	.dt-sc-counter.type4 h4 { font-size:14px; margin:15px 0px 0px; text-transform:uppercase; padding:0px; }
	
	.dt-sc-counter.type4.alignright .dt-sc-couter-icon-holder .icon-wrapper { left: auto; right: -40px; }
	.dt-sc-counter.type4.aligncenter .dt-sc-couter-icon-holder .icon-wrapper { left: 0; right: 0; top: -30px; margin: 0 auto; }
	
	.dt-sc-dark-bg .dt-sc-counter.type4 .dt-sc-counter-number { color:#000000; }
	.dt-sc-dark-bg .dt-sc-counter.type4:hover .dt-sc-counter-number { color: #fff; }
	
	.dt-sc-counter.type4.blue .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.blue:hover .dt-sc-couter-icon-holder { background:#008bd3; }
	.dt-sc-counter.type4.brown .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.brown:hover .dt-sc-couter-icon-holder { background:#795548; }
	.dt-sc-counter.type4.cadetblue .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.cadetblue:hover .dt-sc-couter-icon-holder { background:#3c939d; }
	.dt-sc-counter.type4.chillipepper .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.chillipepper:hover .dt-sc-couter-icon-holder { background:#c10841; }
	.dt-sc-counter.type4.cyan .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.cyan:hover .dt-sc-couter-icon-holder { background:#00bcd4; }
	.dt-sc-counter.type4.darkgolden .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.darkgolden:hover .dt-sc-couter-icon-holder { background:#b48b3c; }
	.dt-sc-counter.type4.deeporange .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.deeporange:hover .dt-sc-couter-icon-holder { background:#ff5722; }
	.dt-sc-counter.type4.deeppurple .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.deeppurple:hover .dt-sc-couter-icon-holder { background:#673ab7; }
	.dt-sc-counter.type4.green .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.green:hover .dt-sc-couter-icon-holder { background:#6ca04a; }
	.dt-sc-counter.type4.lime .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.lime:hover .dt-sc-couter-icon-holder { background:#cddc39; }
	.dt-sc-counter.type4.magenta .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.magenta:hover .dt-sc-couter-icon-holder { background:#cb506d; }
	.dt-sc-counter.type4.orange .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.orange:hover .dt-sc-couter-icon-holder { background:#ff9800; }
	.dt-sc-counter.type4.pink .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.pink:hover .dt-sc-couter-icon-holder { background:#fd6ca3; }
	.dt-sc-counter.type4.purple .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.purple:hover .dt-sc-couter-icon-holder { background:#9c27b0; }
	.dt-sc-counter.type4.red .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.red:hover .dt-sc-couter-icon-holder { background:#da0000; }
	.dt-sc-counter.type4.skyblue .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.skyblue:hover .dt-sc-couter-icon-holder { background:#0eb2e7; }
	.dt-sc-counter.type4.teal .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.teal:hover .dt-sc-couter-icon-holder { background:#009688; }
	.dt-sc-counter.type4.yellow .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.yellow:hover .dt-sc-couter-icon-holder { background:#ffe401; }
	.dt-sc-counter.type4.turquoise .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.turquoise:hover .dt-sc-couter-icon-holder { background:#32ccbd; }
	.dt-sc-counter.type4.wisteria .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.wisteria:hover .dt-sc-couter-icon-holder { background:#9b59b6; }
	.dt-sc-counter.type4.black .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4.black:hover .dt-sc-couter-icon-holder { background:#000000; }
	
	.dt-sc-counter.type5 { float:left; text-align:center; min-height:335px; padding:110px 0px 0px; position:relative; }
	.dt-sc-counter.type5:before { content:""; position:absolute; left:0px; right:0; margin:auto; top:66px; width:200px; height:200px; border:1px solid; z-index:1; -webkit-transform:rotate3d(1, 1, 5, 47deg) skewX(10deg) skewY(10deg); -ms-transform:rotate3d(1, 1, 5, 47deg) skewX(10deg) skewY(10deg); transform:rotate3d(1, 1, 5, 47deg) skewX(10deg) skewY(10deg); }
	.dt-sc-counter.type5:after { content:""; position:absolute; left:0px; right:0; margin:auto; top:76px; width:180px; height:180px; border:1px solid; z-index:1; -webkit-transform:rotate3d(1, 1, 5, 47deg) skewX(10deg) skewY(10deg); -ms-transform:rotate3d(1, 1, 5, 47deg) skewX(10deg) skewY(10deg); transform:rotate3d(1, 1, 5, 47deg) skewX(10deg) skewY(10deg); }
	.dt-sc-counter.type5 .dt-sc-couter-icon-holder span { font-size:32px; }
	.dt-sc-counter.type5 .dt-sc-counter-number { font-size:20px; font-weight:bold; margin:5px 0px; }
	.dt-sc-counter.type5 h4 { font-size:16px; letter-spacing:1px; }
	.dt-sc-counter.type5 .dt-sc-couter-icon-holder, .dt-sc-counter.type5 h4 { position:relative; z-index:9999; }
	
	.dt-sc-counter.type6 { text-align:center; border:1px solid; margin:75px -1px 0px 0px; padding:0px 0px 40px; }
	.dt-sc-counter.type6 .dt-sc-couter-icon-holder { width:140px; height:80px; display:inline-block; position:relative; margin:-6px 0px 15px; }
	
	.dt-sc-counter.type6 .dt-sc-couter-icon-holder:before { border:1px solid; content:""; position:absolute; left:0px; right:0px; top:-45px; margin:auto; width:100px; height:100px; border-radius:5px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg);  transform:rotate(45deg); z-index:1; }

	.dt-sc-counter.type6 .dt-sc-couter-icon-holder .icon-wrapper { position:absolute; font-size:20px; z-index:1; left:0px; right:0px; top:-45px; margin:auto; }
	.dt-sc-counter.type6 .dt-sc-counter-number { font-size:34px; font-weight:bold; position:relative; top:-9px; z-index:1; }
	.dt-sc-counter.type6 h4 { font-size:16px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin-bottom:0px; position:relative; padding:0px 10px; }
	.dt-sc-counter.type6 h4:before { content:""; position:absolute; right:-6px; top:6px; margin:auto; width:12px; height:12px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg);  transform:rotate(45deg); z-index:1; }
	.dt-sc-counter.type6.last h4:before { background:none; }
	
	
	
	/*--------------------------------------------------------------
	1.2 - Default Colors
	--------------------------------------------------------------*/
	.dt-sc-counter { color:#000000; }
	
	.dt-sc-counter.type2 .dt-sc-couter-icon-holder, .dt-sc-counter.type3 .dt-sc-couter-icon-holder span, .dt-sc-counter.type4 .dt-sc-couter-icon-holder span, .dt-sc-counter.type4:hover .dt-sc-counter-number,  .dt-sc-counter.type6:hover .dt-sc-counter-number, .dt-sc-counter.type5:hover h4, .dt-sc-counter.type5:hover .dt-sc-couter-icon-holder, .dt-sc-dark-bg .dt-sc-counter { color:#ffffff; }
	
	.dt-sc-counter.type3 .dt-sc-couter-icon-holder .icon-wrapper { background:#000000; }
	
	.dt-sc-counter.type4 .dt-sc-couter-icon-holder, .dt-sc-counter.type6, .dt-sc-counter.type6 .dt-sc-couter-icon-holder:before { background:#ffffff; }	
	.dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type4:hover .dt-sc-couter-icon-holder .icon-wrapper { background:#333333; }
	
	.dt-sc-counter.type1 { border-right-color:rgba(0, 0, 0, 0.1); }
	.dt-sc-dark-bg .dt-sc-counter.type1 { border-color:rgba(255, 255, 255, 0.1); }
	
	.dt-sc-counter.type3 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-counter.type3.diamond-square .dt-sc-couter-icon-holder .icon-wrapper:after, .dt-sc-counter.type4 .dt-sc-couter-icon-holder .icon-wrapper, .dt-sc-dark-bg .dt-sc-counter.type5:before, .dt-sc-dark-bg .dt-sc-counter.type5:after { border-color:#ffffff; }
.dt-sc-counter.type3 { border-color:rgba(0, 0, 0, 0.1); }

	.dt-sc-counter.type4 .dt-sc-couter-icon-holder { border:5px solid rgba(0, 0, 0, 0.07); }
	
	.dt-sc-counter.type5:before, .dt-sc-counter.type5:after { border-color:#000000; }