/*======================================================================================= BUTTON =======================================================================================*/

.button, button, input[type="submit"], .pi-button {
	font-size: 10px;
	background: #272727;
	font-weight: bold;
	text-transform: uppercase;
	padding: 13px 23px;
	border:0;	
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	color: #fff;
	line-height: 1.42857;
	margin-bottom:0px;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.button:hover, .button:focus, .button:active, .button.active, button:hover, input[type="submit"]:hover, .pi-button:hover {
	background: #525252;
}
.pi-button.button-border {
	padding: 12px 26px;
	border: 1px solid #434343;
	color: #434344;
}
.pi-button.button-border:hover {
	border-color: #696969;
	background: #696969;
}
.pi-button.button-border.white{
	border: 1px solid #fff;
	color: #fff;
	background: transparent;
}
.pi-button.button-border.white:hover {
	background: #fff;
	color: #ffa95f;
}
.pi-button.link:hover {
	color: #fff;
}
.pi-button.small {
	font-size: 10px;
	padding: 10px 16px;
}
.pi-button.medium{
	font-size: 12px;
}
.pi-button.large {
	padding: 15px 28px;
	font-size: 16px;
}
.pi-button:focus,
.pi-button:active:focus,
.pi-button.active:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.pi-button:hover,
.pi-button:focus {
	color: #fff;
	text-decoration: none;
}
.pi-button:active,
.pi-button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.pi-button.disabled,
.pi-button[disabled],
fieldset[disabled] .pi-button {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.pi-button-block {
	display: block;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.pi-button.square{
	margin-left:0;
}
button.radius,
.pi-button.radius {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button.round,
.pi-button.round {
	-webkit-border-radius: 1000px;
	border-radius: 1000px;
}
button.button-border,
.pi-button.button-border {
	background: transparent;
}
.pi-button.link {
	background: transparent;
	color: inherit;
}
.pi-button.link:hover, .pi-button.link:focus, .pi-button.link:active, .pi-button.link.active {
	color: #dde2d4;
}
.pi-button i {
	position: relative;
	top: 1px;
	margin-left: 5px;
}
.pi-button.green {
	background: #9ac23d;
}
.pi-button.green:hover, .pi-button.green:focus,
.pi-button.green.button-border:hover, .pi-button.green.button-border:focus,
.pi-button.green.button-app.button-border:hover, .pi-button.green.button-app.button-border:focus {
	background: #a2ca47;
}
.pi-button.blue {
	background: #29a7e4;
}
.pi-button.blue:hover, .pi-button.blue:focus,
.pi-button.blue.button-border:hover, .pi-button.blue.button-border:focus,
.pi-button.blue.button-app.button-border:hover, .pi-button.blue.button-app.button-border:focus {
	background: #56baea;
}
.pi-button.yellow {
	background: #f1c40f;
}
.pi-button.yellow:hover, .pi-button.yellow:focus,
.pi-button.yellow.button-border:hover, .pi-button.yellow.button-border:focus,
.pi-button.yellow.button-app.button-border:hover, .pi-button.yellow.button-app.button-border:focus {
	background: #fbab35;
}
.pi-button.red {
	background: #f15c44;
}
.pi-button.red:hover, .pi-button.red:focus,
.pi-button.red.button-app.button-border:hover, .pi-button.red.button-app.button-border:focus {
	background: #f58573;
}
.pi-button.grey {
	background: #95a5a6;
}
.pi-button.grey:hover, .pi-button.grey:focus,
.pi-button.grey.button-border:hover, .pi-button.grey.button-border:focus,
.pi-button.grey.button-app.button-border:hover, .pi-button.grey.button-app.button-border:focus {
	background: #b1bdbd;
}
.pi-button.black {
	background: #474747;
}
.pi-button.black:hover, .pi-button.black:focus,
.pi-button.black.button-border:hover, .pi-button.black.button-border:focus,
.pi-button.black.button-app.button-border:hover, .pi-button.black.button-app.button-border:focus {
	background: #333;
}
.pi-button.white {
	color: #999;
	background: #fafafa;
}
.pi-button.white:hover, .pi-button.white:focus, .pi-button.white:active, .pi-button.white.active,
.pi-button.white.button-border:hover, .pi-button.white.button-border:focus,
.pi-button.white.button-app.button-border:hover, .pi-button.white.button-app.button-border:focus {
	background: #fff;
	color:#7b7b7b !important;
}
.pi-button.button-group {
	text-transform: none;
	position: relative;
	margin-right: 20px;
}
.pi-button.button-group.round, .pi-button.button-group.radius{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.pi-button.button-group span.but_label {
	padding-right:25px;
	float:left;
	
}
.pi-button.button-group.round span.but_icon {
	border-top-right-radius:100px;
	border-bottom-right-radius:100px;
}
.pi-button.button-group.radius span.but_icon {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.pi-button.button-group span.but_icon {
	font-weight: normal;
	background:#535252;
	height: 43px;
	width: 45px;
	position: absolute;
	top: 0px;
	text-align: center;
	line-height: 43px;
	right: -5px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	color:#fff;
}
.pi-button.button-group.round span.but_icon{
	right:-22px;
}
.pi-button.button-group:hover span.but_icon{background:#525252;}

.pi-button.green.button-group span.but_icon{background:#81a333;}
.pi-button.green.button-group:hover span.but_icon{background:#a2ca47;}

.pi-button.blue.button-group span.but_icon{background:#0094d9;}
.pi-button.blue.button-group:hover span.but_icon{background:#529a7e4;}

.pi-button.yellow.button-group span.but_icon{background:#e3b410;}
.pi-button.yellow.button-group:hover span.but_icon{background:#fbab35;}

.pi-button.red.button-group span.but_icon{background:#ff1b1b;}
.pi-button.red.button-group:hover span.but_icon{background:#f58573;}

.pi-button.grey.button-group span.but_icon{background:#767c7c;}
.pi-button.grey.button-group:hover span.but_icon{background:#b1bdbd;}

.pi-button.black.button-group span.but_icon{background:#000000;}
.pi-button.black.button-group:hover span.but_icon{background:#333;}

.pi-button.white.button-group span.but_icon, .pi-button.white.button-group:hover span.but_icon{background:#fafafa;}

.pi-button.button-group i {
	margin-left: 0;
	top: 0px;
}
.pi-button.button-group.small {
	padding: 9px 14px;
}
.pi-button.button-group.small span.but_icon {
	width: 34px;
	height: 32px;
	line-height: 32px;
}
.pi-button.button-group.large span.but_icon {
	width: 54px;
	height: 52px;
	line-height: 52px;
}
.pi-button.button-border {
	background: transparent;
}
.pi-button.button-border:hover {
	border: 1px solid transparent; 
	color:#fff !important;
}
.pi-button.button-app {	
	padding: 19px;
	font-weight: 300;
	text-transform: none; 
}
.pi-button.button-app .but_label {
    float: right;
    text-align: left;
    font-size: 16px; 
}
.pi-button.button-app strong {
    font-size: 13px;
    font-weight: 900;
    display: block;
}
.pi-button.button-app i {
    font-size: 26px;
    margin: 0 12px 0 0;
    float: left;
    top: 7px; 
}
.pi-button.button-app.button-border {
    border-width: 2px;
    padding: 18px;
	background:transparent;
}
	
.pi-button.button-app.button-border:hover {
	border: 2px solid transparent; color:#fff;
}

.pi-button.no-stroke{border:0;}
.pi-button.no-stroke:hover{background:transparent !important; color:#56baea !important}
.pi-button.button-app.no-stroke  i{top:-5px;}
.pi-button.button-app.no-stroke .but_label{font-size:18px;}
.pi-button.button-app.no-stroke strong{font-weight:700; font-size:18px; display:inline;}
	  
.pi-button.button-border.blue {
    border-color: #03afff;
    color: #03afff; 
}
.pi-button.button-border.green{
    border-color: #9ac23d;
    color: #9ac23d; 
}
.pi-button.button-border.yellow {
    border-color: #e6ae48;
    color: #e6ae48; 
}
.pi-button.button-border.red {
    border-color: #ff4444;
    color: #ff4444; 
}
.pi-button.button-border.grey {
    border-color: #a0a0a0;
    color: #a0a0a0; 
}
.pi-button.button-border.black {
    border-color: #3b3b3b;
    color: #3b3b3b; 
}
/*======================================================================================= TAB  & ACCORDION=======================================================================================*/
.resp-tabs-left,
.resp-tabs-right,
.resp-tabs-top,
.resp-tabs-bottom,
.resp-accordion {
	*zoom: 1;
}
.resp-tabs-list {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}
.resp-tabs-list:before, .resp-tabs-list:after {
	content: " ";
	display: table;
}
.resp-tabs-list:after {
	clear: both;
}
h4.resp-accordion:hover,
h4.resp-accordion:focus,
.resp-tabs-list li:hover,
.resp-tabs-list li:focus {
	text-decoration: none;
	background-color: #eee;
	border-color: #eee #eee #ddd;
	cursor: pointer;
	color: #3498db;
}

h4.resp-accordion,
.resp-tabs-list li {
	position: relative;
	font-size: 16px;
	background: #fafafa;
	line-height: 1.42857;
	padding: 10px 15px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
}
h4.resp-accordion.resp-tab-active, h4.resp-accordion.resp-tab-active:hover, h4.resp-accordion.resp-tab-active:active,
.resp-tabs-list li.resp-tab-active,
.resp-tabs-list li.resp-tab-active:hover,
.resp-tabs-list li.resp-tab-active:active {
	color: #fff;
	background: #272727;
	border: 1px solid #272727;
}
.resp-tab-content {
	display: none;
	padding: 0px;
	border: 1px solid #e3e3e3;
	margin-bottom: 10px;
}
.resp-arrow {
	float: right;
	font-weight:400;
}
.resp-arrow:before {
	font-family: "FontAwesome";
	content: "\f054";
	background: none;
	width: auto;
	height: auto;
	font-style: normal;
	font-size: 10px;
	position: relative;
}
.resp-tab-active .resp-arrow {
	float: right;
}
.resp-tab-active .resp-arrow:before {
	font-family: "FontAwesome";
	content: '\f078';
}
h4.resp-accordion {
	cursor: pointer;
	display: none;
}
.resp-content-active,
.resp-accordion-active {
	display: block;
}

/* responsive tab top */
.resp-tabs-top .resp-tabs-list li {
	display: block;
	float: left;
	margin-bottom: -1px;
	margin-right: 2px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.resp-tabs-top .resp-tabs-list li.resp-tab-active, .resp-tabs-top .resp-tabs-list li.resp-tab-active:hover, .resp-tabs-top .resp-tabs-list li.resp-tab-active:active {
	border-bottom-color: transparent;
	cursor: default;
}
.resp-tabs-top .resp-tab-content {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* responsive tab bottom */
.resp-tabs-bottom .resp-tabs-list li {
	display: block;
	float: left;
	margin-top: -1px;
	margin-right: 2px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.resp-tabs-bottom .resp-tabs-list li.resp-tab-active, .resp-tabs-bottom .resp-tabs-list li.resp-tab-active:hover, .resp-tabs-bottom .resp-tabs-list li.resp-tab-active:active {
	border-top-color: transparent;
	cursor: default;
}
.resp-tabs-bottom .resp-tab-content {
	margin-bottom: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

/* responsive tab left */
.resp-tabs-left .resp-tabs-list {
	float: left;
	width: 30%;
}
.resp-tabs-left .resp-tabs-list li {
	margin-right: -1px;
	margin-bottom: -1px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.resp-tabs-left .resp-tabs-list li.resp-tab-active, .resp-tabs-left .resp-tabs-list li.resp-tab-active:hover, .resp-tabs-left .resp-tabs-list li.resp-tab-active:active {
	border-right: none;
	cursor: default;
}
.resp-tabs-left .resp-tabs-container {
	float: left;
	width: 70%;
}
.resp-tabs-left .resp-tab-content {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* responsive tab right */
.resp-tabs-right .resp-tabs-list {
	float: right;
	width: 30%;
}
.resp-tabs-right .resp-tabs-list li {
	margin-left: -1px;
	margin-bottom: 2px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.resp-tabs-right .resp-tabs-list li.resp-tab-active, .resp-tabs-right .resp-tabs-list li.resp-tab-active:hover, .resp-tabs-right .resp-tabs-list li.resp-tab-active:active {
	border-left: none;
	cursor: default;
}
.resp-tabs-right .resp-tabs-container {
	float: left;
	width: 70%;
}
.resp-tabs-right .resp-tab-content {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Accordion */
.resp-accordion h4.resp-accordion {
	display: block;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.resp-accordion .resp-tab-content {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Overwrite */
.resp-tabs-list {
	margin-left: 0;
}
.resp-tabs-list li {
	font-size: 16px;
	padding: 16px 20px 17px 60px;
	border-color: #dedede;
	background: #fbfbfb;
	position:relative;
}
.resp-tabs-list li.resp-tab-active, .resp-tabs-list li.resp-tab-active:hover {
	color: #929292;
	background: #fff;
	border-color: #dedede;
}

.resp-tab-content {
	border: solid 1px #e3e3e3;
	box-shadow: none !important;
	padding:0;
}

.pi-tab-content{padding:20px;}

.resp-tab-content .row {
	margin: 0;
}
.resp-tab-content .accordion-tab-column {
	margin: 0 -0.9375rem;
}

.resp-tabs-top .resp-tabs-list li,
.resp-tabs-bottom .resp-tabs-list li,
.resp-tabs-left .resp-tabs-list li,
.resp-tabs-right .resp-tabs-list li {
	margin-right: -1px;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.resp-tabs-top .resp-tabs-list li.resp-tab-active:before, .resp-tabs-top .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-bottom .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-bottom .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-left .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-left .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-right .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-right .resp-tabs-list li.resp-tab-active:hover:before {
	content: "";
	height: 3px;
	width: -moz-calc(100% + 2px);
	width: -webkit-calc(100% + 2px);
	width: -o-calc(100% + 2px);
	width: calc(100% + 2px);
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
}
.resp-tabs-top .resp-tabs-list li:hover,
.resp-tabs-bottom .resp-tabs-list li:hover,
.resp-tabs-left .resp-tabs-list li:hover,
.resp-tabs-right .resp-tabs-list li:hover {
	color: #fff;
}
.resp-tabs-top .resp-tabs-list li i,
.resp-tabs-bottom .resp-tabs-list li i,
.resp-tabs-left .resp-tabs-list li i,
.resp-tabs-right .resp-tabs-list li i {
	font-size: 22px;
	font-weight:300;
	position: absolute;
	left: 20px;
	top: 15px;
	transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
}

.resp-tabs-left .resp-tab-content,
.resp-tabs-right .resp-tab-content {
	padding:20px;
}
.resp-tabs-left .resp-tabs-list li,
.resp-tabs-right .resp-tabs-list li {
	padding: 16px 20px 17px 50px;
	margin-bottom:-1px;
}
.resp-tabs-left .resp-tabs-list li.resp-tab-active:before, .resp-tabs-left .resp-tabs-list li.resp-tab-active:hover:before,
.resp-tabs-right .resp-tabs-list li.resp-tab-active:before,
.resp-tabs-right .resp-tabs-list li.resp-tab-active:hover:before {
	content: "";
	width: 3px;
	height: -moz-calc(100% + 2px);
	height: -webkit-calc(100% + 2px);
	height: -o-calc(100% + 2px);
	height: calc(100% + 2px);
	display: block;
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px;
}

.resp-tabs-right .resp-tabs-list li {
	text-align: left;
}
.resp-tabs-right .resp-tabs-list li.resp-tab-active:before, .resp-tabs-right .resp-tabs-list li.resp-tab-active:hover:before {
	left: auto;
}

.resp-tabs-bottom .resp-tabs-list li.resp-tab-active:before, .resp-tabs-bottom .resp-tabs-list li.resp-tab-active:hover:before {
	display: none;
}
.resp-tabs-bottom .resp-tabs-list li.resp-tab-active:after, .resp-tabs-bottom .resp-tabs-list li.resp-tab-active:hover:after {
	content: "";
	height: 3px;
	width: -moz-calc(100% + 2px);
	width: -webkit-calc(100% + 2px);
	width: -o-calc(100% + 2px);
	width: calc(100% + 2px);
	display: block;
	position: absolute;
	bottom: -1px;
	left: -1px;
	right: -1px;
}

h4.resp-accordion,
.resp-tabs-list li {
	background: transparent;
	border: 1px solid #e3e3e3;
	margin-bottom: -1px;
	padding: 16px 20px 17px 60px;
	position: relative;
	font-weight:400;
}
h4.resp-accordion i,
.resp-tabs-list li i {
	font-size: 14px;
	font-weight:400;
	position: absolute;
	left: 20px;
	top: 13px;
	transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
}

.resp-tabs-list li:hover,
h4.resp-accordion:hover,
h4.resp-accordion.resp-tab-active,
h4.resp-accordion.resp-tab-active:hover,
h4.resp-accordion.resp-tab-active:active,
.resp-tabs-list li.resp-tab-active,
.resp-tabs-list li.resp-tab-active:hover,
.resp-tabs-list li.resp-tab-active:active {
	background: #272727;
	border: 1px solid #272727;
	color:#fff;
}
.resp-tabs-list li:hover i,
h4.resp-accordion:hover i,
h4.resp-accordion.resp-tab-active i,
h4.resp-accordion.resp-tab-active:hover i,
h4.resp-accordion.resp-tab-active:active i,
.resp-tabs-list li.resp-tab-active i,
.resp-tabs-list li.resp-tab-active:hover i,
.resp-tabs-list li.resp-tab-active:active i {
	color: #fff !important;
}

.resp-tabs-list li:hover,
h4.resp-accordion:hover,
h4.resp-accordion.resp-tab-active,
h4.resp-accordion.resp-tab-active:hover,
h4.resp-accordion.resp-tab-active:active {
	color: #fff;
}
.resp-tabs-list li:hover .resp-arrow,
h4.resp-accordion:hover .resp-arrow,
h4.resp-accordion.resp-tab-active .resp-arrow,
h4.resp-accordion.resp-tab-active:hover .resp-arrow,
h4.resp-accordion.resp-tab-active:active .resp-arrow {
	border:0;
}
.resp-tabs-list li:hover .resp-arrow:before,
h4.resp-accordion:hover .resp-arrow:before,
h4.resp-accordion.resp-tab-active .resp-arrow:before,
h4.resp-accordion.resp-tab-active:hover .resp-arrow:before,
h4.resp-accordion.resp-tab-active:active .resp-arrow:before {
	color: #fff;
	top: -3px;
}

@media only screen and (max-width: 768px) {
  ul.resp-tabs-list {
    display: none;
  }
  

  h4.resp-accordion {
    display: block;
	width:100%;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
     -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;

  }

  .resp-tabs-container {
    width: 100% !important ;
	margin-bottom:30px
  }

  .resp-tab-content {
    -moz-border-radius: 0px !important;
    -webkit-border-radius:0px;
    border-radius: 0px !important;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
  }
}



/*======================================================================================= ACCORDION, TOGGLE =======================================================================================*/
.pi-toggle, .pi-accordion { margin: -1px 0 0 0; }
.pi-toggle .pi-toggle-title, .pi-accordion .pi-accordion-title {
	display: block;
	cursor:pointer;
	letter-spacing: -0.5px;
	-webkit-font-smoothing: antialiased;
	font-size:16px;
	font-weight:400;
	background-color:#fff;
	border:1px solid #e3e3e3;
	padding: 16px 20px 17px 60px;
	clear:both;
	transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	position:relative;
	outline:0;
}
.pi-toggle.bgtransparent .pi-toggle-title, .pi-accordion.bgtransparent .pi-accordion-title{background:transparent;}
.pi-toggle .ui-accordion-header-active, .pi-accordion .ui-accordion-header-active,
.pi-toggle.bgtransparent .ui-accordion-header-active, .pi-accordion.bgtransparent .ui-accordion-header-active{
	border:solid 1px #272727;
	color:#fff;
	outline:0;
	background:#272727;	
}
.pi-toggle .pi-toggle-title:hover, .pi-accordion .pi-accordion-title:hover {}
.pi-toggle .pi-toggle-title i, .pi-accordion .pi-accordion-title i{
	margin-right:10px;
	top:2px;
	font-size:22px;
	font-weight:300;
	position: absolute;
	left: 20px;
	top: 18px;
	transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
}
.pi-toggle .pi-toggle-title.ui-accordion-header-active i, .pi-accordion .pi-accordion-title.ui-accordion-header-active i{color:#fff;}
.pi-toggle-inner, .pi-accordion-inner {
	margin:0;
	padding:20px;
	position:relative;
	border:solid 1px #e3e3e3;
	border-width:0 1px 1px 1px;
	height:auto !important;
}
.pi-toggle.bgtransparent .pi-toggle-inner, .pi-accordion.bgtransparent .pi-accordion-inner{background:transparent;}
.pi-toggle span.ui-icon, .pi-accordion span.ui-icon{}
.pi-toggle span.ui-icon:before, .pi-accordion span.ui-icon:before {
	font-family: "FontAwesome";
	content: "\f107";
	background: none;
	width: 20px;
	height: 20px;
	line-height:16px;
	font-style: normal;
	float:right;
	color: #909090;
	font-size: 14px;
	position: relative;
	top: 4px;
	border:solid 2px #909090;
	text-align:center;
}
.pi-toggle .ui-state-active .ui-icon:before, .pi-accordion .ui-state-active .ui-icon:before {
  font-family: "FontAwesome";
  content: "\f106";
  color:#fff;
  border:solid 2px #fff;
}


/*======================================================================================= LIST =======================================================================================*/
ul.square li ul, ul.circle li ul, ul.disc li ul {list-style: inherit;}
ul.square {list-style-type: square;}
ul.circle {list-style-type: circle;}
ul.disc {list-style-type: disc;}
ul.nobullet {list-style: none; padding-left:0;}
ul.inlineblock{list-style:none; padding-left:0;}
ul.inlineblock li{display:inline-block}
ul.children{list-style-type:none; margin:0 0 0 20px}

ul.arrow, ul.check, ul.plus, ul.star, ul.pin, ul.flag, ul.nobullet, ul.square_check {list-style: none; padding-left:0; line-height:26px; margin-bottom:20px; margin-left:0}

ul.arrow li:before,
ul.check li:before,
ul.plus li:before,
ul.star li:before,
ul.pin li:before,
ul.flag li:before {font-family: 'FontAwesome'; background:none;width:auto; height:auto; font-style:normal;  font-size:11px; margin-right:9px; position:relative; top:-3px;}

ul.arrow li:before {content: "\f061";}
ul.arrow ul.children{list-style-type:none; margin-left:0}
ul.check li:before {content: "\f058";}
ul.plus li:before {content: "\f067";}
ul.star li:before {content: "\f005";}
ul.pin li:before {content: "\f08d";}
ul.flag li:before {content: "\f024";}


ul.arrow li a, ul.arrow li a:visited,
ul.check li a, ul.check li a:visited,
ul.plus li a, ul.plus li a:visited,
ul.star li a, ul.star li a:visited,
ul.pin li a, ul.pin li a:visited,
ul.flag li a, ul.flag li a:visited,
ul.square_check li a, ul.square_check li a:visited   {color:#7b7b7b; text-decoration:none;}

ul.arrow li a:hover,
ul.check li a:hover,
ul.plus li a:hover,
ul.star li a:hover, 
ul.pin li a:hover,
ul.flag li a:hover,
ul.square_check a:hover{color:#7b7b7b; text-decoration:none;}





/*======================================================================================= TABLES =======================================================================================*/
table {
	width:100%;
	margin:0 0 20px;
}

table th {
	color:#525252;
	font-size:13px;
	text-align:left;
	padding:9px 13px;
	font-weight:400;
}

table td {
	border-bottom: 1px solid #e6e6e6;
	background-color:#f0f0f0;
	color:#8c8c8c;
	text-align:left;
	padding:9px 13px;
}

table td.highlight {
	color:#fff;
	font-weight:300;
}

.pi-table-green th {background:#1abc9c; color:#fff}
.pi-table-blue th {background:#3498db;  color:#fff}
.pi-table-orange th {background:#e67e22; color:#fff}
.pi-table-red th {background:#e74c3c; color:#fff}
.pi-table-grey th{background:#95a5a6; color:#fff}
.pi-table-white th{background:#fff; text-shadow:none; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;}
table tr.even td,table tr.odd td {background-color:#fff;}
table tr td.highlight,.table-black table tr th {background-color:#f9f9f9;}

/*======================================================================================= HIGHLIGHT STYLING =======================================================================================*/
.highlight {padding:0px 6px 0px 6px; background:#272727; color:#fff; vertical-align:baseline; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.highlight.purple {background-color:#770477;}	
.highlight.brown{background-color:#753b02;}
.highlight.pink{background-color:#da6371;}	
.highlight.green{background-color:#84ac0a;}
.highlight.blue{background-color:#029dd8;}
.highlight.yellow{background-color:#e7a515;}
.highlight.red{background-color:#d12525;}	
.highlight.orange{background-color:#e6ae48;}	

/*======================================================================================= PULLQUOTE =======================================================================================*/
.pullquote_right,.pullquote_left {
	float:right;
	font-family:"Goudy Bookletter 1911", serif;
	font-size:18px;
	line-height:28px;
	letter-spacing:0;
	margin-bottom:0;
	margin-top:9px;
	margin-left:0px;
	padding-left:15px;
	width:50%;
	font-style:italic;
	line-height:26px;
	border-left:2px solid #ccc;
}
.pullquote_left {
	border-right:2px solid #ccc;
	border-left:none;
	float:left;
	margin-left:10px;
	margin-right:15px;
	padding-right:0px;
	padding-left:0;
}

blockquote{
	color:#a1a1a1;
	font-size:22px;
	padding:0 0px;
	text-align:center;
}

blockquote:before, blockquote:after{
	content:'';
	font-size:0;
	display:block;
	margin:0 auto;
	position:relative;
	width:120px;
	height:1px;
	background:#dbdbdb;
	margin-bottom:30px;
}

blockquote:after{
	margin-top:30px;
}

/*======================================================================================= DEMO ICONS =======================================================================================*/
.demo-icon-container  .pi-tabs.left .pi-nav{width:220px;}
.demo-icon-container  .pi-tabs.left .pi-tab{margin-left:240px; padding-left:0}
.demo-icon-list  li{font-size:12px; text-align:center}
.demo-icon-list  li span {
  width: 100%;
  padding: 3px 5px 4px 5px;
  font: 10px consolas, monospace;
  text-align: center;
  background: #fafafa;
  border: 1px solid #ddd;
  float: left;
}
.demo-icon-list  li i {
  width: 100%;
  font-size: 32px;
  text-align: center;
  float: left;
  margin-bottom: 12px;
}

/*======================================================================================= ICON =======================================================================================*/
.pi-icon.x-small{font-size:20px;}
.pi-icon.small{font-size:34px;}
.pi-icon.default{font-size:34px;}
.pi-icon.medium{font-size:44px;}
.pi-icon.large{font-size:56px;}
.icon-left {
	margin:2px 20px 0 0 !important;
	float:left !important;
}
.icon-nonposition{display:block; float:none; margin-bottom:10px}
.icon-right {
	margin:2px 0 0 20px !important;
	float:right !important;
}
.icon-center {
	margin:0 auto 10px auto !important;
	float:none !important;
	display:block;
	text-align:center
}
.icon-shape, .icon-shape.medium-size{
	background:#fff;
	width: 64px;
	height: 64px;
	line-height: 64px;
	text-align:center;

}
.icon-shape.small-size{width:42px; height:42px;  line-height:42px}
.icon-shape.large-size{width:84px; height:84px; line-height:84px;}
.icon-shape i, .icon-shape.medium-size i{
	line-height: 64px;
	font-size: 37px;
	color: #cecece;
	margin:0 auto;
}
.icon-shape.small-size i{font-size:22px; line-height:42px}
.icon-shape.large-size i{font-size:52px; line-height:84px }

.icon-shape.nobgcolor, .icon-shape.medium-size.nobgcolor{width:54px; height:54px;  line-height:54px}
.icon-shape.nobgcolor i, .icon-shape.medium-size.nobgcolor i{font-size:54px; line-height:54px}
.icon-shape.small-size.nobgcolor{width:32px; height:32px;  line-height:32px}
.icon-shape.small-size.nobgcolor i{font-size:32px; line-height:32px}
.icon-shape.large-size.nobgcolor{width:64px; height:64px; line-height:64px;}
.icon-shape.large-size.nobgcolor i{font-size:64px; line-height:64px}

.icon-shape.has-stroke, .icon-shape.medium-size.has-stroke{width:64px; height:64px; line-height:64px;}
.icon-shape.has-stroke i, .icon-shape.medium-size.has-stroke i{font-size: 37px; line-height: 64px;}
.icon-shape.small-size.has-stroke{width:42px; height:42px; line-height:42px;}
.icon-shape.small-size.has-stroke i{font-size: 22px; line-height: 42px;}
.icon-shape.large-size.has-stroke{width:84px; height:84px; line-height:84px;}
.icon-shape.large-size.has-stroke i{font-size: 52px; line-height: 84px;}
.icon-shape.has-stroke{border:solid 2px}

.icon-shape.circle{
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.icon-shape.square,
.text-shape.square {
	-webkit-border-radius: 0;
	border-radius: 0;
}
.icon-shape.radius,
.text-shape.radius {
	-webkit-border-radius: 8px;
	border-radius: 8x;
}

.text-overflow{overflow:hidden;}
.text-overflow h4{font-weight:400; overflow:hidden; display:inline-block; margin:0}
.text-nonposition{overflow:auto;}
.icon-shape.noborder{border:0;}