12612
/* ---------------------------------------------------------------------- */
/*  Announcment
/* ---------------------------------------------------------------------- */

.announcement {
	float:left;
	width:100%;
	margin:0 0 40px;
	padding:20px;
	background:#f5f5f5;
	border-left:5px solid #ff674f;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.announcement .body { float:left; }

.announcement .button { float:right; margin:15px 20px 15px 0; }


/* ---------------------------------------------------------------------- */
/*  Headline
/* ---------------------------------------------------------------------- */

.headline {
	padding:30px 40px 25px;
	background:#f5f5f5;
	border-bottom:5px solid #ff674f;
	text-align:center;
	-webkit-transition:all .7s;
	-moz-transition:all .7s;
	-ms-transition:all .7s;
	-o-transition:all .7s;
	transition:all .7s;
}


/* ---------------------------------------------------------------------- */
/*  Accordion
/* ---------------------------------------------------------------------- */

.accordion { float:left; width:100%; }

.accordion li { position:relative; padding:0 0 15px 15px; border-top:1px solid #e4e4e4; }

.accordion li:last-child { border-bottom:1px solid #e4e4e4; }

.accordion li a { display:block; padding:15px 0 0; line-height:30px; }

.accordion li a h4 { margin:0; line-height:30px; }

.accordion li a span {
	float:left;
	margin:0 20px 0 0;
	width:30px;
	height:30px;
	background:#ff674f url(images/accordion.png) no-repeat 0 0;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}

.accordion li a.active span { background-position:0 -30px; }

.accordion li .inner { padding:10px 0 0 50px; }


/* ---------------------------------------------------------------------- */
/*  Testimonials
/* ---------------------------------------------------------------------- */

.testimonial { float:left; width:100%; }

.testimonial .text {
	position:relative;
	margin:0 0 15px;
	padding:20px;
	background:#f5f5f5;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	   		border-radius:5px;
}

.testimonial .text .arrow {
	width:0;
	height:0;
	border-style:solid;
	border-width:10px 10px 0 10px;
	border-color:#f5f5f5 transparent transparent  transparent;
	position:absolute;
	left:32px;
	bottom:-10px;
}


/* ---------------------------------------------------------------------- */
/*  Dividers (HR)
/* ---------------------------------------------------------------------- */

.hr,
.hr1 {
	float:left;
	position:relative;
	width:100%;
	height:1px;
	background:#e4e4e4;
}

.hr:before {
	content:'';
	width:20%;
	height:3px;
	background:#ff0000;
	position:absolute;
	top:-1px;
	left:0;
}

.hr1 { margin:10px 0 30px; }


.widget-title,
.section-title {float:left; width:100%; }

.widget-title .hr,
.section-title .hr { margin:10px 0 0; }


/* ---------------------------------------------------------------------- */
/*  Buttons
/* ---------------------------------------------------------------------- */

button,
.button,
input[type="submit"] {
	display:inline-block;
	position:relative;
	padding:8px 15px;
	margin:15px 50px;
	background:#ff674f;
	float:right;
	font-family:'Source Sans Pro';
	font-weight:bold;
	font-size:15px;
	color:#fff;
	cursor:pointer;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	   		border-radius:3px;
	-webkit-font-smoothing:antialiased;
	-webkit-appearance:none;
	-moz-appearance:none;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
	   		box-shadow:none;
	-webkit-transition:background-color .3s;
	   -moz-transition:background-color .3s;
	    -ms-transition:background-color .3s;
	     -o-transition:background-color .3s;
	        transition:background-color .3s;
}

button.small,
.button.small,
input[type="submit"].small { padding:5px 11px; font-size:14px; }

button.large,
.button.large,
input[type="submit"].large { padding:9px 15px; font-size:20px; }

button:hover,
.button:hover,
input[type="submit"]:hover { background:#444; color:#fff; }

button.dark,
.button.dark,
input[type="submit"].dark { background:#444; }

button.dark:hover,
.button.dark:hover,
input[type="submit"].dark:hover { background:#ff674f; }

button.light,
.button.light,
input[type="submit"].light { background:#eee; color:#444; }

button.light:hover,
.button.light:hover,
input[type="submit"].light:hover { background:#444; color:#fff; }

button.gradient,
.button.gradient,
input[type="submit"].gradient {
	background-color: #cecece;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(222, 222, 222)),to(rgb(191, 191, 191)));
	background-image: -webkit-linear-gradient(top, rgb(222, 222, 222), rgb(191, 191, 191));
	background-image: -moz-linear-gradient(top, rgb(222, 222, 222), rgb(191, 191, 191));
	background-image: -o-linear-gradient(top, rgb(222, 222, 222), rgb(191, 191, 191));
	background-image: -ms-linear-gradient(top, rgb(222, 222, 222), rgb(191, 191, 191));
	background-image: linear-gradient(top, rgb(222, 222, 222), rgb(191, 191, 191));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#dedede', EndColorStr='#bfbfbf');
	text-shadow:0 1px 0 rgba(255,255,255,.35);
	text-transform:uppercase;
	font-size:13px;
	color:#333;
}

button.gradient:hover,
.button.gradient:hover,
input[type="submit"].gradient:hover {
	color:#fff;
	background:#ff674f;
	text-shadow:none;
}


/* ---------------------------------------------------------------------- */
/*  Code Blocks
/* ---------------------------------------------------------------------- */

pre,
code {
	float:left;
	width:100%;
	position:relative;
	padding:20px;
	margin:0 0 20px;
	background:url(images/code_block.png) repeat;
	border:1px solid #d4d4d4;
	font-family:'Source Sans Pro';
	font-size:13px;
	line-height:20px;
	word-wrap:break-word;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}

pre:after {
	content:attr(data-language);
	position:absolute;
	top:1px;
	right:8px;
	font-family:'Source Sans Pro';
	letter-spacing:-0.6px;
	font-weight:600;
	font-size:12px;
	color:#333;
}


/* ---------------------------------------------------------------------- */
/*  Space Blocks
/* ---------------------------------------------------------------------- */

.clear { height:20px; }


/* ---------------------------------------------------------------------- */
/*  Dropcaps
/* ---------------------------------------------------------------------- */

.dropcap {
	display:inline-block;
	margin:0 8px 5px 0;
	width:30px;
	height:30px;
	background:#444;
	font-size:16px;
	font-weight:600;
	color:#fff;
	text-align:center;
	line-height:30px;
}

.dropcap.light { background:#eee; color:#444; }
.dropcap.red { background:#ff674f; }

.dropcap.round {
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	   		border-radius:50%;
}


/* ---------------------------------------------------------------------- */
/*  Icons
/* ---------------------------------------------------------------------- */


@font-face{ 
	font-family:'WebSymbolsRegular';
	src:url('fonts/websymbols-regular-webfont.eot');
	src:url('fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/websymbols-regular-webfont.woff') format('woff'),
	    url('fonts/websymbols-regular-webfont.ttf') format('truetype'),
	    url('fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}


/*.icon { display:block; }*/

.icon { position:relative; z-index:9999; line-height:40px; }

.icon span {
	position:relative;
	z-index:9999;
	height:40px;
	width:40px;
	float:left;
	margin:0 15px 10px 0;
	background:#fff;
	font-size:20px;
	color:#444;
	line-height:40px;
}

.icon.large {
	text-align:center;
}


.icon.circle span {
	width:40px;
	height:40px;
	background:#ff674f;
	color:#fff;
	font-size:15px;
	line-height:40px;
	text-align:center;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	   		border-radius:50%;
}

.icon.circle.dark span {
	background-color:#444;
}


.icon.large span {
	float:none;
	display:block;
	margin:0 auto 20px;
	width:70px;
	height:70px;
	font-size:40px;
	line-height:70px;
}

.icon.large.circle span {
	font-size:25px;
}


.icon span::before {
	display:inline-block;
	font-family:'WebSymbolsRegular';
	font-style:normal;
}

.button[class^="icon-"]::before, .button[class*=" icon-"]::before {
	margin:0 10px 0 0;
	display:inline-block;
	font-family:'WebSymbolsRegular';
	font-size:inherit;
	font-style:normal;
}

.button.icon-right[class^="icon-"]::before, .button.icon-right[class*=" icon-"]::before {
	float:right;
	margin:0 0 0 10px;
}

/* ---------------------------------------------------------------------- */
/*  Lists
/* ---------------------------------------------------------------------- */

.list li { clear:both; line-height:23px;  }

.list.two-col li {
	float:left;
	width:50%;
	clear:none;
}

.list[class^="icon-"] li::before, .list[class*=" icon-"] li::before {
	float:left;
	margin:0 13px 0 0;
	font-family:'WebSymbolsRegular';
	font-size:12px;
	color:#ff674f;
}

.list[class^="icon-"].dark li::before, .list[class*=" icon-"].dark li::before { color:#444; }


.list li a { font-weight: bold; }
/* ---------------------------------------------------------------------- */
/*  Retina Styles
/* ---------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.accordion li a span {
		background-image:url(images/accordion@2x.png);
		-webkit-background-size:30px 60px;
	}
}