/* Shortcode Styles */

/*	Animation
------------------------------------------------*/
.al-animation-top { top: -50px; }
.al-animation-bottom { top: 50px; }
.al-animation-left { left: -30px; }
.al-animation-right { left: 30px; }
.al-animation-zoomin { transform: scale(0);	-ms-transform: scale(0); 	-webkit-transform: scale(0); }
.al-animation-zoomout { transform: scale(1.5);	-ms-transform: scale(1.5); 	-webkit-transform: scale(1.5); }

/*	Toggle/Accordion
------------------------------------------------*/
.accordion {
	margin-top: 20px;
	}
	div .accordion:first-child {	margin-top: 0px; }
	
.toggle-item {
	margin-top: 20px;
	}
	div .toggle-item:first-child {	margin-top: 0px; }
	
.toggle-item .toggle-title {
	width: 100%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	} 
  
.toggle-name {
float: left;
	}
	
.toggle-item .toggle-name .toggle-title .toggle-icon .pe {
	color: #262626;
	float: left;
	top: 5px;
	position: relative;
	}
.text-light .toggle-item .toggle-title .toggle-icon .pe {	color: #ffffff; }
	
.toggle-icon .pe-7s-angle-down { display: block; line-height: 26px; }
.toggle-icon .pe-7s-angle-up { display: none; line-height: 26px; }
.toggle-active .pe-7s-angle-down { display: none; line-height: 26px; }
.toggle-active .pe-7s-angle-up { display: block; line-height: 26px; }

.toggle-item .toggle-title .toggle-name {
	float: left;
	margin: 0 0 0 20px;
	}  
	
.toggle-item .toggle-title:hover .toggle-icon .pe, .toggle-item .toggle-active .toggle-icon .pe {
	color: #BB2120 !important;
	}
	
.toggle-item .toggle-inner {
	padding-top: 18px;
	display: none;
	}
  
/*	Tabs
------------------------------------------------*/
.tabs {
	margin-top: 20px;
	}
	div .tabs:first-child {
	margin-top: 0px;
	}
	
.tabs ul.tab-nav {
	padding: 0;
	margin: 0;
	margin: 0 !important;
	list-style: none !important;
	position: relative;
	z-index: 1;
	}
	
.tabs ul.tab-nav li {
	background: none;
	padding: 0 !important;
	float: left;
	margin: 0 30px 0 0 !important;
	}
	
	
.tabs ul.tab-nav li a {
	color: #262626;
	text-transform: uppercase;
  font-family: 'Dosis', sans-serif;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 20px;
	padding-bottom: 2px;
	display: block;
	border-bottom: 2px solid transparent;
	}
	.text-light .tabs ul.tab-nav li a { color: #ffffff; }
	
.tabs ul.tab-nav li a:hover, .tabs ul.tab-nav li a.active {
	border-color: #BB2120;
	}
	
.tabs .tab-container {
	margin-top: 20px;
	}
	
.tabs .tab-container .tab-content {
	float: left;
	display: none;
	}
	
.tabs .tab-container .active {
	display: block;
	}
  
/*	Pricing Table
------------------------------------------------*/	
.pricing-table {
	background: #ffffff;
	border: 1px solid #d9d9d9;
	padding: 30px;
	margin: 20px 0;
	}
.text-light .pricing-table {
	background: #262626;
	border: 1px solid #4d4d4d;
	}
	
.pricing-bestvalue {
	padding: 50px 30px;
	margin: 0;
	}
	
.one-fourth .pricing-table {
	padding-left: 20px;
	padding-right: 20px;
	}
	
.price-name {
	text-transform: uppercase;
	margin-bottom: 20px;
	}
	
.price {
	margin-bottom: 40px;
	color: #262626;
	}
	.text-light .price { color: #ffffff; }
	.pricing-bestvalue .price { color: #BB2120; }
	
.price-amount {
	display: block;
	font-family: 'Dosis'; 
	font-weight: 800;
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	}
	.one-fourth .price-amount { font-size: 30px; line-height: 30px; }
	
.price-time {
	margin-top: 10px;
	display: block;
	font-family: 'Dosis'; 
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
	
.price-button {
	margin-top: 40px;
	}

/*	team
------------------------------------------------*/
.team-role {
	margin-top: 3px;
	}
	
.team-info {
	margin-top: 5px;
	}
	



/*	testimonials
------------------------------------------------*/
.testimonial-slider {
	margin-top: 40px !important;
	}
	div .testimonial-slider:first-child { margin-top: 0px !important; }

.testimonial-item {
	text-align:center;
	}
	
.slides .testimonial-item {
	padding-bottom: 40px;	/* flexslider bugfix */
	}
	
.testimonial-name {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
  
  
/*	Skills
------------------------------------------------*/	
.skill {
	margin-top: 20px;
	}
	div .skill:first-child {	margin-top: 0px; }

.skill .skill-name {
	margin-bottom: 5px;
	display: block;
	}
	
.skill .skillbar {
	background: #d9d9d9;
	height: 1px; 
  width: 100%;
	position: relative;
	}
.text-light .skill .skillbar {
	background: #666666;
	}
	
.skill .skillbar .skill-active {
	background: #BB2120;
	height: 100%;
	position: relative;
	width: 0px;	
	}
.skill-active:after {
	background: #BB2120;
	position: relative;
	padding: 10px;	
	}
@-webkit-keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
.skillamount{
  float: right;
  right: 0;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #000;
  border: 1px solid #BB2120;
  -webkit-animation:fadein 2s;
}


/*	Pricing Table
------------------------------------------------*/	
.pricing-table {
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px;
	padding: 30px;
	margin: 20px 0;
	}
.text-light .pricing-table {
	background: #262626;
	border: 1px solid #4d4d4d;
	}
	
.pricing-accent {
	padding: 50px 30px;
	margin: 0;
	}
	
.one-fourth .pricing-table {
	padding-left: 20px;
	padding-right: 20px;
	}
	
.price-name {
	text-transform: uppercase;
	margin-bottom: 20px;
	}
	
.price {
	margin-bottom: 40px;
	color: #262626;
	}
	.text-light .price { color: #ffffff; }
	.pricing-accent .price { color: #BB2120; }
	
.price-amount {
	display: block;
	font-family: 'Open Sans'; 
	font-weight: 800;
	font-size: 70px;
	line-height: 70px;
	margin-bottom: 10px;
	}
	.one-fourth .price-amount { font-size: 60px; line-height: 60px; }
	
.price-time {
	margin-top: 10px;
	display: block;
	font-family: 'Open Sans'; 
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
	
.price-button {
	margin-top: 40px;
	}
  
  /*	Buttons
------------------------------------------------*/
a.al-button {
	display: inline-block;
	font-family: 'Open Sans';
	font-weight: 600;
	line-height: 22px !important;
	letter-spacing: 0.15em; 
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 5px;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	}
	
a.al-button:hover {
	background-color: #ffffff;
	color : #1a1a1a;
	transform: scale(1.07);
	-ms-transform: scale(1.07); 
	-webkit-transform: scale(1.07);
	}
	
a.mini-button { font-size: 10px; padding: 5px 10px; border-radius: 2px;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px; }
a.small-button { font-size: 11px; padding: 10px 20px; }
a.medium-button { font-size: 13px; padding: 12px 40px; }
a.big-button { font-size: 16px;	padding: 18px 50px;	}

a.al-button1 {	border: 2px solid #999999; color: #262626;	background: transparent; }
a.al-button1:hover { border-color: #262626; background-color: #262626; color: #ffffff; }

a.al-button2 {	border: 2px solid #262626; color: #262626;	background: transparent; }
a.al-button2:hover { background-color: #1a1a1a; color: #ffffff; }

a.al-button3 { border: 2px solid #BB2120; color: #BB2120;	background: transparent; }
a.al-button3:hover { background: #BB2120; color: #ffffff; }

a.al-button4 {	border: 2px solid #ffffff; color: #ffffff;	background: transparent; }
a.al-button4:hover { background-color: #ffffff; color: #262626; }

a.al-button5 {	border: 2px solid #BB2120; color: #ffffff;	background: #BB2120; }
a.al-button5:hover { background-color: #BB2120; color: #ffffff; }

a.al-button6 {	border: 2px solid #262626; color: #ffffff;	background: #262626; }
a.al-button6:hover { background-color: #262626; color: #ffffff; }

a.al-button7 {	border: 2px solid #ffffff; color: #262626;	background: #ffffff; }
a.al-button7:hover { background-color: #ffffff; color: #262626; }

a.al-buttonicon {

}

a.al-buttonicon i {

	position: relative;
}
a.al-buttonicon .pe { left: 0.2em; }

a.al-buttonicon.mini-button { padding: 4px; width: 24px; height: 24px !important; line-height: 24px !important; }
a.al-buttonicon.small-button { padding: 7px; width: 30px; height: 30px !important; line-height: 30px !important; font-size: 14px; }
a.al-buttonicon.medium-button { padding: 14px; width: 30px; height: 30px !important; line-height: 30px !important; font-size: 18px; }
a.al-buttonicon.big-button { padding: 20px; width: 30px; height: 30px !important; line-height: 30px !important; font-size: 22px; }



	
/*	separator
------------------------------------------------*/
.separator {
	width: 100%;
	height: 4px;
	line-height: 0px;
	padding: 8px 0;
	text-align: center;
	}
	
.section-headline .separator { padding: 16px 0;  }

.separator span {
	height: 2px;
	background: #000000;
	display: inline-block;
	width: 100px;
	opacity: 0.15; 
	filter: alpha(opacity=15);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	}
	.text-light .separator span { background: #ffffff; opacity: 0.2; filter: alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

.separator.size-full span { width: 100%; }
.separator.size-medium span { width: 220px; }
.separator.size-small span { width: 100px; }
.separator.size-mini span { width: 40px; }

.separator.height-1px span { height: 1px; }
.separator.height-2px span { height: 2px; }
.separator.height-3px span { height: 3px; }
.separator.height-4px span { height: 4px; }




/*	Spacer
------------------------------------------------*/
.spacer {
	width: 100%;
	display: block;
	}	

.spacer.spacer-mini { height: 15px; }
.spacer.spacer-small { height: 40px; }
.spacer.spacer-medium { height: 60px; }
.spacer.spacer-big { height: 100px; }



/*	counter
------------------------------------------------*/
.counter {
	text-align: center;
	margin-top: 10px;
	}
	div .counter:fist-child {
	margin-top: 0px;
	}
	
.counter-value {
	font-family: 'Dosis', sans-serif;
	font-weight: 200;
	font-size: 48px;
	line-height: 60px;
  letter-spacing: 2px;
	}
	
.counter-name {
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 15px;
	letter-spacing: 0.1em;
	}



/*	icon box
------------------------------------------------*/
.column .iconwrapper {
	margin-top: 40px;
  margin-bottom: 20px;
	}
	.column .iconwrapper:first-child {

	}

.iconwrapper .pe {
	color: #BB2120;
	}
	.position-right .pe { float: right; }
	
.iconwrapper-content { float: right;}
.position-right .iconwrapper-content { float: none; text-align: right; }
		
.one-half .iconwrapper-content { width: 480px; }
.one-third .iconwrapper-content { width: 290px; }
.one-fourth .iconwrapper-content { width: 195px; }

.iconwrapper.position-left.clearfix .pe{

}	

   
/*	Alerts
------------------------------------------------*/		
.alert {
	margin-top: 20px;
	}
	div .alert:first-child { margin:0; }

.alert h6 {
	padding: 2px 2px 2px 8px;
	display: inline-block;
	}	

.alert-info h6:before { 
    color: #33A1D2;     
    content: "\f05a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 18px; 
    margin-right: 10px;
    }
.alert-note h6:before { 
    color: #E3B000;     
    content: "\f013";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 18px;
    margin-right: 10px; 
    }
.alert-confirm h6:before { 
    color: #59A423;      
    content: "\f087";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 18px; 
    margin-right: 10px;
    }
.alert-error h6:before { 
    color: #BB2120;     
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 18px;
    margin-right: 10px; 
    }

.alert-info h6 { border: 1px solid #33A1D2; background:#e3f7fc; color: #33A1D2; font-weight: 400; }
.alert-note h6 { border: 1px solid #E3B000; background:#fff8c4; color:  #E3B000; font-weight: 400; }
.alert-confirm h6 { border: 1px solid #59A423;background:#e9ffd9; color: #59A423; font-weight: 400; }
.alert-error h6 { border: 1px solid #BB2120; background:#ffecec; color: #BB2120; font-weight: 400; }