/* 未能�~�小。正在返回未�~�小的内宏V�?
(4737,81): run-time error CSS1035: Expected colon, found '.55s'
 */
/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.9.2
 * Author: @htmlstream
 * Website: //htmlstream.com
*/

/*Thematic Break
------------------------------------*/
hr {
	margin: 30px 0;
}

hr.hr-xs {
	margin: 10px 0;
}

hr.hr-md {
	margin: 20px 0;
}

hr.hr-lg {
	margin: 40px 0;
}

/*Headings
------------------------------------*/
h1 {
	font-size: 28px;
	line-height: 35px;
}
h2 {
	font-size: 24px;
	line-height: 33px;
}
h3 {
	font-size: 18px;
	line-height: 22px;
}
h4 {
	font-size: 16px;
	line-height: 20px;
}
h5 {
	line-height: 18px;
}
h6 {
	line-height: 16px;
}

h1, h2, h3, h4, h5, h6 {
	color: #333;
	margin-top: 5px;
	text-shadow: none;
	font-weight: normal;
}

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
	margin-right: 5px;
}

/*Block Headline*/
.headline {
	display: block;
	margin: 10px 0 25px 0;
	border-bottom: 1px dotted #e4e9f0;
}

.headline h2 {
	font-size: 22px;
}

.headline h2,
.headline h3,
.headline h4 {
	margin: 0 0 -2px 0;
	padding-bottom: 5px;
	display: inline-block;
	border-bottom: 2px solid #47CEFF;
}

.headline-md {
	margin-bottom: 15px;
}

.headline-md h2 {
	font-size: 21px;
}

/*Heading Options*/
.heading {
	text-align: center;
}

.heading h2 {
	padding: 0 12px;
	position: relative;
	display: inline-block;
	line-height: 34px !important; /*For Tagline Boxes*/
}

.heading h2:before,
.heading h2:after {
	content: ' ';
	width: 70%;
	position: absolute;
	border-width: 1px;
	border-color: #bbb;
}

.heading h2:before {
	right: 100%;
}

.heading h2:after {
	left: 100%;
}

@media (max-width: 768px) {
	.heading h2:before,
	.heading h2:after {
		width: 20%;
	}
}

/*Headline v1*/
.heading-v1 h2:before,
.heading-v1 h2:after {
	top: 15px;
	height: 6px;
	border-top-style: solid;
	border-bottom-style: solid;
}

/*Headline v2*/
.heading-v2 h2:before,
.heading-v2 h2:after {
	top: 15px;
	height: 6px;
	border-top-style: dashed;
	border-bottom-style: dashed;
}

/*Headline v3*/
.heading-v3 h2:before,
.heading-v3 h2:after {
	top: 15px;
	height: 6px;
	border-top-style: dotted;
	border-bottom-style: dotted;
}

/*Headline v4*/
.heading-v4 h2:before,
.heading-v4 h2:after {
	top: 17px;
	border-bottom-style: solid;
}

/*Headline v5*/
.heading-v5 h2:before,
.heading-v5 h2:after {
	top: 17px;
	border-bottom-style: dashed;
}

/*Headline v6*/
.heading-v6 h2:before,
.heading-v6 h2:after {
	top: 17px;
	border-bottom-style: dotted;
}

/*Heading Titles v1*/
.title-v1 {
	z-index: 1;
	position: relative;
	text-align: center;
	margin-bottom: 60px;
}

.title-v1 h1,
.title-v1 h2 {
	color: #444;
	font-size: 28px;
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-family: "Open Sans", Arial, sans-serif;
}

.title-v1 h1:after,
.title-v1 h2:after {
	bottom: 0;
	left: 50%;
	height: 1px;
	width: 70px;
	content: " ";
	margin-left: -35px;
	position: absolute;
	background: #47CEFF;
}

.title-v1 p {
	font-size: 17px;
	font-weight: 200;
}

/*Heading Titles v2*/
h2.title-v2 {
	color: #555;
	position: relative;
	margin-bottom: 30px;
}

h2.title-v2:after {
	left: 0;
	width: 70px;
	height: 2px;
	content: " ";
	bottom: -10px;
	background: #555;
	position: absolute;
}

h1.title-v2.title-center,
h2.title-v2.title-center,
h3.title-v2.title-center {
	text-align: center;
}

h1.title-v2.title-center:after,
h2.title-v2.title-center:after,
h3.title-v2.title-center:after {
	left: 50%;
	width: 70px;
	margin-left: -35px;
}

h1.title-light,
h2.title-light,
h3.title-light {
	color: #fff;
}

h2.title-light:after {
	background: #fff;
}

/*Heading Title v3*/
h1[class^="title-v3-"],
h2[class^="title-v3-"],
h3[class^="title-v3-"] {
	color: #555;
}

h2.title-v3-xlg {
	font-size: 28px;
	line-height: 32px;
}

h1.title-v3-lg,
h2.title-v3-lg {
	font-size: 24px;
	line-height: 28px;
}

h1.title-v3-md,
h2.title-v3-md {
	font-size: 20px;
	line-height: 24px;
}

h2.title-v3-sm,
h3.title-v3-md {
	font-size: 18px;
	line-height: 24px;
}

h3.title-v3-md {
	line-height: 22px;
}

h3.title-v3-sm {
	font-size: 16px;
	line-height: 20px;
}

h2.title-v3-xs {
	font-size: 16px;
	line-height: 22px;
}

h3.title-v3-xs {
	font-size: 14px;
	margin-bottom: 0;
}

/*Title v4*/
.title-v4 {
	font-size: 18px;
	margin: 0 0 20px;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
	border-bottom: 3px solid #333;
}

/*Headline Center*/
.headline-center {
	text-align: center;
	position: relative;
}

.headline-center h2 {
	color: #555;
	font-size: 24px;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

.headline-center h2:after {
	left: 50%;
	z-index: 1;
	width: 30px;
	height: 2px;
	content: " ";
	bottom: -5px;
	margin-left: -15px;
	text-align: center;
	position: absolute;
	background: #47CEFF;
}

.headline-center p {
	/*color: #999;*/
	font-size: 14px;
	/*padding: 0 150px;*/
}

@media (max-width: 991px) {
	.headline-center p {
		padding: 0 50px;
	}
}

.headline-center.headline-light h2 {
	color: #fff;
}

.headline-center.headline-light p {
	color: #eee;
}

/*Headline Center v2*/
.headline-center-v2 {
	z-index: 0;
	text-align: center;
	position: relative;
}

.headline-center-v2 h2 {
	color: #555;
	font-size: 24px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.headline-center-v2 span.bordered-icon {
	color: #fff;
	padding: 0 10px;
	font-size: 15px;
	line-height: 18px;
	position: relative;
	margin-bottom: 25px;
	display: inline-block;
}

.headline-center-v2 span.bordered-icon:before,
.headline-center-v2 span.bordered-icon:after {
	top: 8px;
	height: 1px;
	content: " ";
	width: 100px;
	background: #fff;
	position: absolute;
}

.headline-center-v2 span.bordered-icon:before {
	left: 100%;
}

.headline-center-v2 span.bordered-icon:after {
	right: 100%;
}

.headline-center-v2 p {
	color: #555;
	font-size: 14px;
	padding: 0 70px;
}

.headline-center-v2.headline-center-v2-dark p {
	color: #666;
}

.headline-center-v2.headline-center-v2-dark span.bordered-icon {
	color: #666;
}

.headline-center-v2.headline-center-v2-dark span.bordered-icon:before,
.headline-center-v2.headline-center-v2-dark span.bordered-icon:after {
	background: #666;
}

/*Headline Left*/
.headline-left {
	position: relative;
}

.headline-left .headline-brd {
	color: #555;
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 10px;
}

.headline-left .headline-brd:after {
	left: 1px;
	z-index: 1;
	width: 30px;
	height: 2px;
	content: " ";
	bottom: -5px;
	position: absolute;
	background: #47CEFF;
}

/*Headline v2
------------------------------------*/
.headline-v2 {
	display: block;
	background: #fff;
	padding: 1px 10px;
	margin: 0 0 20px 0;
	border-left: 2px solid #000;
}

.headline-v2 h2 {
	margin: 3px 0;
	font-size: 20px;
	font-weight: 200;
}

/*Heading Sizes
------------------------------------*/
h2.heading-md {
	font-size: 20px;
	line-height: 24px;
}

h2.heading-sm,
h3.heading-md {
	font-size: 18px;
	line-height: 24px;
}

h3.heading-md {
	line-height: 22px;
}

h3.heading-sm {
	font-size: 16px;
	line-height: 20px;
}

h2.heading-xs {
	font-size: 16px;
	line-height: 22px;
}

h3.heading-xs {
	font-size: 14px;
	margin-bottom: 0;
}

/*Devider
------------------------------------*/
.devider.devider-dotted {
	border-top: 2px dotted #eee;
}
.devider.devider-dashed {
	border-top: 2px dashed #eee;
}

.devider.devider-db {
	height: 5px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.devider.devider-db-dashed {
	height: 5px;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
}
.devider.devider-db-dotted {
	height: 5px;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
}

/*Tables
------------------------------------*/
/*Basic Tables*/
.table thead > tr > th {
	border-bottom: none;
}

@media (max-width: 768px) {
	.table th.hidden-sm,
	.table td.hidden-sm {
		display: none !important;
	}
}

/*Forms
------------------------------------*/
.form-control {
	box-shadow: none;
	border-radius: 0;
}

.input-group-addon {
	border-radius: 0;
}

.form-control:focus {
	border-color: #bbb;
	box-shadow: 0 0 2px #c9c9c9;
}

/*Form Spacing*/
.form-spacing .form-control {
	margin-bottom: 15px;
}

/*Form Icons*/
.input-group-addon {
	color: #b3b3b3;
	font-size: 14px;
	background: #fff;
}

/*Navigation
------------------------------------*/
.dropdown-menu,
.navbar-toggle {
	border-radius: 0;
}

/*Button Styles
------------------------------------*/
.btn {
	box-shadow: none;
	border-radius: 0;
}
.btn-u {
	border: 0;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	font-weight: 400;
	padding: 6px 13px;
	position: relative;
	background: #47CEFF;
	white-space: nowrap;
	display: inline-block;
	text-decoration: none;
}
.btn-u:hover {
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.btn-u.btn-block {
	text-align: center;
}

.btn-u-sm,
a.btn-u-sm {
	padding: 3px 12px;
}

.btn-u-md,
a.btn-u-md {
	padding: 10px 20px;
}

.btn-u-lg,
a.btn-u-lg {
	font-size: 18px;
	padding: 10px 25px;
}

.btn-u-xs,
a.btn-u-xs {
	font-size: 12px;
	padding: 2px 12px;
	line-height: 18px;
}

/*Button Groups*/
.btn-group .dropdown-menu > li > a {
	padding: 3px 13px;
}

.btn-group > .btn-u,
.btn-group-vertical > .btn-u {
	float: left;
	position: relative;
}

.btn-group > .btn-u:first-child {
	margin-left: 0;
}

/*For FF Only*/
@-moz-document url-prefix() {
	.footer-subsribe .btn-u {
		padding-bottom: 4px;
	}
}
@media (max-width: 768px) {
	@-moz-document url-prefix() {
		.btn-u {
			padding-bottom: 6px;
		}
	}
}

/*Buttons Color*/
.btn-u:hover,
.btn-u:focus,
.btn-u:active,
.btn-u.active,
.open .dropdown-toggle.btn-u {
	background: #009fd9;
}
.btn-u-split.dropdown-toggle {
	border-left: solid 1px #009fd9;
}

.btn-u.btn-u-blue {
	background: #3498db;
}
.btn-u.btn-u-blue:hover,
.btn-u.btn-u-blue:focus,
.btn-u.btn-u-blue:active,
.btn-u.btn-u-blue.active,
.open .dropdown-toggle.btn-u.btn-u-blue {
	background: #2980b9;
}
.btn-u.btn-u-split-blue.dropdown-toggle {
	border-left: solid 1px #2980b9;
}

.btn-u.btn-u-red {
	background: #e74c3c;
}
.btn-u.btn-u-red:hover,
.btn-u.btn-u-red:focus,
.btn-u.btn-u-red:active,
.btn-u.btn-u-red.active,
.open .dropdown-toggle.btn-u.btn-u-red {
	background: #c0392b;
}
.btn-u.btn-u-split-red.dropdown-toggle {
	border-left: solid 1px #c0392b;
}

.btn-u.btn-u-orange {
	background: #e67e22;
}
.btn-u.btn-u-orange:hover,
.btn-u.btn-u-orange:focus,
.btn-u.btn-u-orange:active,
.btn-u.btn-u-orange.active,
.open .dropdown-toggle.btn-u.btn-u-orange {
	background: #d35400;
}
.btn-u.btn-u-split-orange.dropdown-toggle {
	border-left: solid 1px #d35400;
}

.btn-u.btn-u-sea {
	background: #1abc9c;
}
.btn-u.btn-u-sea:hover,
.btn-u.btn-u-sea:focus,
.btn-u.btn-u-sea:active,
.btn-u.btn-u-sea.active,
.open .dropdown-toggle.btn-u.btn-u-sea {
	background: #16a085;
}
.btn-u.btn-u-split-sea.dropdown-toggle {
	border-left: solid 1px #16a085;
}

.btn-u.btn-u-green {
	background: #2ecc71;
}
.btn-u.btn-u-green:hover,
.btn-u.btn-u-green:focus,
.btn-u.btn-u-green:active,
.btn-u.btn-u-green.active,
.open .dropdown-toggle.btn-u.btn-u-green {
	background: #27ae60;
}
.btn-u.btn-u-split-green.dropdown-toggle {
	border-left: solid 1px #27ae60;
}

.btn-u.btn-u-yellow {
	background: #f1c40f;
}
.btn-u.btn-u-yellow:hover,
.btn-u.btn-u-yellow:focus,
.btn-u.btn-u-yellow:active,
.btn-u.btn-u-yellow.active,
.open .dropdown-toggle.btn-u.btn-u-yellow {
	background: #f39c12;
}
.btn-u.btn-u-split-yellow.dropdown-toggle {
	border-left: solid 1px #f39c12;
}

.btn-u.btn-u-default {
	background: #95a5a6;
}
.btn-u.btn-u-default:hover,
.btn-u.btn-u-default:focus,
.btn-u.btn-u-default:active,
.btn-u.btn-u-default.active,
.open .dropdown-toggle.btn-u.btn-u-default {
	background: #7f8c8d;
}
.btn-u.btn-u-split-default.dropdown-toggle {
	border-left: solid 1px #7f8c8d;
}

.btn-u.btn-u-purple {
	background: #9b6bcc;
}
.btn-u.btn-u-purple:hover,
.btn-u.btn-u-purple:focus,
.btn-u.btn-u-purple:active,
.btn-u.btn-u-purple.active,
.open .dropdown-toggle.btn-u.btn-u-purple {
	background: #814fb5;
}
.btn-u.btn-u-split-purple.dropdown-toggle {
	border-left: solid 1px #814fb5;
}

.btn-u.btn-u-aqua {
	background: #27d7e7;
}
.btn-u.btn-u-aqua:hover,
.btn-u.btn-u-aqua:focus,
.btn-u.btn-u-aqua:active,
.btn-u.btn-u-aqua.active,
.open .dropdown-toggle.btn-u.btn-u-aqua {
	background: #26bac8;
}
.btn-u.btn-u-split-aqua.dropdown-toggle {
	border-left: solid 1px #26bac8;
}

.btn-u.btn-u-brown {
	background: #9c8061;
}
.btn-u.btn-u-brown:hover,
.btn-u.btn-u-brown:focus,
.btn-u.btn-u-brown:active,
.btn-u.btn-u-brown.active,
.open .dropdown-toggle.btn-u.btn-u-brown {
	background: #81674b;
}
.btn-u.btn-u-split-brown.dropdown-toggle {
	border-left: solid 1px #81674b;
}

.btn-u.btn-u-dark-blue {
	background: #4765a0;
}
.btn-u.btn-u-dark-blue:hover,
.btn-u.btn-u-dark-blue:focus,
.btn-u.btn-u-dark-blue:active,
.btn-u.btn-u-dark-blue.active,
.open .dropdown-toggle.btn-u.btn-u-dark-blue {
	background: #324c80;
}
.btn-u.btn-u-split-dark.dropdown-toggle {
	border-left: solid 1px #324c80;
}

.btn-u.btn-u-light-green {
	background: #79d5b3;
}
.btn-u.btn-u-light-green:hover,
.btn-u.btn-u-light-green:focus,
.btn-u.btn-u-light-green:active,
.btn-u.btn-u-light-green.active,
.open .dropdown-toggle.btn-u.btn-u-light-green {
	background: #59b795;
}
.btn-u.btn-u-split-light-green.dropdown-toggle {
	border-left: solid 1px #59b795;
}

.btn-u.btn-u-dark {
	background: #555;
}
.btn-u.btn-u-dark:hover,
.btn-u.btn-u-dark:focus,
.btn-u.btn-u-dark:active,
.btn-u.btn-u-dark.active,
.open .dropdown-toggle.btn-u.btn-u-dark {
	background: #333;
}
.btn-u.btn-u-split-dark.dropdown-toggle {
	border-left: solid 1px #333;
}

.btn-u.btn-u-light-grey {
	background: #585f69;
}
.btn-u.btn-u-light-grey:hover,
.btn-u.btn-u-light-grey:focus,
.btn-u.btn-u-light-grey:active,
.btn-u.btn-u-light-grey.active,
.open .dropdown-toggle.btn-u.btn-u-light-grey {
	background: #484f58;
}
.btn-u.btn-u-split-light-grey.dropdown-toggle {
	border-left: solid 1px #484f58;
}

/*Bordered Buttons*/
.btn-u.btn-brd {
	color: #555;
	background: none;
	padding: 5px 13px;
	border: solid 1px transparent;
}
.btn-u.btn-brd-width-2 {
	padding: 7px 18px;
	border-width: 2px;
}
.btn-u.btn-brd:hover {
	background: none;
}
.btn-u.btn-brd:focus {
	background: none;
}
.btn-u.btn-brd.btn-brd-hover:hover {
	color: #fff !important;
}

.btn-u.btn-brd {
	border-color: #47CEFF;
}
.btn-u.btn-brd:hover {
	color: #009fd9;
	border-color: #009fd9;
}
.btn-u.btn-brd.btn-brd-hover:hover {
	background: #009fd9;
}

.btn-u.btn-brd.btn-u-blue {
	border-color: #3498db;
}
.btn-u.btn-brd.btn-u-blue:hover {
	color: #2980b9;
	border-color: #2980b9;
}
.btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover {
	background: #2980b9;
}

.btn-u.btn-brd.btn-u-red {
	border-color: #e74c3c;
}
.btn-u.btn-brd.btn-u-red:hover {
	color: #c0392b;
	border-color: #c0392b;
}
.btn-u.btn-brd.btn-u-red.btn-brd-hover:hover {
	background: #c0392b;
}

.btn-u.btn-brd.btn-u-orange {
	border-color: #e67e22;
}
.btn-u.btn-brd.btn-u-orange:hover {
	color: #d35400;
	border-color: #d35400;
}
.btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover {
	 background: #d35400;
}

.btn-u.btn-brd.btn-u-sea {
	border-color: #1abc9c;
}
.btn-u.btn-brd.btn-u-sea:hover {
	color: #16a085;
	border-color: #16a085;
}
.btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover {
	background: #16a085;
}

.btn-u.btn-brd.btn-u-green {
	border-color: #2ecc71;
}
.btn-u.btn-brd.btn-u-green:hover {
	color: #27ae60;
	border-color: #27ae60;
}
.btn-u.btn-brd.btn-u-green.btn-brd-hover:hover {
	background: #27ae60;
}

.btn-u.btn-brd.btn-u-yellow {
	border-color: #f1c40f;
}
.btn-u.btn-brd.btn-u-yellow:hover {
	color: #f39c12;
	border-color: #f39c12;
}
.btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover {
	background: #f39c12;
}

.btn-u.btn-brd.btn-u-default {
	border-color: #95a5a6;
}
.btn-u.btn-brd.btn-u-default:hover {
	color: #7f8c8d;
	border-color: #7f8c8d;
}
.btn-u.btn-brd.btn-u-default.btn-brd-hover:hover {
	background: #7f8c8d;
}

.btn-u.btn-brd.btn-u-dark {
	border-color: #555;
}
.btn-u.btn-brd.btn-u-dark:hover {
	color: #333;
	border-color: #333;
}
.btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {
	background: #333;
}

.btn-u.btn-brd.btn-u-light-grey {
	border-color: #585f69;
}
.btn-u.btn-brd.btn-u-light-grey:hover {
	color: #484f58;
	border-color: #484f58;
}
.btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover {
	background: #484f58;
}

.btn-u.btn-brd.btn-u-purple {
	border-color: #9b6bcc;
}
.btn-u.btn-brd.btn-u-purple:hover {
	color: #814fb5;
	border-color: #814fb5;
}
.btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover {
	background: #814fb5;
}

.btn-u.btn-brd.btn-u-aqua {
	border-color: #27d7e7;
}
.btn-u.btn-brd.btn-u-aqua:hover {
	color: #26bac8;
	border-color: #26bac8;
}
.btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover {
	background: #26bac8;
}

.btn-u.btn-brd.btn-u-brown {
	border-color: #9c8061;
}
.btn-u.btn-brd.btn-u-brown:hover {
	color: #81674b;
	border-color: #81674b;
}
.btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover {
	background: #81674b;
}

.btn-u.btn-brd.btn-u-dark-blue {
	border-color: #4765a0;
}
.btn-u.btn-brd.btn-u-dark-blue:hover {
	color: #324c80;
	border-color: #324c80;
}
.btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover {
	background: #324c80;
}

.btn-u.btn-brd.btn-u-light-green {
	border-color: #79d5b3;
}
.btn-u.btn-brd.btn-u-light-green:hover {
	color: #59b795;
	border-color: #59b795;
}
.btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover {
	background: #59b795;
}

.btn-u.btn-brd.btn-u-light {
	color: #fff;
	border-color: #fff;
}
.btn-u.btn-brd.btn-u-light:hover {
	border-color: #fff;
}
.btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
 background: #fff;
 color: #555 !important;
}

/*Dropdown Buttons
------------------------------------*/
.dropdown-show {
	box-shadow: 0 0 4px #eee;
	display: inline-block;
	position: relative;
}

/*Badges and Labels
------------------------------------*/
.badge,
.label {
	border-radius: 0;
}

/*Labels*/
span.label {
	font-size: 11px;
	font-weight: 400;
	padding: 4px 7px;
}

/*Badges*/
span.badge,
.list-group-item.active>.badge {
	color: #fff;
	font-weight: 400;
	padding: 4px 7px;
}

span.label-u,
span.badge-u,
.list-group-item.active>.badge.badge-u {
	background: #47CEFF;
}

span.label-blue,
span.badge-blue,
.list-group-item.active>.badge {
	background: #3498db;
}

span.label-red,
span.badge-red,
.list-group-item.active>.badge {
	background: #e74c3c;
}

span.label-green,
span.badge-green,
.list-group-item.active>.badge.badge-green {
	background: #2ecc71;
}

span.label-sea,
span.badge-sea,
.list-group-item.active>.badge.badge-sea {
	background: #1abc9c;
}

span.label-orange,
span.badge-orange,
.list-group-item.active>.badge.badge-orange {
	background: #e67e22;
}

span.label-yellow,
span.badge-yellow,
.list-group-item.active>.badge.badge-yellow {
	background: #f1c40f;
}

span.label-purple,
span.badge-purple,
.list-group-item.active>.badge.badge-purple {
	background: #9b6bcc;
}

span.label-aqua,
span.badge-aqua,
.list-group-item.active>.badge.badge-aqua {
	background: #27d7e7;
}

span.label-brown,
span.badge-brown,
.list-group-item.active>.badge.badge-brown {
	background: #9c8061;
}

span.label-dark-blue,
span.badge-dark-blue,
.list-group-item.active>.badge.badge-dark-blue {
	background: #4765a0;
}

span.label-light-green,
span.badge-light-green,
.list-group-item.active>.badge.badge-light-green {
	background: #79d5b3;
}

span.label-light,
span.badge-light,
.list-group-item.active>.badge.badge-light {
	color: #777;
	background: #ecf0f1;
}

span.label-dark,
span.badge-dark,
.list-group-item.active>.badge.badge-dark {
	background: #555;
}

/*Badge Lists*/
.badge-lists li {
	position: relative;
}

.badge-lists span.badge {
	top: -10px;
	right: -6px;
	position: absolute;
}

/*Badge Icons*/
.badge-lists.badge-icons span.badge {
	min-width: 12px;
	padding: 3px 6px;
 }

.badge-lists.badge-icons i {
	font-size: 18px;
	min-width: 25px;
}

/*Badge Box v1*/
.badge-box-v1 a {
	color: #777;
	min-width: 40px;
	font-size: 18px;
	padding: 8px 9px;
	display: inline-block;
	border: solid 1px #eee;
}

/*Badge Box v2*/
.badge-box-v2 a {
	color: #777;
	font-size: 12px;
	padding: 10px;
	min-width: 70px;
	text-align: center;
	display: inline-block;
	border: solid 1px #eee;
}

.badge-box-v2 a i {
	font-size: 20px;
}

/*General Badge Box*/
.badge-box-v1 a i,
.badge-box-v2 a i {
	display: block;
	margin: 1px auto 2px;
}

.badge-box-v1 a:hover,
.badge-box-v2 a:hover {
	color: #555;
	border-color: #555;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

/*Icons
------------------------------------*/
/*Social Icons*/
.social-icons {
	margin: 0;
	padding: 0;
}

.social-icons li {
	list-style: none;
	margin-right: 3px;
	margin-bottom: 5px;
	text-indent: -9999px;
	display: inline-block;
}

.social-icons li a, a.social-icon {
	width: 28px;
	height: 28px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
}

.social-icons li:hover a {
	 background-position: 0 -38px;
}

.social-icons-color li a {
	opacity: 0.7;
	background-position: 0 -38px !important;
	-webkit-backface-visibility: hidden; /*For Chrome*/
}

.social-icons-color li a:hover {
	opacity: 1;
}

.social_amazon {background: url(../img/icons/social/amazon.png) no-repeat;}
.social_behance {background: url(../img/icons/social/behance.png) no-repeat;}
.social_blogger {background: url(../img/icons/social/blogger.png) no-repeat;}
.social_deviantart {background: url(../img/icons/social/deviantart.png) no-repeat;}
.social_dribbble {background: url(../img/icons/social/dribbble.png) no-repeat;}
.social_dropbox {background: url(../img/icons/social/dropbox.png) no-repeat;}
.social_evernote {background: url(../img/icons/social/evernote.png) no-repeat;}
.social_facebook {background: url(../img/icons/social/facebook.png) no-repeat;}
.social_forrst {background: url(../img/icons/social/forrst.png) no-repeat;}
.social_github {background: url(../img/icons/social/github.png) no-repeat;}
.social_googleplus {background: url(../img/icons/social/googleplus.png) no-repeat;}
.social_jolicloud {background: url(../img/icons/social/jolicloud.png) no-repeat;}
.social_last-fm {background: url(../img/icons/social/last-fm.png) no-repeat;}
.social_linkedin {background: url(../img/icons/social/linkedin.png) no-repeat;}
.social_picasa {background: url(../img/icons/social/picasa.png) no-repeat;}
.social_pintrest {background: url(../img/icons/social/pintrest.png) no-repeat;}
.social_rss {background: url(../img/icons/social/rss.png) no-repeat;}
.social_skype {background: url(../img/icons/social/skype.png) no-repeat;}
.social_spotify {background: url(../img/icons/social/spotify.png) no-repeat;}
.social_stumbleupon {background: url(../img/icons/social/stumbleupon.png) no-repeat;}
.social_tumblr {background: url(../img/icons/social/tumblr.png) no-repeat;}
.social_twitter {background: url(../img/icons/social/twitter.png) no-repeat;}
.social_vimeo {background: url(../img/icons/social/vimeo.png) no-repeat;}
.social_wordpress {background: url(../img/icons/social/wordpress.png) no-repeat;}
.social_xing {background: url(../img/icons/social/xing.png) no-repeat;}
.social_yahoo {background: url(../img/icons/social/yahoo.png) no-repeat;}
.social_youtube {background: url(../img/icons/social/youtube.png) no-repeat;}
.social_vk {background: url(../img/icons/social/vk.png) no-repeat;}
.social_instagram {background: url(../img/icons/social/instagram.png) no-repeat;}

/*Font Awesome Icon Styles*/
i.icon-custom {
	color: #555;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	margin-bottom: 5px;
	text-align: center;
	display: inline-block;
	border: solid 1px #555;
}

i.icon-sm {
 width: 35px;
 height: 35px;
 font-size: 16px;
 line-height: 35px;
}

i.icon-md {
	width: 55px;
	height: 55px;
	font-size: 22px;
	line-height: 55px;
}

i.icon-lg {
	width: 60px;
	height: 60px;
	font-size: 31px;
	line-height: 60px;
	margin-bottom: 10px;
}

i.icon-2x {
	font-size: 30px;
}
i.icon-3x {
	font-size: 40px;
}
i.icon-4x {
	font-size: 50px;
}

/*Line Icons*/
i.icon-line {
	font-size: 17px;
}
i.icon-sm.icon-line {
	font-size: 14px;
}
i.icon-md.icon-line {
	font-size: 22px;
}
i.icon-lg.icon-line {
	font-size: 28px;
}

i.icon-2x.icon-line {
	font-size: 27px;
}
i.icon-3x.icon-line {
	font-size: 36px;
}
i.icon-4x.icon-line {
	font-size: 47px;
}

/*Icon Styles For Links*/
.link-icon,
.link-bg-icon {
	color: #555;
}

.link-icon:hover,
.link-bg-icon:hover {
	border: none;
	text-decoration: none;
}

.link-icon:hover i {
	color: #47CEFF;
	background: none;
	border: solid 1px #47CEFF;
}

.link-bg-icon:hover i {
	color: #47CEFF;
	background: #47CEFF;
	border-color: #47CEFF;
	color: #fff !important;
}

/*Icons Color*/
i.icon-color-u,
i.icon-color-red,
i.icon-color-sea,
i.icon-color-dark,
i.icon-color-grey,
i.icon-color-blue,
i.icon-color-green,
i.icon-color-yellow,
i.icon-color-orange,
i.icon-color-purple,
i.icon-color-aqua,
i.icon-color-brown,
i.icon-color-dark-blue,
i.icon-color-light-grey,
i.icon-color-light-green {
	background: none;
}

i.icon-color-u {
	color: #47CEFF;
	border: solid 1px #47CEFF;
}
i.icon-color-blue {
	color: #3498db;
	border: solid 1px #3498db;
}
i.icon-color-red {
	color: #e74c3c;
	border: solid 1px #e74c3c;
}
i.icon-color-sea {
	color: #1abc9c;
	border: solid 1px #1abc9c;
}
i.icon-color-green {
	color: #2ecc71;
	border: solid 1px #2ecc71;
}
i.icon-color-yellow {
	color: #f1c40f;
	border: solid 1px #f1c40f;
}
i.icon-color-orange {
	color: #e67e22;
	border: solid 1px #e67e22;
}
i.icon-color-grey {
	color: #95a5a6;
	border: solid 1px #95a5a6;
}
i.icon-color-purple {
	color: #9b6bcc;
	border: solid 1px #9b6bcc;
}
i.icon-color-aqua {
	color: #27d7e7;
	border: solid 1px #27d7e7;
}
i.icon-color-brown {
	color: #9c8061;
	border: solid 1px #9c8061;
}
i.icon-color-dark-blue {
	color: #4765a0;
	border: solid 1px #4765a0;
}
i.icon-color-light-green {
	color: #79d5b3;
	border: solid 1px #79d5b3;
}
i.icon-color-light {
	color: #fff;
	border: solid 1px #fff;
}
i.icon-color-light-grey {
	color: #585f69;
	border: solid 1px #585f69;
}

/*Icons Backgroun Color*/
i.icon-bg-u,
i.icon-bg-red,
i.icon-bg-sea,
i.icon-bg-dark,
i.icon-bg-darker,
i.icon-bg-grey,
i.icon-bg-blue,
i.icon-bg-green,
i.icon-bg-yellow,
i.icon-bg-orange,
i.icon-bg-purple,
i.icon-bg-aqua,
i.icon-bg-brown,
i.icon-bg-dark-blue,
i.icon-bg-light-grey,
i.icon-bg-light-green {
	color: #fff;
	border-color: transparent;
}

i.icon-bg-u {
	background: #47CEFF;
}
i.icon-bg-blue {
	background: #3498db;
}
i.icon-bg-red {
	background: #e74c3c;
}
i.icon-bg-sea {
	background: #1abc9c;
}
i.icon-bg-green {
	background: #2ecc71;
}
i.icon-bg-yellow {
	background: #f1c40f;
}
i.icon-bg-orange {
	background: #e67e22;
}
i.icon-bg-grey {
	background: #95a5a6;
}
i.icon-bg-dark {
	background: #555;
}
i.icon-bg-darker {
	background: #333;
}
i.icon-bg-purple {
	background: #9b6bcc;
}
i.icon-bg-aqua {
	background: #27d7e7;
}
i.icon-bg-brown {
	background: #9c8061;
}
i.icon-bg-dark-blue {
	background: #4765a0;
}
i.icon-bg-light-green {
	background: #79d5b3;
}
i.icon-bg-light {
	background: #fff;
	border-color: transparent;
}
i.icon-bg-light-grey {
	background: #585f69;
	border-color: transparent;
}

/* Make Font Awesome icons fixed width */
.fa-fixed [class^="fa"],
.fa-fixed [class*=" fa"] {
	width: 1.25em;
	text-align: center;
	display: inline-block;
}
.fa-fixed [class^="fa"].fa-lg,
.fa-fixed [class*=" fa"].fa-lg {
	/* increased font size for fa-lg */
	width: 1.5625em;
}

/*Typography
------------------------------------*/
.text-justify p { text-align: justify;}
.text-transform-uppercase { text-transform: uppercase;}
.text-transform-normal { text-transform: inherit !important;}

.font-bold { font-weight: 600;}
.font-light { font-weight: 200;}
.font-normal { font-weight: 400 !important;}

/*Text Dropcap*/
.dropcap {
	float: left;
	color: #47CEFF;
	padding: 5px 0;
	font-size: 45px;
	font-weight: 200;
	line-height: 30px;
	margin: 0px 5px 0 0;
}

.dropcap-bg {
	float: left;
	color: #fff;
	padding: 7px 0;
	min-width: 50px;
	font-size: 35px;
	font-weight: 200;
	line-height: 35px;
	text-align: center;
	background: #47CEFF;
	margin: 4px 10px 0 0;
}

/*Text Highlights*/
.text-highlights {
	color: #fff;
	font-weight: 200;
	padding: 0px 5px;
	background: #555;
}

.text-highlights-green {
	background: #72c02c;
}
.text-highlights-blue {
	background: #3498db;
}
.text-highlights-red {
	background: #e74c3c;
}
.text-highlights-sea {
	background: #1abc9c;
}
.text-highlights-orange {
	background: #e67e22;
}
.text-highlights-yellow {
	background: #f1c40f;
}
.text-highlights-purple {
	background: #9b6bcc;
}
.text-highlights-aqua {
	background: #27d7e7;
}
.text-highlights-brown {
	background: #9c8061;
}
.text-highlights-dark-blue {
	background: #4765a0;
}
.text-highlights-light-green {
	background: #79d5b3;
}

/*Text Borders*/
.text-border {
	border-bottom: dashed 1px #555;
}

.text-border-default {
	border-color: #95a5a6;
}
.text-border-green {
	border-color: #72c02c;
}
.text-border-blue {
	border-color: #3498db;
}
.text-border-red {
	border-color: #e74c3c;
}
.text-border-yellow {
	border-color: #f1c40f;
}
.text-border-purple {
	border-color: #9b6bcc;
}

/*List Styles*/
.list-styles li {
	margin-bottom: 8px;
}

/*Contextual Backgrounds*/
.contex-bg p {
	opacity: 0.8;
	padding: 8px 10px;
}
.contex-bg p:hover {
	opacity: 1;
}

/*Blockquote*/
blockquote {
	padding: 5px 15px;
	border-left-width: 2px;
}

blockquote p {
	font-size: 14px;
	font-weight: 400;
}

blockquote h1,
blockquote h2,
blockquote span {
	font-size: 18px;
	margin: 0 0 8px;
	line-height: 24px;
}

/*Blockquote Styles*/
blockquote.bq-text-lg p,
blockquote.bq-text-lg small {
	text-transform: uppercase;
}

blockquote.bq-text-lg p {
	font-size: 22px;
	font-weight: 300;
	line-height: 32px;
}

blockquote.text-right,
blockquote.hero.text-right {
	border-left: none;
	border-right: 2px solid #eee;
}

blockquote.hero.text-right,
blockquote.hero.text-right:hover {
	border-color: #555;
}

blockquote:hover,
blockquote.text-right:hover {
	border-color: #72c02c;
	transition: all 0.4s ease-in-out;
}

blockquote.bq-dark,
blockquote.bq-dark:hover {
	border-color: #585f69;
}

blockquote.bq-green {
	border-color: #72c02c;
}

/*Blockquote Hero Styles*/
blockquote.hero {
	border: none;
	padding: 18px;
	font-size: 16px;
	background: #f3f3f3;
	border-left: solid 2px #666;
}

blockquote.hero:hover {
	background: #eee;
	border-left-color: #666;
}

blockquote.hero.hero-dark,
blockquote.hero.hero-default {
	border: none;
}

blockquote.hero.hero-dark {
	background: #444;
}

blockquote.hero.hero-dark:hover {
	background: #555;
}

blockquote.hero.hero-default {
	background: #47CEFF;
}

blockquote.hero.hero-default:hover {
	background: #009fd9;
}

blockquote.hero.hero-dark p,
blockquote.hero.hero-dark h2,
blockquote.hero.hero-dark small,
blockquote.hero.hero-default p,
blockquote.hero.hero-default h2,
blockquote.hero.hero-default small {
	color: #fff;
	font-weight: 200;
}

/*Lists
------------------------------------*/
.list-row {
	padding: 0;
	margin-bottom: 0;
	list-style: none;
}

/*Lists v1*/
.lists-v1 li {
	margin-bottom: 10px;
}

.lists-v1 i {
	color: #fff;
	width: 15px;
	height: 15px;
	padding: 1px;
	font-size: 13px;
	margin-right: 7px;
	text-align: center;
	background: #47CEFF;
	display: inline-block;
	border-radius: 50% !important;
}

/*Lists v2*/
.lists-v2 li {
	margin-bottom: 10px;
}

.lists-v2 i {
	color: #47CEFF;
	font-size: 13px;
	margin-right: 7px;
	display: inline-block;
}

/*Alerts
------------------------------------*/
.alert {
	border-radius: 0;
}

/*Thumbnails
------------------------------------*/
.thumbnail {
	border-radius: 0;
}

/*Panels (Portlets)
------------------------------------*/
.panel,
.panel-heading,
.panel-group .panel {
	border-radius: 0;
}

.panel-heading {
	color: #fff;
	padding: 5px 15px;
}

/*Panel Table*/
.panel .table {
	margin-bottom: 0;
}

/*Panel Unify*/
.panel-u {
	border-color: #47CEFF;
}

.panel-u > .panel-heading {
	background: #47CEFF;
}

/*Panel Blue*/
.panel-blue {
	border-color: #3498db;
}

.panel-blue > .panel-heading {
	background: #3498db;
}

/*Panel Red*/
.panel-red {
	border-color: #e74c3c;
}

.panel-red > .panel-heading {
	background: #e74c3c;
}

/*Panel Green*/
.panel-green {
	border-color: #2ecc71;
}

.panel-green > .panel-heading {
	background: #2ecc71;
}

/*Panel Sea*/
.panel-sea {
	border-color: #1abc9c;
}

.panel-sea > .panel-heading {
	background: #1abc9c;
}

/*Panel Orange*/
.panel-orange {
	border-color: #e67e22;
}

.panel-orange > .panel-heading {
	background: #e67e22;
}

/*Panel Yellow*/
.panel-yellow {
	border-color: #f1c40f;
}

.panel-yellow > .panel-heading {
	background: #f1c40f;
}

/*Panel Grey*/
.panel-grey {
	border-color: #95a5a6;
}

.panel-grey > .panel-heading {
	background: #95a5a6;
}

/*Panel Dark*/
.panel-dark {
	border-color: #555;
}

.panel-dark > .panel-heading {
	background: #555;
}

/*Panel Purple*/
.panel-purple {
	border-color: #9b6bcc;
}

.panel-purple > .panel-heading {
	background: #9b6bcc;
}

/*Panel Aqua*/
.panel-aqua {
	border-color: #27d7e7;
}

.panel-aqua > .panel-heading {
	background: #27d7e7;
}

/*Panel Brown*/
.panel-brown {
	border-color: #9c8061;
}

.panel-brown > .panel-heading {
	background: #9c8061;
}

/*Panel Dark Blue*/
.panel-dark-blue {
	border-color: #4765a0;
}

.panel-dark-blue > .panel-heading {
	background: #4765a0;
}

/*Panel Light Green*/
.panel-light-green {
	border-color: #79d5b3;
}

.panel-light-green > .panel-heading {
	background: #79d5b3;
}

/*Panel Default Dark*/
.panel-default-dark {
	border-color: #585f69;
}

.panel-default-dark > .panel-heading {
	background: #585f69;
}

/*Progress Bar
------------------------------------*/
.progress {
	border-radius: 0;
}

.progress-u {
	box-shadow: none;
}

.progress-u .progress-bar {
	box-shadow: none;
}

/*progress-bar (sizes)*/
.progress-lg {
	height: 25px;
}
.progress-lg p {
	padding-top: 3px;
}

.progress-sm {
	height: 12px;
}

.progress-xs {
	height: 7px;
}

.progress-xxs {
	height: 3px;
}

/*progress-bar (colors)*/
.progress {
	background: #e5e5e5;
}

.progress-bar-u {
	background: #47CEFF;
}

.progress-bar-blue {
	background: #3498db;
}

.progress-bar-orange {
	background: #e67e22;
}

.progress-bar-red {
	background: #e74c3c;
}

.progress-bar-purple {
	background: #9b6bcc;
}

.progress-bar-aqua {
	background: #27d7e7;
}

.progress-bar-brown {
	background: #9c8061;
}

.progress-bar-dark-blue {
	background: #4765a0;
}

.progress-bar-light-green {
	background: #79d5b3;
}

.progress-bar-dark {
	background: #555;
}

/*Progress Bar Animation
------------------------------------*/
.progress {
		position: relative;
}

.progress .progress-bar {
	overflow: hidden;
	line-height: 20px;
}

.progress-box .progress-bar {
	transition: all 3s ease-in;
}

/*Vertical Progress Bar*/
.progress.vertical {
	float: left;
	width: 100%;
	height: 200px;
	margin-right: 20px;
}

.progress.vertical.bottom {
	position: relative;
}

.progress.vertical .progress-bar {
	height: 0;
	width: 100%;
	transition: height 3s ease;
}

.progress.vertical.bottom .progress-bar {
	bottom: 0;
	position: absolute;
}

/*Count Stars
------------------------------------*/
.stars-existing {
	color: #47CEFF;
	cursor: pointer;
}

.star-lg {
	font-size: 30px;
}

.star-sm {
	font-size: 25px;
}

.star-xs {
	font-size: 20px;
}

.star-default {
	font-size: 16px;
}

/*Media (Audio/Videos and Images)
------------------------------------*/
/*Images*/
img.img-bordered {
	padding: 3px !important;
	border: solid 1px #eee !important;
}

img.img-circle {
	border-radius: 50% !important;
}

img.image-sm {
	width: 50px;
	height: 50px;
}

img.image-md {
	width: 100px;
	height: 100px;
}

/*Responsive Video*/
.responsive-video {
 height: 0;
 padding-top: 1px;
 position: relative;
 padding-bottom: 56.25%; /*16:9*/
}

.responsive-video iframe {
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 position: absolute;
}

/*Column Sizes
------------------------------------*/
/*Remove the Gutter Padding from Columns*/
.no-gutter > [class*='col-'] {
	padding-right: 0;
	padding-left: 0;
}

.no-gutter.no-gutter-boxed {
	padding-right: 15px;
	padding-left: 15px;
}

/*Heights
------------------------------------*/
.height-100 { min-height: 100px;}
.height-150 { min-height: 150px;}
.height-200 { min-height: 200px;}
.height-250 { min-height: 250px;}
.height-300 { min-height: 300px;}
.height-350 { min-height: 350px;}
.height-400 { min-height: 400px;}
.height-450 { min-height: 450px;}
.height-500 { min-height: 500px !important;}

/*Spaces
------------------------------------*/
.no-padding {
	padding: 0 !important;
}

.no-margin {
	margin: 0;
}

.no-top-space {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.no-bottom-space {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.content-xs {
	padding-top: 20px;
	padding-bottom: 20px;
}

.content {
	padding-top: 40px;
	padding-bottom: 40px;
}

.content-sm {
	padding-top: 60px;
	padding-bottom: 60px;
}

.content-md {
	padding-top: 80px;
	padding-bottom: 80px;
}

.content-lg {
	padding-top: 100px;
	padding-bottom: 100px;
}

.content-xlg {
	padding-top: 150px;
	padding-bottom: 150px;
}

.space-md-hor {
	padding-left: 40px;
	padding-right: 40px;
}

.space-lg-hor {
	padding-left: 60px;
	padding-right: 60px;
}

.space-xlg-hor {
	padding-left: 100px;
	padding-right: 100px;
}

.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-15,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45,
.margin-bottom-50,
.margin-bottom-55,
.margin-bottom-60,
.margin-bottom-100 {
	 clear:both;
}
.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;}
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}
.margin-bottom-55 { margin-bottom:55px;}
.margin-bottom-60 { margin-bottom:60px;}
.margin-bottom-70 { margin-bottom:70px;}
.margin-bottom-80 { margin-bottom:80px;}
.margin-bottom-90 { margin-bottom:90px;}
.margin-bottom-100 { margin-bottom:100px;}

@media (max-width: 768px) {
	.sm-margin-bottom-10 {
		margin-bottom: 10px;
	}
	.sm-margin-bottom-20 {
		margin-bottom: 20px;
	}
	.sm-margin-bottom-30 {
		margin-bottom: 30px;
	}
	.sm-margin-bottom-40 {
		margin-bottom: 40px;
	}
	.sm-margin-bottom-50 {
		margin-bottom: 50px;
	}
	.sm-margin-bottom-60 {
		margin-bottom: 60px;
	}
}

@media (max-width: 992px) {
	.md-margin-bottom-10 {
		margin-bottom: 10px;
	}
	.md-margin-bottom-20 {
		margin-bottom: 20px;
	}
	.md-margin-bottom-30 {
		margin-bottom: 30px;
	}
	.md-margin-bottom-40 {
		margin-bottom: 40px;
	}
	.md-margin-bottom-50 {
		margin-bottom: 50px;
	}
	.md-margin-bottom-60 {
		margin-bottom: 60px;
	}
}

/*Other Spaces*/
.margin-top-20 { margin-top: 20px;}
.margin-left-5 { margin-left: 5px;}
.margin-left-10 { margin-left: 10px;}
.margin-right-5 { margin-right: 5px;}
.margin-right-10 { margin-right: 10px;}
.margin-right-20 { margin-right: 20px;}

.padding-sm { padding: 40px 40px;}
.padding-top-5 { padding-top: 5px;}
.padding-left-5 { padding-left: 5px;}

/*Text Colors
------------------------------------*/
.color-sea { color: #1abc9c;}
.color-red { color: #e74c3c;}
.color-aqua { color: #27d7e7;}
.color-blue { color: #3498db;}
.color-grey { color: #95a5a6;}
.color-dark { color: #555;}
/*.color-dark1 { color: #444;}*/
.color-darker { color: #444;}
.color-green { color: #72c02c;}
.color-brown { color: #9c8061;}
.color-light { color: #ffffff;}
.color-orange { color: #e67e22;}
.color-yellow { color: #f1c40f;}
.color-green { color: #2ecc71;}
.color-purple { color: #9b6bcc;}
.color-inherit { color: inherit;}
.color-dark-blue { color: #4765a0;}
.color-light-grey { color: #585f69;}
.color-light-green { color: #79d5b3;}
.color-teal { color: #18ba9b;}

/*Background Colors
------------------------------------*/
.bg-color-dark,
.bg-color-darker,
.bg-color-sea,
.bg-color-red,
.bg-color-aqua,
.bg-color-blue,
.bg-color-grey,
.bg-color-light,
.bg-color-green,
.bg-color-brown,
.bg-color-orange,
.bg-color-purple,
.bg-color-dark-blue,
.bg-color-light-grey,
.bg-color-light-green,
.bg-color-primary {
	color: #fff;
}
.bg-color-white {
	color: #555;
}
.bg-color-primary { background-color: #47CEFF !important;}
.bg-color-dark { background-color: #555 !important;}
.bg-color-darker { background-color: #222 !important;}
.bg-color-white { background-color: #fff !important;}
.bg-color-sea { background-color: #1abc9c !important;}
.bg-color-red { background-color: #e74c3c !important;}
.bg-color-aqua { background-color: #27d7e7 !important;}
.bg-color-blue { background-color: #3498db !important;}
.bg-color-grey { background-color: #95a5a6 !important;}
.bg-color-light { background-color: #f7f7f7 !important;}
.bg-color-green { background-color: #72c02c !important;}
.bg-color-brown { background-color: #9c8061 !important;}
.bg-color-orange { background-color: #e67e22 !important;}
.bg-color-purple { background-color: #9b6bcc !important;}
.bg-color-dark-blue { background-color: #4765a0 !important;}
.bg-color-light-grey { background-color: #585f69 !important;}
.bg-color-light-green { background-color: #79d5b3 !important;}
.bg-color-teal { background-color: #18ba9b !important; }

.rgba-red { background-color: rgba(231,76,60,0.8)}
.rgba-blue { background-color: rgba(52,152,219,0.8);}
.rgba-aqua { background-color: rgba(39,215,231,0.8);}
.rgba-yellow { background-color: rgba(241,196,15,0.8);}
.rgba-default { background-color: rgba(114,192,44,0.8);}
.rgba-purple { background-color: rgba(155,107,204,0.8);}

/*Grey Backroud*/
.bg-grey {
	background: #f7f7f7;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}

/*Rounded and Circle Classes
------------------------------------*/
.no-rounded { border-radius: 0 !important;}
.rounded { border-radius: 4px !important;}
.rounded-x { border-radius: 50% !important;}
.rounded-2x { border-radius: 10px !important;}
.rounded-3x { border-radius: 15px !important;}
.rounded-4x { border-radius: 20px !important;}
.rounded-sm { border-radius: 2px !important;}
.rounded-md { border-radius: 3px !important;}
.rounded-top { border-radius: 4px 4px 0 0 !important;}
.rounded-left { border-radius: 4px 0 0 4px !important;}
.rounded-right { border-radius: 0 4px 4px 0 !important;}
.rounded-bottom { border-radius: 0 0 4px 4px !important;}

/*Others
------------------------------------*/
.overflow-h { overflow: hidden;}
.overflow-a { overflow: auto;}
.overflow-hidden { overflow: hidden;}

.clear-both { clear: both;}

/*Display*/
.dp-none { display: none;}
.dp-block { display: block;}
.dp-table { display: table;}
.dp-inline-block { display: inline-block;}
.dp-table-cell {
	display: table-cell;
	vertical-align: middle;
}

/*Font Size*/
.text-light {
	font-weight: 200;
}
.text-normal {
	font-weight: 400;
}
.text-bold {
	font-weight: 600 !important;
}

/*Full Width*/
.full-width {
	width: 100%;
}

/*Equal Height Columns*/
@media (max-width: 767px) {
	.equal-height-column {
		height: auto !important;
	}
}

/*Image Classes*/
.img-width-60 { width: 60px;}
.img-width-200 { width: 200px;}
.lft-img-margin { margin:0 20px 5px 0;}
.rgt-img-margin { margin:0 0 5px 10px;}

img.img-center,
.img-center img {
	margin-left: auto;
	margin-right: auto;
}

/*Background Light*/
.bg-light {
 padding: 10px 15px;
 margin-bottom: 10px;
 background: #fcfcfc;
 border: solid 1px #e5e5e5;
}
.bg-light:hover {
	 border: solid 1px #bbb;
}

/*CSS3 Hover Effects*/
.hover-effect {
 transition: all 0.4s ease-in-out;
}

.hover-effect-kenburn {
 left:10px;
 margin-left:-10px;
 position:relative;
 transition: all 0.8s ease-in-out;
}
.hover-effect-kenburn:hover {
 transform: scale(2) rotate(5deg);
}

/*Scroll Icon*/
.scroll-btn-icon,
.scroll-btn-icon:before {
	position: absolute;
	left: 50%;
}
.scroll-btn-icon {
	width: 30px;
	z-index: 2;
	height: 50px;
	bottom: 30px;
	margin-left: -25px;
	border-radius: 25px;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
}
.scroll-btn-icon-dark {
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
}
.scroll-btn-icon:before {
	top: 8px;
	width: 8px;
	height: 8px;
	content: '';
	background: #fff;
	margin-left: -4px;
	border-radius: 4px;
	animation-name: scroll;
	animation-duration: 1.5s;
	-webkit-animation-name: scroll;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
.scroll-btn-icon-dark:before {
	background: #333;
}
@-webkit-keyframes scroll {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(36px);
		-webkit-transform: translateY(36px);
	}
}
@keyframes scroll {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(36px);
		-webkit-transform: translateY(36px);
	}
}

/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.9.2
 * Author: @htmlstream
 * Website: //htmlstream.com
*/


/*[-----*** TABLE OF CONTENT ***-----]

1. Promo Blocks
2. Breadcrumbs
  2.1 - Breadcrumbs v1
  2.2 - Breadcrumbs v2
  2.3 - Breadcrumbs v3
3. Image Hover Effects
4. Block Grid
  4.1 - Block Grid v1
  4.2 - Block Grid v2
5. Services Box v1
6. Service Block
  6.1 - Service Block v1
  6.2 - Service Block v2
  6.3 - Service Block v3
  6.4 - Service Block v4
  6.5 - Service Block v5
  6.6 - Service Block v6
  6.7 - Service Block v7
  6.8 - Service Block v8
  6.# - Colored Content Boxes
  6.# - Funny Boxes
7. Process
8. Team
	8.1 - Team v1
	8.2 - Team v2
	8.3 - Team v3
	8.4 - Team v4
	8.5 - Team v5
	8.6 - Team v6
	8.7 - Team v7
9. Call To Action
  9.1 - Call To Action v1
  9.2 - Call To Action v2
10. Portfolio Box
  10.1 - Portfolio Box v1
11. Portfolio Boxes
	11.1 Portfolio Box v1
	11.2 Portfolio Box v2
12. Thumbnail
13. Image Backgrounds
  13.1 - Image Backgrounds v1
  13.2 - Image Backgrounds v2
14. Parallax Quote
15. Parallax Team
16. Parallax Counter
  16.1 - Parallax Counter v1
  16.2 - Parallax Counter v2
  16.3 - Parallax Counter v3
  16.4 - Parallax Counter v4
17. Flat Background Block
18. Flat Testimonials
19. Testimonials
  19.1 - Testimonials v4
  19.2 - Testimonials v5
  19.3 - Testimonials v6
  19.4 - Other Testimonials
  19.5 - Other Testimonials 1
20. Featured Blog
21. Blog Comments
22. Quote
	22.1 - Quote v2
23. Team Social
24. Box Shadows
25. Interactive Slider
  25.1 - Interactive Slider v1
  25.2 - Interactive Slider v2
26. Blog Trending
27. Blog Latest Posts
28. Blog Photostream
29. Newsletter
30. Blog Post Quote
31. Blog Post Author
32. Blog Comments
33. News
  33.1 - News v1
  33.2 - News v2
  33.3 - News v3
34. Blog Grid
35. Blog Thumb
36. Shop Subscribe
37. Parallax Slider (Main)
38. Master Slider
39. Revolution Slider
40. Layer Slider
41. Clients Carousel
42. Pie Chart
43. Counter
44. Back To Top
45. Owl Carousel
	45.1 - Recent Works (Owl Carousel)
	45.2 - Parallax Twitter (Owl Carousel)
	45.3 - Clients Section (Owl Carousel)
	45.4 - Owl Video
46. Bootstrap Carousels
	46.1 - Bootstrap Carousel v1
	46.2 - Bootstrap Carousel v2
47. Tabs
	47.1 - Tab v1
	47.2 - Tab v2
	47.3 - Tab v3
	47.4 - Tab v4
	47.5 - Tab v5
	47.6 - Tab v6
48. Accordions
49. Paginations
50. Pagers
	50.1 - Pagers Default
	50.2 - Pagers v2
	50.3 - Pagers v3
	50.4 - Pagers v4
51. Sidebar Menu
	51.1 - Sidebar Menu v1
52. Content Boxes
	52.1 - Content Boxes v1
	52.2 - Content Boxes v2
	52.3 - Content Boxes v3
	52.4 - Content Boxes v4
	52.5 - Content Boxes v5
	52.6 - Content Boxes v6
53. Tagline Boxes
	53.1 - Tagline Boxes v1
	53.2 - Tagline Boxes v2
	53.3 - Tagline Boxes v3
	53.4 - Tagline Boxes v4
	53.5 - Tagline Boxes v5
	53.6 - Tagline Boxes v6
	53.7 - Tagline Boxes v6
54. Tags
	54.1 - Tags v1
	54.2 - Tags v2
	54.3 - Tags v3
	54.4 - Tags v4

##. Main Page Styles

-------------------------------------------------------------*/


/*--------------------------------------------------
	[1. Promo Blocks]
----------------------------------------------------*/


/*Promo Background Images*/

.promo-bg-pattern-v1-dark { background: url(../img/patterns/5.png) repeat; }

.promo-bg-pattern-v1-light { background: url(../img/patterns/16.png) repeat; }


/*Promo Background Images*/

.promo-bg-img-v1 { background: url(../img/bg/img1.jpg) no-repeat; background-size: cover; }

.promo-bg-img-v2 { background: url(../img/bg/img5.jpg) no-repeat; background-size: cover; }

.promo-bg-img-v3 { background: url(../img/bg/img10.jpg) no-repeat; background-size: cover; }

.promo-bg-img-v4 { background: url(../img/bg/img11.jpg) no-repeat; background-size: cover; }

.promo-bg-img-v5 { background: url(../img/bg/img6.jpg) no-repeat; background-size: cover; }


/*Promo Background Fixed*/

.promo-bg-fixed { background-attachment: fixed; }


/*Promo Texts v1*/

.promo-text-v1 { padding: 3px 0; font-size: 20px; font-weight: 600; display: inline-block; border-bottom: solid 2px #fff; }

    .promo-text-v1.color-dark { border-color: #555; }


/*Promo Texts v2*/

.promo-text-v2 { font-size: 55px; font-weight: 600; line-height: 63px; }


/*Promo Video Icon*/

.promo-video-icon-wrap { width: 64px; height: 64px; font-size: 18px; line-height: 70px; display: inline-block; transition: all .3s ease-in-out; }

    .promo-video-icon-wrap:hover { color: #333; text-decoration: none; }

    .promo-video-icon-wrap.color-light { color: #333; background: rgba(255, 255, 255, 1); }

        .promo-video-icon-wrap.color-light:hover { background: rgba(255, 255, 255, .9); }

    .promo-video-icon-wrap.color-dark { color: #fff; background: rgba(0, 0, 0, .8); }

        .promo-video-icon-wrap.color-dark:hover { color: #fff; background: rgba(0, 0, 0, .9); }

.promo-video-icon { left: 3px; position: relative; }


/*--------------------------------------------------
	[2. Breadcrumbs]
----------------------------------------------------*/


/*Default Breadcrumbs*/

.breadcrumbs { overflow: hidden; padding: 5px 0 5px; border-bottom: solid 1px #eee; }

.video-business-img1 { background: url(../video/youtube-business/video-business-img1.jpg) no-repeat center; background-size: cover; /*Scales the background image to be as large as possible*/ }

.breadcrumbs h3 { color: #666; font-size: 16px; margin-top: 8px; }

.breadcrumb { top: 10px; z-index: 1; padding-right: 0; background: none; position: relative; }

    .breadcrumb a { color: #777; }

    .breadcrumb li.active,
    .breadcrumb li a:hover { color: #27aede; text-decoration: none; }

@media (max-width: 550px) {
    .breadcrumbs h1.pull-left,
    .breadcrumbs ul.pull-right { width: 100%; text-align: center; }
    .breadcrumbs h1.pull-left { margin-bottom: 0; }
    .breadcrumbs .breadcrumb { top: 0; margin-bottom: 10px; }
}


/*Breadcrumbs Dark and Light*/

.breadcrumbs.breadcrumbs-dark,
.breadcrumbs.breadcrumbs-light { background: #222; padding: 30px 0 20px; border-bottom: solid 3px #777; }

.breadcrumbs.breadcrumbs-light { background: #f7f7f7; border-bottom: 1px solid #eee; }

    .breadcrumbs.breadcrumbs-dark h1,
    .breadcrumbs.breadcrumbs-dark a,
    .breadcrumbs.breadcrumbs-light h1,
    .breadcrumbs.breadcrumbs-light a { color: #fff; font-weight: 200; }

    .breadcrumbs.breadcrumbs-light h1,
    .breadcrumbs.breadcrumbs-light a { color: #555; }

.breadcrumbs.breadcrumbs-dark h1 { font-size: 24px; }

.breadcrumbs.breadcrumbs-light h1 { font-size: 26px; }


/*Breadcrumbs Sizes*/

.breadcrumbs-sm { padding: 50px 0; }

.breadcrumbs-md { padding: 100px 0; }

.breadcrumbs-lg { padding: 200px 0; }


/*Breadcrumbs v1 and v3
------------------------------------*/

.breadcrumbs-v1,
.breadcrumbs-v3 { transition: all 0.8s ease-in-out; }


/*Breadcrumbs v1
------------------------------------*/

.breadcrumbs-v1 { padding: 100px 0; position: relative; background: url(../img/breadcrumbs/img1.jpg) center no-repeat; background-size: cover; /*Scales the background image to be as large as possible*/ }

    .breadcrumbs-v1:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.15); }

    .breadcrumbs-v1 span,
    .breadcrumbs-v1 h1 { color: #fff; z-index: 1; position: relative; }

    .breadcrumbs-v1 span { font-size: 24px; font-weight: 200; margin-bottom: 5px; display: inline-block; }

    .breadcrumbs-v1 h1 { font-size: 50px; margin-bottom: 0; line-height: 55px; text-transform: uppercase; }

@media (max-width: 768px) {
    .breadcrumbs-v1 { padding: 50px 0; }
        .breadcrumbs-v1 h1 { font-size: 40px; line-height: 45px; }
}


/*Breadcrumbs v2
------------------------------------*/

.breadcrumbs-v2 { text-align: center; position: relative; background: url(../img/bg/11.jpg) no-repeat center; }

.breadcrumbs-v2-in { padding: 80px 0; position: relative; }

.breadcrumbs-v2 h1 { color: #fff; text-transform: uppercase; }

.breadcrumb-v2 li a,
.breadcrumb-v2 li.active { color: #fff; }

.breadcrumb-v2 li i { color: #fff; min-width: 19px; padding: 3px 7px; margin-right: 5px; text-align: center; border: 1px solid #fff; }


/*Breadcrumbs v3
------------------------------------*/

.breadcrumbs-v3 { z-index: 1; padding: 100px 0; position: relative; }

    .breadcrumbs-v3.breadcrumbs-lg { padding: 200px 0; }
    .breadcrumbs-v3 { background-repeat: no-repeat; background-size: cover; background-position: center center; }

    .breadcrumbs-v3:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.2); }

    .breadcrumbs-v3 h1 { color: #fff; font-size: 40px; line-height: 50px; text-transform: uppercase; }

    .breadcrumbs-v3 p { color: #fff; font-size: 24px; font-weight: 200; margin-bottom: 0; text-transform: uppercase; }

@media (max-width: 992px) {
    .breadcrumbs-v3.breadcrumbs-lg { padding: 100px 0; }
}

@media (max-width: 768px) {
    .breadcrumbs-v3,
    .breadcrumbs-v3.breadcrumbs-lg { padding: 50px 0; }
        .breadcrumbs-v3 h1 { font-size: 30px; line-height: 40px; }
        .breadcrumbs-v3 p { font-size: 18px; }
}


/*--------------------------------------------------
	[3. Image Hover Effects]
----------------------------------------------------*/


/*Image Hover v1*/

.img-hover-v1 span { display: block; overflow: hidden; position: relative; }

    .img-hover-v1 span:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; }

.img-hover-v1:hover span:after { background: rgba(0, 0, 0, 0.3); }

.img-hover-v1 img,
.img-hover-v2 img,
.img-hover-v1 span:after { transition: all 0.5s ease-in-out; }

.img-hover-v1:hover img { transform: scale(1.1); }


/*Image Hover v2*/

.img-hover-v2 img { filter: grayscale(100%); -webkit-filter: grayscale(100%); }

.img-hover-v2:hover img { filter: grayscale(0); -webkit-filter: grayscale(0); }


/*--------------------------------------------------
	[4. Block Grid]
----------------------------------------------------*/


/*Block Grid v1
------------------------------------*/

.block-grid-v1 { background: #fff; padding: 15px 15px 5px; border-bottom: solid 2px #eee; transition: all 0.4s ease-in-out; }

    .block-grid-v1:hover { border-color: #72c02c; }

    .block-grid-v1 img { margin-bottom: 10px; }

        .block-grid-v1 img.block-grid-v1-img { width: 35px; height: 35px; margin-top: 8px; }

    .block-grid-v1.content-boxes-v1 img.pull-left { float: inherit !important; }

    .block-grid-v1 h3 a { font-size: 22px; font-weight: 200; margin-right: 10px; }

    .block-grid-v1.content-boxes-v1 h3 { margin-bottom: 0; }

        .block-grid-v1.content-boxes-v1 h3 a { color: #555; }


    /*Star Vote*/

    .block-grid-v1 .star-vote { padding: 0; margin-bottom: 10px; vertical-align: middle; }

        .block-grid-v1 .star-vote li { padding: 0; font-size: 11px; display: inline-block; }


/*Additional Info*/

.block-grid-v1-add-info { margin: 0; padding-top: 15px; border-top: solid 1px #eee; }

    .block-grid-v1-add-info li { padding: 0; margin-right: 3px; margin-bottom: 10px; }

        .block-grid-v1-add-info li a { font-size: 11px; padding: 4px 7px; text-decoration: none; border: solid 2px #eee; border-radius: 3px !important; }


/*Block Grid v2
------------------------------------*/

.block-grid-v2 { padding: 0; }

    .block-grid-v2 li { list-style: none; position: relative; -webkit-backface-visibility: hidden; /*For Chrome*/ }

.block-grid-v2-info { padding: 15px; text-align: center; background: #f9f9f9; border-bottom: solid 3px #eee; transition: all 0.4s ease-in-out; }

.block-grid-v2 li:hover .block-grid-v2-info { border-color: #72c02c; }

.block-grid-v2-info h3 { font-size: 22px; font-weight: 200; margin-bottom: 10px; }

.block-grid-v2-info .star-vote li { padding: 2px; font-size: 16px; }


/*--------------------------------------------------
	[5. Services Box]
----------------------------------------------------*/


/* Services Box v1
------------------------------------*/

.service-box-v1 .service-block { background: #fff; padding-top: 30px; padding-bottom: 20px; }

.service-box-v1 p { position: relative; margin-bottom: 50px; }

    .service-box-v1 p:after { content: " "; left: 50%; height: 1px; width: 50px; bottom: -15px; position: absolute; margin-left: -25px; background: #72c02c; }

.service-box-v1 ul { padding: 0 40px; }

.service-box-v1 li { margin: 8px 0; font-size: 15px; padding-top: 8px; border-top: dotted 1px #72c02c; }

    .service-box-v1 li:hover { color: #72c02c; }

    .service-box-v1 li:first-child { padding-top: 0; border-top: none; }


/*--------------------------------------------------
	[6. Service Block ]
----------------------------------------------------*/


/*Service Block v1
------------------------------------*/

.service-block-v1 { margin-top: 20px; text-align: center; position: relative; padding: 45px 20px 20px; border: 1px solid #f2f2f2; }

    .service-block-v1 i { left: 50%; top: -30px; color: #fff; width: 60px; height: 60px; font-size: 26px; line-height: 62px; margin-left: -30px; text-align: center; position: absolute; background: #72c02c; display: inline-block; }

    .service-block-v1 h3,
    .service-block-v1 p { margin-bottom: 20px; }


/*Service Block v2 (used in page_404_error2.html)
------------------------------------*/

.service-block-v2 .service-block-in { padding: 20px 30px; text-align: center; margin-bottom: 15px; background: rgba(255, 255, 255, 0.2); }

    .service-block-v2 .service-block-in i { font-size: 40px; }

    .service-block-v2 .service-block-in h4 { line-height: 25px; }

    .service-block-v2 .service-block-in p { margin-bottom: 20px; }

    .service-block-v2 .service-block-in i,
    .service-block-v2 .service-block-in h4,
    .service-block-v2 .service-block-in p { color: #fff; }


/*Service Block v3 (used in profile pages)
------------------------------------*/

.service-block-v3 { padding: 20px; }

    .service-block-v3 i { color: #fff; float: left; font-size: 50px; margin: 0 20px 20px 0; }

    .service-block-v3 .service-heading,
    .service-block-v3 .service-in small { color: #fff; opacity: 0.8; line-height: 1; }

    .service-block-v3 .service-in h4,
    .service-block-v3 .counter { color: #fff; }

    .service-block-v3 .service-heading { font-size: 16px; text-transform: uppercase; }

    .service-block-v3 .counter { display: block; line-height: 1; font-size: 30px; }

    .service-block-v3 .progress { margin-bottom: 7px; }


    /*Service Innner*/

    .service-block-v3 .service-in small { font-size: 16px; text-transform: uppercase; }

    .service-block-v3 .service-in h4 { font-size: 16px; line-height: 0.8; margin-bottom: 0; }


    /*Statistics*/

    .service-block-v3 .statistics .heading-xs { color: #fff; opacity: 0.8; }

    .service-block-v3 .statistics small { color: #fff; }

    .service-block-v3 .statistics .progress { background: #bbb; }

    .service-block-v3 .statistics .progress-bar-light { background: #fff; }


/*Service Block v4
------------------------------------*/

.service-block-v4 { position: relative; background: #f7f7f7; }

    .service-block-v4:after { top: 0; width: 0; height: 0; left: 50%; content: ''; margin-left: -20px; position: absolute; border-style: solid; border-width: 25px 20px 0 20px; border-color: #fff transparent transparent transparent; }

    .service-block-v4 .service-desc { text-align: center; }

        .service-block-v4 .service-desc i { color: #72c02c; display: block; font-size: 30px; margin-bottom: 20px; }

        .service-block-v4 .service-desc h3 { font-size: 18px; margin-bottom: 15px; text-transform: uppercase; }


/*Service Block v5
------------------------------------*/

.service-block-v5 { text-align: center; background: #f7f7f7; }

    .service-block-v5 .service-inner { padding: 80px 40px; }

        .service-block-v5 .service-inner i { margin-bottom: 30px; }

        .service-block-v5 .service-inner span { display: block; font-size: 18px; font-weight: 200; margin-bottom: 15px; text-transform: uppercase; }

    .service-block-v5 .service-border { border-left: 1px solid #eee; border-right: 1px solid #eee; }

@media (max-width: 992px) {
    .service-block-v5 .service-border { border-left: none; border-right: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
}


/*Service Block v6
------------------------------------*/

.service-block-v6 i { float: left; margin: 5px 15px 0 0; }

.service-block-v6 .service-desc { overflow: hidden; }

    .service-block-v6 .service-desc h2 { font-size: 18px; margin: 0 0 10px; text-transform: uppercase; }

    .service-block-v6 .service-desc a { text-transform: uppercase; }


/*Service Block v7
------------------------------------*/

.service-block-v7 { margin-top: 20px; text-align: center; position: relative; border: 1px solid #ddd; padding: 45px 20px 20px; }

    .service-block-v7 i { left: 50%; top: -25px; color: #fff; width: 45px; height: 45px; font-size: 22px; line-height: 46px; text-align: center; position: absolute; background: #72c02c; margin-left: -22.5px; display: inline-block; }

    .service-block-v7 h3,
    .service-block-v7 p { margin-bottom: 20px; }


/*Service Block v8
------------------------------------*/

.service-block-v8 { padding: 25px; background: #fff; }

    .service-block-v8 i { color: #555; float: left; font-size: 22px; margin: 5px 25px 0 0; }

    .service-block-v8 .service-block-desc { overflow: hidden; }

        .service-block-v8 .service-block-desc h3 { font-size: 18px; margin: 0 0 30px; position: relative; text-transform: uppercase; }

            .service-block-v8 .service-block-desc h3:after { left: 0; top: 40px; height: 1px; width: 30px; content: " "; position: absolute; background: #72c02c; }


/*Colored Content Boxes
------------------------------------*/

.service-block { padding: 60px 30px; text-align: center; margin-bottom: 20px; }

    .service-block p,
    .service-block h2 { color: #fff; }

        .service-block h2 a:hover { text-decoration: none; }

.service-block-light,
.service-block-default { background: #fafafa; border: solid 1px #eee; }

    .service-block-default:hover { box-shadow: 0 0 8px #eee; }

    .service-block-light p,
    .service-block-light h2,
    .service-block-default p,
    .service-block-default h2 { color: #555; }

.service-block-u { background: #72c02c; }

.service-block-blue { background: #3498db; }

.service-block-red { background: #e74c3c; }

.service-block-sea { background: #1abc9c; }

.service-block-grey { background: #95a5a6; }

.service-block-yellow { background: #f1c40f; }

.service-block-orange { background: #e67e22; }

.service-block-green { background: #2ecc71; }

.service-block-purple { background: #9b6bcc; }

.service-block-aqua { background: #27d7e7; }

.service-block-brown { background: #9c8061; }

.service-block-dark-blue { background: #4765a0; }

.service-block-light-green { background: #79d5b3; }

.service-block-dark { background: #555; }

.service-block-light { background: #ecf0f1; }


/* Funny Boxes
------------------------------------*/

.funny-boxes { background: #f7f7f7; padding: 20px 20px 15px; transition: all 0.3s ease-in-out; }

    .funny-boxes h2 { margin-top: 0; font-size: 18px; line-height: 20px; }

        .funny-boxes h2 a { color: #555; }

    .funny-boxes p a { color: #72c02c; }

    .funny-boxes .funny-boxes-img li { font-size: 12px; margin-bottom: 2px; }

        .funny-boxes .funny-boxes-img li i { color: #72c02c; font-size: 12px; margin-right: 5px; }

@media (max-width: 992px) {
    .funny-boxes .funny-boxes-img li { display: inline-block; }
}

.funny-boxes .funny-boxes-img img { margin: 5px 10px 15px 0; }

.funny-boxes ul.funny-boxes-rating li { display: inline-block; }

    .funny-boxes ul.funny-boxes-rating li i { color: #f8be2c; cursor: pointer; font-size: 14px; }

        .funny-boxes ul.funny-boxes-rating li i:hover { color: #f8be2c; }


/*Funny Colored Boxes*/

.funny-boxes-colored p,
.funny-boxes-colored h2 a,
.funny-boxes-colored .funny-boxes-img li,
.funny-boxes-colored .funny-boxes-img li i { color: #fff; }


/*Red Funny Box*/

.funny-boxes-red { background: #e74c3c; }


/*Dark Red Funny Box*/

.funny-boxes-purple { background: #9b6bcc; }


/*Blue Funny Box*/

.funny-boxes-blue { background: #3498db; }


/*Grey Funny Box*/

.funny-boxes-grey { background: #95a5a6; }


/*Turquoise Funny Box*/

.funny-boxes-sea { background: #1abc9c; }


/*Turquoise Top Bordered Funny Box*/

.funny-boxes-top-sea { border-top: solid 2px #1abc9c; }

    .funny-boxes-top-sea:hover { border-top-color: #16a085; }


/*Yellow Top Bordered Funny Box**/

.funny-boxes-top-yellow { border-top: solid 2px #f1c40f; }

    .funny-boxes-top-yellow:hover { border-top-color: #f39c12; }


/*Red Top Bordered Funny Box**/

.funny-boxes-top-red { border-top: solid 2px #e74c3c; }

    .funny-boxes-top-red:hover { border-top-color: #c0392b; }


/*Purple Top Bordered Funny Box**/

.funny-boxes-top-purple { border-top: solid 2px #9b6bcc; }

    .funny-boxes-top-purple:hover { border-top-color: #814fb5; }


/*Orange Left Bordered Funny Box**/

.funny-boxes-left-orange { border-left: solid 2px #e67e22; }

    .funny-boxes-left-orange:hover { border-left-color: #d35400; }


/*Green Left Bordered Funny Box**/

.funny-boxes-left-green { border-left: solid 2px #72c02c; }

    .funny-boxes-left-green:hover { border-left-color: #5fb611; }


/*Blue Left Bordered Funny Box**/

.funny-boxes-left-blue { border-left: solid 2px #3498db; }

    .funny-boxes-left-blue:hover { border-left-color: #2980b9; }


/*Dark Left Bordered Funny Box**/

.funny-boxes-left-dark { border-left: solid 2px #555; }

    .funny-boxes-left-dark:hover { border-left-color: #333; }


/*--------------------------------------------------
	[7. Process]
----------------------------------------------------*/


/*Process v1
------------------------------------*/

.process-v1 .process-in { text-align: center; }

    .process-v1 .process-in > li i { z-index: 1; width: 30px; height: 30px; position: relative; text-align: center; background: #72c02c; margin-bottom: 15px; display: inline-block; border: solid 9px #fff; }

        .process-v1 .process-in > li i:after { top: -9px; left: -9px; right: -9px; bottom: -9px; content: " "; border-radius: 50%; position: absolute; border: 1px solid #bbb; }


    /*Process Description*/

    .process-v1 .process-in .process-desc { padding: 0 20px; }

    .process-v1 .process-in > li h3 { font-size: 16px; font-weight: 600; margin: 0 0 10px; text-transform: uppercase; }


/*Process Border*/

.process-v1 .process-border { position: relative; }

    .process-v1 .process-border:before { top: 15px; width: 75%; left: 12%; content: " "; display: block; position: absolute; border-top: solid 2px #ddd; }

@media (max-width: 768px) {
    .process-v1 .process-border:before { border: none; }
}


/*--------------------------------------------------
	[8. Team]
----------------------------------------------------*/


/* Team v1
------------------------------------*/

.team-v1 ul { position: relative; }


/*Team Image*/

.team-v1 li > .team-img { position: relative; }

    .team-v1 li > .team-img:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: transparent; transition: all 0.4s ease-in-out; }

.team-v1 li:hover > .team-img:after { background: rgba(0, 0, 0, 0.5); }


/*Team Socials*/

.team-v1 li > .team-img ul { left: 0; top: 45%; z-index: 1; padding: 0; width: 100%; height: 36px; list-style: none; margin-top: -18px; text-align: center; visibility: hidden; position: absolute; transition: all 0.2s ease-in-out; }

.team-v1 li:hover > .team-img ul { top: 50%; visibility: visible; }

.team-v1 li > .team-img ul li { margin: 0 5px; text-align: center; display: inline-block; }

.team-v1 li > .team-img li i { color: #eee; border-width: 2px; border-color: #eee; transition: all 0.1s ease-in-out; }

    .team-v1 li > .team-img li i.fa-twitter:hover { color: #fff; background: #3498db; border-color: #3498db; }

    .team-v1 li > .team-img li i.fa-facebook:hover { color: #fff; background: #4765a0; border-color: #4765a0; }

    .team-v1 li > .team-img li i.fa-google-plus:hover { color: #fff; background: #e74c3c; border-color: #e74c3c; }


/*Team Discription*/

.team-v1 li > h3 { color: #000; font-size: 18px; line-height: 20px; margin: 15px 0 7px; text-transform: uppercase; }

.team-v1 li > h4 { color: #999; font-size: 11px; line-height: 16px; text-transform: uppercase; }

.team-v1 li > p { margin: 20px 0; position: relative; }

    .team-v1 li > p:before { left: 0; top: -10px; height: 1px; width: 40px; content: " "; position: absolute; background: #bbb; transition: all 0.4s ease-in-out; }

.team-v1 li:hover > p:before { width: 100%; background: #72c02c; }


/*Team v2
------------------------------------*/

.team-v2 { position: relative; margin-bottom: 20px; }

    .team-v2 img { width: 100%; }

    .team-v2 .inner-team { padding: 20px; background: #fff; text-align: center; }

        .team-v2 .inner-team h3 { margin: 0; }

        .team-v2 .inner-team small { display: block; font-size: 12px; margin-bottom: 7px; }

        .team-v2 .inner-team p { font-size: 13px; }

        .team-v2 .inner-team hr { margin: 10px 0 15px; }


/*Team-Social (Temporary)*/

.team-social { margin-bottom: 0; }

    .team-social li { padding: 0 2px; }

        .team-social li a { font-size: 14px; padding: 6px 4px; text-align: center; border-radius: 50% !important; }

        .team-social li i { min-width: 20px; }

        .team-social li a.fb { color: #4862a3; border: 1px solid #4862a3; }

        .team-social li a.tw { color: #159ceb; border: 1px solid #159ceb; }

        .team-social li a.gp { color: #dc4a38; border: 1px solid #dc4a38; }

        .team-social li a:hover { text-decoration: none; }

        .team-social li a.fb:hover { color: #fff; background: #4862a3; }

        .team-social li a.tw:hover { color: #fff; background: #159ceb; }

        .team-social li a.gp:hover { color: #fff; background: #dc4a38; }


/*Team v3
------------------------------------*/

.team-v3 .team-img { position: relative; }

    .team-v3 .team-img:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; transition: all 0.4s ease-in-out; }

    .team-v3 .team-img:hover:after { background: rgba(0, 0, 0, 0.5); transition: all 0.2s ease-in-out; }

    .team-v3 .team-img > img { width: 100%; }


/*Team Hover Gradient*/

.team-v3 .team-hover { left: 0; top: 60%; z-index: 1; padding: 0; width: 100%; padding: 20px; list-style: none; margin-top: -90px; text-align: center; visibility: hidden; position: absolute; transition: all 0.2s ease-in-out; }

.team-v3 .team-img:hover .team-hover { top: 50%; visibility: visible; }

.team-v3 .team-hover span,
.team-v3 .team-hover small { color: #fff; display: block; }

.team-v3 .team-hover span { font-size: 18px; font-weight: 400; text-transform: uppercase; }

.team-v3 .team-hover small { font-size: 13px; font-weight: 200; margin-bottom: 10px; }

.team-v3 .team-hover p { color: #fff; font-weight: 200; margin-bottom: 20px; }


/*Team Social*/

.team-v3 .team-hover .team-social-v3 i { color: #fff; width: 33px; height: 33px; padding: 9px; font-size: 14px; text-align: center; display: inline-block; border: 1px solid #fff; }

    .team-v3 .team-hover .team-social-v3 i:hover { color: #666; background: #fff; text-decoration: none; transition: all 0.2s ease-in-out; }


/*Team v4
------------------------------------*/

.team-v4 { text-align: center; }

    .team-v4 img { width: 100%; margin-bottom: 20px; }

    .team-v4 span { color: #333; display: block; font-size: 18px; margin-bottom: 5px; text-transform: uppercase; }

    .team-v4 small { color: #999; display: block; font-size: 12px; font-style: italic; margin-bottom: 10px; }

    .team-v4 .team-social-v4 a { color: #555; font-size: 16px; }

        .team-v4 .team-social-v4 a:hover { color: #72c02c; text-decoration: none; }


/*Team v5
------------------------------------*/

.team-v5 { text-align: center; }

    .team-v5 span { color: #555; display: block; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; }

    .team-v5 small { display: block; color: #72c02c; font-size: 13px; font-style: italic; position: relative; margin-bottom: 25px; }

        .team-v5 small:after { left: 50%; top: 30px; height: 1px; width: 30px; content: " "; background: #777; margin-left: -15px; position: absolute; }

    .team-v5 .team-img { position: relative; }

        .team-v5 .team-img:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; transition: all 0.4s ease-in-out; }

        .team-v5 .team-img:hover:after { background: rgba(0, 0, 0, 0.5); transition: all 0.2s ease-in-out; }

        .team-v5 .team-img > img { width: 100%; margin-bottom: 20px; }


    /*Team Hover Gradient*/

    .team-v5 .team-hover { left: 0; top: 60%; z-index: 1; padding: 0; width: 100%; list-style: none; margin-top: -16px; text-align: center; visibility: hidden; position: absolute; transition: all 0.2s ease-in-out; }

    .team-v5 .team-img:hover .team-hover { top: 50%; visibility: visible; }


    /*Social Network-*/

    .team-v5 .team-hover .team-social-v5 i { color: #fff; width: 33px; height: 33px; padding: 9px; font-size: 14px; text-align: center; display: inline-block; border: 1px solid #fff; }

        .team-v5 .team-hover .team-social-v5 i:hover { color: #666; background: #fff; text-decoration: none; transition: all 0.2s ease-in-out; }


/*Team v6
------------------------------------*/

.team-v6 { text-align: center; }

    .team-v6 img { width: 100%; margin-bottom: 20px; }

    .team-v6 span { color: #777; display: block; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; }

    .team-v6 small { display: block; color: #72c02c; font-size: 13px; margin-bottom: 15px; }


/*Team v7
------------------------------------*/

.team-v7 .team-v7-in { padding: 0 50px; }

.team-v7 .team-v7-name { color: #555; display: block; font-size: 18px; margin-bottom: 5px; text-transform: uppercase; }

.team-v7 .team-v7-position { display: block; color: #72c02c; font-style: normal; margin-bottom: 15px; }

.team-v7 p { font-size: 14px; line-height: 24px; margin-bottom: 20px; }


/*Team Space*/

.team-v7 .team-v7-name { margin-top: 60px; }

.team-v7 .social-icons-v1 { margin-bottom: 60px; }


/*Team Image*/

.team-v7 .team-v7-img { position: relative; }

    .team-v7 .team-v7-img:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.1); }


/*Team Info*/

.team-v7 .team-arrow-right,
.team-v7 .team-arrow-left { position: relative; }

    .team-v7 .team-arrow-left:before,
    .team-v7 .team-arrow-right:before { width: 0; height: 0; top: 50%; margin-top: -25px; z-index: 2; content: " "; position: absolute; border-style: solid; }

    .team-v7 .team-arrow-right:before { right: -25px; border-width: 20px 0 20px 25px; border-color: transparent transparent transparent #fff; }

    .team-v7 .team-arrow-left:before { left: -25px; border-width: 20px 25px 20px 0; border-color: transparent #fff transparent transparent; }


/*Team Info Media Queries*/

@media (max-width: 991px) {
    /*Team Arrows*/
    .team-v7 .team-arrow-left:before,
    .team-v7 .team-arrow-right:before { top: auto; left: 70px; bottom: -25px; border-width: 25px 20px 0 20px; border-color: #fff transparent transparent transparent; }
    .team-v7 .team-arrow-left:before,
    .team-v7 .team-arrow-right:before { left: 70px; bottom: -25px; border-width: 25px 20px 0 20px; }
    /*Equal Height Columns*/
    .team-v7 .equal-height-column { height: auto !important; }
}


/*--------------------------------------------------
	[9. Call To Action]
----------------------------------------------------*/


/*Call To Action v1
------------------------------------*/

.call-action-v1 p { margin-top: 5px; font-size: 18px; font-weight: 200; margin-bottom: 0; }

.call-action-v1.call-action-v1-boxed { padding: 0 25px; }

.call-action-v1 .call-action-v1-box { width: 100%; display: table; padding: 30px 0; vertical-align: middle; }

.call-action-v1 .call-action-v1-in { display: table-cell; vertical-align: middle; }

    .call-action-v1 .call-action-v1-in.inner-btn { padding-top: 1px; min-width: 250px; text-align: right; }

@media (max-width: 992px) {
    .call-action-v1 .call-action-v1-in,
    .call-action-v1 .call-action-v1-in.inner-btn { display: block; text-align: center; }
        .call-action-v1 .call-action-v1-in p { margin-bottom: 20px; }
}


/*Call To Action v2
------------------------------------*/

.call-action-v2 { padding: 50px 0; text-align: center; background: url(../img/patterns/16.png); }

    .call-action-v2 h2 { font-size: 22px; text-transform: uppercase; }

    .call-action-v2 p { padding: 0 100px; margin-bottom: 20px; }

@media (max-width: 768px) {
    .call-action-v2 p { padding: inherit; }
}


/*--------------------------------------------------
	[10. Portfolio Box]
----------------------------------------------------*/


/*Portfolio Box*/

@media (min-width: 991px) and (max-width: 1199px) {
    .portfolio-box { margin-bottom: 60px; }
}

@media (min-width: 768px) and (max-width: 992px) {
    .portfolio-box { margin-bottom: 0; }
}

@media (max-width: 768px) {
    .portfolio-box { margin-bottom: 60px; }
}

.portfolio-box a.fancybox { overflow: hidden; position: relative; }

    .portfolio-box a.fancybox:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; }

    .portfolio-box a.fancybox:hover:after { background: rgba(0, 0, 0, 0.5); }

    .portfolio-box a.fancybox img { transition: all .5s ease; }

    .portfolio-box a.fancybox:hover img { transform: scale(1.1); }

.portfolio-box .portfolio-box-in { visibility: hidden; position: absolute; top: 50%; left: 50%; z-index: 1; color: #fff; background: #72c02c; font-size: 20px; text-align: center; line-height: 53px; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; }

.portfolio-box a.fancybox:hover .portfolio-box-in { visibility: visible; }


/*Project Tag*/

.portfolio-box small.project-tag { display: block; font-size: 12px; margin-bottom: 5px; }

    .portfolio-box small.project-tag,
    .portfolio-box small.project-tag a { color: #999; }

        .portfolio-box small.project-tag i { margin-right: 5px; }

        .portfolio-box small.project-tag a:hover { color: #72c02c; }


/*--------------------------------------------------
	[11. Portfolio Boxes]
----------------------------------------------------*/


/* Portfolio Box v1
------------------------------------*/

.portfolio-box-v1 { margin: 0; }

    .portfolio-box-v1 [class^="col-"] { padding: 0; overflow: hidden; }

    .portfolio-box-v1 li { background: #333; position: relative; -webkit-backface-visibility: hidden; /*For Chrome*/ }

        .portfolio-box-v1 li:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; }

        .portfolio-box-v1 li:hover:after { background: rgba(0, 0, 0, 0.7); }

        .portfolio-box-v1 li:after,
        .portfolio-box-v1 li:hover:after { transition: all 0.3s ease-in-out; }

        .portfolio-box-v1 li img { width: 100%; overflow: hidden; transition: all 0.3s ease-in-out; }

        .portfolio-box-v1 li:hover img { transform: scale(1.1); }

    .portfolio-box-v1 .portfolio-box-v1-in { left: 0; top: 50%; z-index: 1; width: 100%; visibility: hidden; min-height: 150px; margin-top: -75px; text-align: center; position: absolute; font-family: "Open Sans", Arial, sans-serif; }

    .portfolio-box-v1 li:hover .portfolio-box-v1-in { visibility: visible; }

    .portfolio-box-v1 .portfolio-box-v1-in h3 { font-size: 22px; margin-top: 20px; position: relative; margin-bottom: 20px; text-transform: uppercase; }

        .portfolio-box-v1 .portfolio-box-v1-in h3:after { left: 50%; height: 1px; width: 40px; content: " "; bottom: -10px; background: #fff; margin-left: -20px; position: absolute; }

    .portfolio-box-v1 .portfolio-box-v1-in p,
    .portfolio-box-v1 .portfolio-box-v1-in h3 { color: #fff; }

    .portfolio-box-v1 .portfolio-box-v1-in p { font-size: 16px; margin-bottom: 20px; }

    .portfolio-box-v1 .portfolio-box-v1-in a.btn-u { font-weight: normal; -webkit-backface-visibility: hidden; /*For Chrome*/ }


/*Portfolio Box v2
------------------------------------*/

.portfolio-box-v2 { margin: 0 0 60px; }

    .portfolio-box-v2 [class^="col-"] { padding: 0; overflow: hidden; }

    .portfolio-box-v2 li { background: #333; overflow: hidden; position: relative; -webkit-backface-visibility: hidden; /*For Chrome*/ }

        .portfolio-box-v2 li:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; }

        .portfolio-box-v2 li:hover:after { background: rgba(255, 255, 255, 0.6); }

        .portfolio-box-v2 li:after,
        .portfolio-box-v2 li:hover:after { transition: all 0.3s ease-in-out; }

        .portfolio-box-v2 li img { width: 100%; overflow: hidden; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.1); }

    .portfolio-box-v2 .portfolio-box-v2-in { left: 0; top: 50%; z-index: 1; width: 100%; visibility: hidden; min-height: 60px; margin-top: -30px; text-align: center; position: absolute; font-family: "Open Sans", Arial, sans-serif; }

    .portfolio-box-v2 li:hover .portfolio-box-v2-in { visibility: visible; }

    .portfolio-box-v2 .portfolio-box-v2-in i { color: #fff; width: 60px; height: 60px; padding: 20px; font-size: 22px; cursor: pointer; margin-right: 5px; text-align: center; display: inline-block; background: rgba(114, 192, 44, 0.8); }

        .portfolio-box-v2 .portfolio-box-v2-in i:hover { background: #72c02c; }


/*--------------------------------------------------
	[12. Thumbnail]
----------------------------------------------------*/


/*Thumbnail v1
------------------------------------*/

.thumbnails-v1 .thumbnail-img { margin-bottom: 12px; }

.thumbnails-v1 h3 { margin-bottom: 5px; }

    .thumbnails-v1 h3 a { color: #555; font-size: 15px; text-transform: uppercase; }

.thumbnails-v1 .read-more { color: #72c02c; font-size: 12px; text-transform: uppercase; }


/*--------------------------------------------------
	[13. Image Backgrounds]
----------------------------------------------------*/


/* Image Backgrounds v1
------------------------------------*/

.bg-image-v1 { width: 100%; height: auto; padding: 50px 0; position: relative; background: url(../img/bg/11.jpg) repeat fixed; background-size: cover; }

    .bg-image-v1:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.5); }


/*Image Backgrounds v2
------------------------------------*/

.bg-image-v2 { width: 100%; height: auto; padding: 50px 0; position: relative; background: url(../img/bg/7.jpg) repeat fixed; }

    .bg-image-v2:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(255, 255, 255, 0.7); }


/*Background Dark Cover*/

.bg-image-v2-dark:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.5); }

.bg-image-v2-dark h2,
.bg-image-v2-dark p { color: #eee !important; }


/*--------------------------------------------------
	[14. Parallax Quote]
----------------------------------------------------*/

.parallax-quote { color: #fff; padding: 100px 0; position: relative; text-align: center; background: url(../img/team/faces.jpg) 50% 0 repeat fixed; }

    .parallax-quote:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.8); }

    .parallax-quote:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: url(../img/patterns/gridtile.png) repeat; }


/*Parallax Quote Inner*/

.parallax-quote-in { z-index: 1; padding: 0 80px; position: relative; }

    .parallax-quote-in p { color: #fff; font-size: 28px; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; }

        .parallax-quote-in p:after,
        .parallax-quote-in p:before { content: ' " '; position: absolute; font-family: Tahoma; }

        .parallax-quote-in p:after { margin-left: 3px; }

        .parallax-quote-in p:before { margin-left: -15px; }

    .parallax-quote-in small { color: #bbb; font-size: 13px; font-weight: 400; text-transform: uppercase; }

@media (max-width: 768px) {
    .parallax-quote-in { padding: 0 40px; }
        .parallax-quote-in p { font-size: 20px; }
}


/*Parallax Quote Light*/

.parallax-quote-light:after { background: rgba(255, 255, 255, 0.9); }

.parallax-quote-light .parallax-quote-in { background: #fff; padding: 30px 80px; border-bottom: solid 2px #ddd; }

    .parallax-quote-light .parallax-quote-in p { color: #555; font-size: 28px; font-weight: 200; }

    .parallax-quote-light .parallax-quote-in small { color: #555; }

@media (max-width: 768px) {
    .parallax-quote-light .parallax-quote-in { padding: 30px 40px; }
        .parallax-quote-light .parallax-quote-in p { font-size: 20px; }
        .parallax-quote-light .parallax-quote-in small { font-weight: 200; }
}


/*--------------------------------------------------
	[15. Parallax Team]
----------------------------------------------------*/

.parallax-team { background: url(../img/team/faces.jpg) 50% 0 repeat fixed; }

    .parallax-team,
    .parallax-team .title-box-v2 { position: relative; }

        .parallax-team:before,
        .parallax-team-dark:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(255, 255, 255, 0.9); }


/*Parallax Team*/

.parallax-team { background: url(../img/team/faces.jpg) 50% 0 repeat fixed; }

    .parallax-team,
    .parallax-team .title-box-v2 { position: relative; }

.parallax-team-dark:before { background: rgba(0, 0, 0, 0.8); }


/*--------------------------------------------------
	[16. Parallax Counter]
----------------------------------------------------*/

.parallax-bg { background: url(../img/patterns/5.png) repeat fixed; }


/*Parallax Counter
------------------------------------*/

.parallax-counter { padding: 30px 0; background: url(../img/patterns/5.png) repeat fixed; }

    .parallax-counter .counters { color: #fff; padding: 15px 0; }

    .parallax-counter h4 { color: #999; font-size: 16px; text-transform: uppercase; }

    .parallax-counter span.counter { font-size: 48px; }


/*Parallax Counter v1
------------------------------------*/

.parallax-counter-v1 { padding: 60px 0; background: url(../img/patterns/5.png) repeat fixed; }

    .parallax-counter-v1 .counters { color: #fff; padding: 15px 0 10px; border: solid 1px #555; }

    .parallax-counter-v1 h4 { color: #eee; font-size: 16px; text-transform: uppercase; }

    .parallax-counter-v1 span.counter { font-size: 42px; line-height: 48px; }


/*Parallax Counter v2
------------------------------------*/

.parallax-counter-v2 { position: relative; padding: 80px 0 60px; background: url(../img/patterns/16.png) repeat fixed; }

    .parallax-counter-v2:after { top: 0; left: 50%; content: " "; margin-left: -25px; position: absolute; border-top: 25px solid #fff; border-left: 25px solid transparent; border-right: 25px solid transparent; }

    .parallax-counter-v2:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.02); }

    .parallax-counter-v2 .counters { padding: 20px 0; border-bottom: solid 2px #ddd; background: rgba(255, 255, 255, 0.9); }

        .parallax-counter-v2 .counters h4,
        .parallax-counter-v2 .counters span { color: #555; font-weight: 200; font-family: "Open Sans", Arial, sans-serif; }

        .parallax-counter-v2 .counters span { font-size: 36px; }

        .parallax-counter-v2 .counters h4 { font-size: 22px; text-transform: uppercase; }

@media (max-width: 992px) {
    .parallax-counter-v2 .counters { margin-bottom: 0 !important; }
}


/*Parallax Counter v3
------------------------------------*/

.parallax-counter-v3 { z-index: 1; height: auto; padding: 80px 0; overflow: hidden; text-align: center; position: relative; background: url(../img/bg/25.jpg) 50% 0 fixed; }

    .parallax-counter-v3:after { left: 0; bottom: 0; width: 100%; z-index: -1; content: " "; height: 100%; text-align: center; position: absolute; background: rgba(0, 0, 0, 0.5); }

    .parallax-counter-v3 .features { width: 130px; height: 130px; padding: 25px; position: relative; text-align: center; display: inline-block; border-radius: 50% !important; background: rgba(255, 255, 255, 0.2); }

        .parallax-counter-v3 .features:after { top: -9px; left: -9px; right: -9px; bottom: -9px; content: " "; border-radius: 50%; position: absolute; border: 1px solid #fff; }

        .parallax-counter-v3 .features span { color: #fff; display: block; font-weight: 200; }

            .parallax-counter-v3 .features span.counter { font-size: 30px; }

            .parallax-counter-v3 .features span.features-info { text-transform: uppercase; }

@media (max-width: 550px) {
    .parallax-counter-v3 .features { width: 110px; height: 110px; padding: 22px; }
        .parallax-counter-v3 .features:after { top: -7px; left: -7px; right: -7px; bottom: -7px; }
        .parallax-counter-v3 .features span.counter { font-size: 20px; }
        .parallax-counter-v3 .features span.features-info { font-size: 11px; }
}


/*Parallax Counter v4
------------------------------------*/

.parallax-counter-v4 { z-index: 1; height: auto; padding: 30px 0; overflow: hidden; text-align: center; position: relative; background: url(../img/bg/19.jpg) 50% 0 fixed; }

    .parallax-counter-v4:after { left: 0; bottom: 0; width: 100%; z-index: -1; content: " "; height: 100%; text-align: center; position: absolute; background: rgba(0, 0, 0, 0.5); }

    .parallax-counter-v4 i { color: #fff; display: block; font-size: 50px; margin-bottom: 20px; }

    .parallax-counter-v4 span.counter { color: #fff; font-size: 30px; font-weight: 400; margin-bottom: 10px; }

    .parallax-counter-v4 h4 { color: #fff; font-size: 18px; font-weight: 200; text-transform: uppercase; }


/*--------------------------------------------------
	[17. Flat Background Block]
----------------------------------------------------*/

.flat-bg-block-v1 { padding: 40px 0; background: url(../img/patterns/16.png) repeat; }

    .flat-bg-block-v1 .checked-list.first-child { float: left; margin-right: 100px; }

    .flat-bg-block-v1 .checked-list li { color: #888; margin-bottom: 5px; }

    .flat-bg-block-v1 .checked-list i { color: #72c02c; margin-right: 5px; }


    /*Image Over*/

    .flat-bg-block-v1 img.img-over { top: -70px; right: 10px; position: absolute; }

@media (min-width: 991px) and (max-width: 1199px) {
    .flat-bg-block-v1 img.img-over { top: -18px; }
}

@media (max-width: 991px) {
    .flat-bg-block-v1 img.img-over { position: static; }
}


/*--------------------------------------------------
	[18. Flat Testimonials]
----------------------------------------------------*/

.flat-testimonials { padding: 50px 0; background-color: #333; }

    .flat-testimonials .flat-testimonials-in { padding: 30px; text-align: center; background: rgba(255, 255, 255, 0.2); }

        .flat-testimonials .flat-testimonials-in img { width: 135px; height: 135px; margin: 0 auto 25px; }

        .flat-testimonials .flat-testimonials-in h3 { color: #fff; font-size: 22px; font-weight: 200; }

        .flat-testimonials .flat-testimonials-in span { display: block; margin-bottom: 5px; }

        .flat-testimonials .flat-testimonials-in p { color: #fff; font-weight: 200; position: relative; }

            .flat-testimonials .flat-testimonials-in p:before,
            .flat-testimonials .flat-testimonials-in p:after { top: 5px; font-size: 22px; line-height: 10px; position: relative; }

            .flat-testimonials .flat-testimonials-in p:before { content: "�?; padding-right: 5px; }

            .flat-testimonials .flat-testimonials-in p:after { content: "�?; padding-left: 5px; }


/*--------------------------------------------------
	[19. Testimonials]
----------------------------------------------------*/


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

.testimonials-v4 .testimonials-v4-in { background: #fff; position: relative; margin-bottom: 40px; padding: 20px 20px 20px 55px; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.1); }

    .testimonials-v4 .testimonials-v4-in:before { color: #bbb; font-size: 60px; content: "\201C"; position: absolute; margin: -25px 0 0 -40px; font-family: Georgia, serif; }

    .testimonials-v4 .testimonials-v4-in:after { width: 0; height: 0; left: 80px; content: " "; bottom: -30px; position: absolute; border-style: solid; border-width: 30px 30px 0 0; border-color: #fff transparent transparent transparent; filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.1)); }

    .testimonials-v4 .testimonials-v4-in p { color: #777; font-size: 14px; font-style: italic; }

.testimonials-v4 img { float: left; width: 60px; height: auto; margin: 0 20px; }

.testimonials-v4 .testimonials-author { color: #555; display: block; font-size: 14px; overflow: hidden; padding-top: 8px; text-transform: uppercase; }

    .testimonials-v4 .testimonials-author em { font-size: 13px; text-transform: capitalize; }


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

.testimonials-v5 { padding-top: 50px; padding-bottom: 50px; }

    .testimonials-v5 .testimonials-desc span { font-size: 13px; font-weight: 200; }

    .testimonials-v5 .testimonials-desc p { padding: 15px; position: relative; background: #f9f9f9; margin-bottom: 25px; }

        .testimonials-v5 .testimonials-desc p:after { width: 0; height: 0; left: 30px; color: #fff; bottom: -12px; content: " "; text-align: center; position: absolute; border-style: solid; border-width: 13px 10px 0 10px; border-color: #f9f9f9 transparent transparent transparent; }


    /*Testimonials By*/

    .testimonials-v5 .testimonials-by { margin-left: 20px; }

        .testimonials-v5 .testimonials-by img { float: left; width: 40px; height: auto; margin-right: 15px; }

        .testimonials-v5 .testimonials-by small { color: #72c02c; font-size: 12px; }

        .testimonials-v5 .testimonials-by span { text-transform: uppercase; }


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

.testimonials-v6.testimonials-wrap { padding-left: 70px; padding-right: 70px; }

.testimonials-v6 .testimonials-info { padding: 20px; background: #fff; border-bottom: solid 3px #eee; transition: all 0.4s ease-in-out; }

    .testimonials-v6 .testimonials-info:hover { border-color: #72c02c; }

    .testimonials-v6 .testimonials-info img { float: left; width: 80px; height: auto; margin-right: 20px; }

.testimonials-v6 .testimonials-desc { overflow: hidden; }

    .testimonials-v6 .testimonials-desc p { margin-bottom: 15px; }

    .testimonials-v6 .testimonials-desc strong,
    .testimonials-v6 .testimonials-desc span { color: #555; display: block; }

@media (max-width: 768px) {
    .testimonials-v6 .testimonials-wrap { padding-left: 0; padding-right: 0; }
}


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


/* Testimonials v3, v4 */

.testimonials-section3 .owl-stage-outer { margin-right: 1px; }

.testimonials-section3 .testimonials-item,
.testimonials-section4 .testimonials-item { border-right: solid 1px #eee; padding: 15px 15px 20px; }

    .testimonials-section4 .testimonials-item:last-child { border-right: none; }

.testimonials-section3 img,
.testimonials-section4 img { width: 74px !important; height: 74px !important; border-radius: 50%; background: #fff; padding: 3px; border: solid 1px #E6E6E6; margin: 0 auto 5px; display: block; }

.testimonials-section3 blockquote,
.testimonials-section4 blockquote { font-size: 15px; font-weight: 400; font-style: italic; line-height: 1.5; margin-bottom: 20px; border: none; }

    .testimonials-section3 blockquote p,
    .testimonials-section4 blockquote p { z-index: 9; position: relative; margin-bottom: 5px; }

.testimonials-section3 .testimonials-item strong,
.testimonials-section3 .testimonials-item em,
.testimonials-section4 .testimonials-item strong,
.testimonials-section4 .testimonials-item em { display: block; font-size: 14px; font-weight: 700; }

.testimonials-section3 .testimonials-item strong,
.testimonials-section4 .testimonials-item strong { padding-top: 10px; }

.testimonials-section3 .testimonials-item em,
.testimonials-section4 .testimonials-item em { font-style: normal; opacity: 0.7; font-weight: 400; }


/* Other Testimonials 1
------------------------------------*/


/*Testimonials*/

.testimonials { margin-bottom: 10px; }

    .testimonials .testimonial-info { color: #72c02c; font-size: 16px; padding: 0 15px; margin-top: 18px; }

        .testimonials .testimonial-info span { top: 3px; position: relative; }

        .testimonials .testimonial-info em { color: #777; display: block; font-size: 13px; }

        .testimonials .testimonial-info img { width: 60px; float: left; height: 60px; padding: 2px; margin-right: 15px; border: solid 1px #ccc; }

    .testimonials .testimonial-author { overflow: hidden; }

    .testimonials .carousel-arrow { top: -65px; position: relative; }

        .testimonials .carousel-arrow i { color: #777; padding: 2px; min-width: 25px; font-size: 20px; text-align: center; background: #f5f5f5; }

            .testimonials .carousel-arrow i:hover { color: #fff; background: #72c02c; }

    .testimonials .carousel-control { opacity: 1; width: 100%; text-align: right; text-shadow: none; position: absolute; filter: Alpha(opacity=100); /*For IE*/ }

        .testimonials .carousel-control.left { right: 27px; left: auto; }

        .testimonials .carousel-control.right { right: 0px; }


    /*Testimonials v1*/

    .testimonials.testimonials-v1 .item p { position: relative; }

        .testimonials.testimonials-v1 .item p:after,
        .testimonials.testimonials-v1 .item p:before { left: 80px; bottom: -20px; }

        .testimonials.testimonials-v1 .item p:after { border-top: 22px solid; border-left: 0 solid transparent; border-right: 22px solid transparent; }


    /*Testimonials v2*/

    .testimonials.testimonials-v2 .testimonial-info { padding: 0 20px; }

    .testimonials.testimonials-v2 p { padding-bottom: 15px; }

    .testimonials.testimonials-v2 .carousel-arrow { top: -55px; }

    .testimonials.testimonials-v2 .item p:after,
    .testimonials.testimonials-v2 .item p:before { left: 8%; bottom: 45px; }

    .testimonials.testimonials-v2 .item p:after { border-top: 20px solid; border-left: 25px solid transparent; border-right: 0px solid transparent; }


    /*General Testimonials v1/v2*/

    .testimonials.testimonials-v1 p,
    .testimonials.testimonials-v2 p { padding: 15px; font-size: 14px; font-style: italic; background: #f5f5f5; }

    .testimonials.testimonials-v1 .item p:after,
    .testimonials.testimonials-v2 .item p:after { width: 0; height: 0; content: " "; display: block; position: absolute; border-top-color: #f5f5f5; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ }


/*Testimonials Backgrounds*/

.testimonials-bg-dark .item p,
.testimonials-bg-default .item p { color: #fff; font-weight: 200; }

.testimonials-bg-dark .carousel-arrow i,
.testimonials-bg-default .carousel-arrow i { color: #fff; }


/*Testimonials Default*/

.testimonials-bg-default .item p { background: #72c02c; }

.testimonials.testimonials-bg-default .item p:after,
.testimonials.testimonials-bg-default .item p:after { border-top-color: #72c02c; }

.testimonials-bg-default .carousel-arrow i { background: #72c02c; }

.testimonials.testimonials-bg-default .carousel-arrow i:hover { background: #5fb611; }


/*Testimonials Dark*/

.testimonials-bg-dark .item p { background: #555; }

.testimonials.testimonials-bg-dark .item p:after,
.testimonials.testimonials-bg-dark .item p:after { border-top-color: #555; }

.testimonials-bg-dark .carousel-arrow i { color: #fff; background: #555; }

.testimonials.testimonials-bg-dark .carousel-arrow i:hover { background: #333; }

.testimonials.testimonials-bg-dark .testimonial-info { color: #555; }


/*--------------------------------------------------
	[20. Featured Blog]
----------------------------------------------------*/

.featured-blog h2 { font-size: 18px; margin: 0 0 25px; line-height: 25px; position: relative; }

    .featured-blog h2:after { left: 0; z-index: 1; width: 30px; height: 2px; content: " "; bottom: -10px; position: absolute; background: #72c02c; }

.featured-blog .featured-img { position: relative; }

    .featured-blog .featured-img:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; transition: all 0.4s ease-in-out; }

    .featured-blog .featured-img:hover:after { background: rgba(0, 0, 0, 0.3); transition: all 0.2s ease-in-out; }

    .featured-blog .featured-img > img { width: 100%; }


    /*Team Hover Gradient*/

    .featured-blog .featured-img i { top: 60%; left: 50%; z-index: 1; width: 100%; list-style: none; text-align: center; visibility: hidden; position: absolute; margin: -17.5px 0 0 -17.5px; transition: all 0.2s ease-in-out; }

    .featured-blog .featured-img:hover i { top: 50%; visibility: visible; }

    .featured-blog .featured-img i { color: #fff; width: 35px; height: 35px; padding: 11px; font-size: 14px; text-align: center; display: inline-block; background: rgba(255, 255, 255, 0.4); }

        .featured-blog .featured-img i:hover { color: #fff; background: #72c02c; text-decoration: none; transition: all 0.2s ease-in-out; }


/*--------------------------------------------------
	[21. Blog Comments]
----------------------------------------------------*/

.blog-comments img { width: 80px; height: auto; }

.blog-comments .comments-itself { background: #fff; padding: 20px 30px; position: relative; }

    .blog-comments .comments-itself:before { width: 0; height: 0; top: 20px; left: -17px; content: " "; position: absolute; border-style: solid; border-width: 15px 17px 15px 0; border-color: transparent #fff transparent transparent; }

    .blog-comments .comments-itself h3 { margin: 0 0 10px; }

    .blog-comments .comments-itself span { color: #999; float: right; font-size: 13px; }

    .blog-comments .comments-itself p { color: #999; }


/*Comments Reply*/

.blog-comments.blog-comments-reply { margin-left: 70px; }


/*Media Queries*/

@media (max-width: 768px) {
    .blog-comments .comments-itself:before { display: none; }
    .blog-comments .comments-itself:after { width: 0; height: 0; top: -17px; left: 20px; content: " "; position: absolute; border-style: solid; border-width: 0 15px 17px 15px; border-color: transparent transparent #fff transparent; }
}


/*--------------------------------------------------
	[22. Quote]
----------------------------------------------------*/

.quote-v1 { padding: 170px 0 150px; text-align: center; background: url(../img/patterns/5.png) repeat; }

    .quote-v1 p { color: #fff; font-size: 22px; font-weight: 200; padding: 0 100px; position: relative; margin-bottom: 20px; }

        .quote-v1 p:before { color: #72c02c; font-size: 60px; content: "\201C"; position: absolute; margin: -30px 0 0 -40px; font-family: Georgia, serif; }

    .quote-v1 span { color: #fff; font-size: 18px; }

@media (max-width: 768px) {
    .quote-v1 p { font-size: 18px; padding: 0 50px; }
}


/*Quote v2
------------------------------------*/

.quote-v2 { text-align: center; padding: 85px 10% 40px; }

    .quote-v2 p { color: #555; font-size: 16px; font-style: italic; position: relative; margin-bottom: 20px; }

        .quote-v2 p:before { left: 50%; top: -75px; font-size: 80px; content: "\201C"; position: absolute; margin-left: -25px; font-family: Georgia, serif; }

    .quote-v2 span { color: #555; font-weight: 400; }


/*--------------------------------------------------
	[23. Team Social]
----------------------------------------------------*/

.social-icons-v1 i { color: #555; width: 33px; height: 33px; padding: 9px; font-size: 14px; text-align: center; background: #f7f7f7; display: inline-block; }

    .social-icons-v1 i:hover { color: #fff; background: #72c02c; text-decoration: none; transition: all 0.2s ease-in-out; }

.social-icons-v1--dark i { color: #fff; background: #333; }


/*--------------------------------------------------
	[24. Box Shadows]
----------------------------------------------------*/

.shadow-wrapper { z-index: 1; position: relative; }


/*Common Style*/

.box-shadow { background: #fff; position: relative; }

    .box-shadow:after,
    .box-shadow:before { top: 80%; left: 5px; width: 50%; z-index: -1; content: ""; bottom: 15px; max-width: 300px; background: #999; position: absolute; }


/*Effect 1*/

.shadow-effect-1 { box-shadow: 0 10px 6px -6px #bbb; }


/*Effect 2,3,4*/

.shadow-effect-2 { position: relative; }

    .shadow-effect-2:after,
    .shadow-effect-2:before,
    .shadow-effect-3:before,
    .shadow-effect-4:after { transform: rotate(-3deg); box-shadow: 0 15px 10px #999; }

    .shadow-effect-2:after,
    .shadow-effect-4:after { left: auto; right: 5px; transform: rotate(3deg); }


/*Effect 5*/

.shadow-effect-5 { box-shadow: 0 0 2px #ccc; }


/*--------------------------------------------------
	[25. Interactive Slider]
----------------------------------------------------*/


/* Interactive Slider v1
------------------------------------*/

.interactive-slider-v1 { z-index: 1; padding: 130px 0; position: relative; }

    .interactive-slider-v1.img-v1 { background: url(../img/bg/18.jpg) no-repeat; background-size: cover; background-position: center center; }

    .interactive-slider-v1.img-v2 { background: url(../img/bg/19.jpg) no-repeat; background-size: cover; background-position: center center; }

    .interactive-slider-v1.img-v3 { background: url(../img/bg/18.jpg) no-repeat; background-size: cover; background-position: center center; }

    .interactive-slider-v1:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.3); }

    .interactive-slider-v1 h2 { color: #fff; font-size: 40px; font-weight: 600; text-transform: uppercase; }

    .interactive-slider-v1 p { color: #fff; font-size: 24px; font-weight: 200; text-transform: uppercase; }

@media (max-width: 768px) {
    .interactive-slider-v1 h2 { font-size: 30px; }
    .interactive-slider-v1 p { font-size: 18px; }
}


/*Interactive Slider v2
------------------------------------*/

.interactive-slider-v2 { z-index: 1; padding: 200px 0; position: relative; text-align: center; background: url(../img/bg/18.jpg) no-repeat; background-size: cover; background-position: center center; }

.interactive-slider-v2-md { padding: 250px 0; }

.interactive-slider-v2.img-v1 { background: url(../img/bg/25.jpg) no-repeat; background-size: cover; background-position: center center; }

.interactive-slider-v2.img-v2 { background: url(../img/bg/14.jpg) no-repeat; background-size: cover; background-position: center center; }

.interactive-slider-v2.img-v3 { background: url(../img/bg/img8.jpg) no-repeat; background-size: cover; background-position: center center; }

.interactive-slider-v2.img-v4 { background: url(../img/bg/img9.jpg) no-repeat; background-size: cover; background-position: center center; }

.interactive-slider-v2.intro-promo-img { padding: 80px 0; background: url(../img/intro/promo.jpg) repeat-x fixed center center; background-size: cover; -webkit-animation: infiniteBackground 65s linear infinite; -moz-animation: infiniteBackground 65s linear infinite; animation: infiniteBackground 65s linear infinite; }

@media screen and (max-width: 992px) {
    .interactive-slider-v2.intro-promo-img { -webkit-animation: none; -moz-animation: none; animation: none; }
}

@keyframes infiniteBackground {
    from { background-position: 0 0; }
    to { background-position: 1024px 0; }
}

@-webkit-keyframes infiniteBackground {
    from { background-position: 0 0; }
    to { background-position: 1024px 0; }
}

@-moz-keyframe infiniteBackground {
    from { background-position: 0 0; }
    to { background-position: 1024px 0; }
}

.interactive-slider-v2:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, .4); }

.intro-promo-cover-dark:after { background: rgba(0, 0, 0, .8); }

.intro-promo-cover-light:after { background: rgba(255, 255, 255, .9); }

.interactive-slider-v2 h1 { color: #fff; font-size: 70px; font-weight: 600; line-height: 80px; text-transform: uppercase; }

.interactive-slider-v2 p { color: #fff; font-size: 24px; font-weight: 200; font-family: "Open Sans", Arial, sans-serif; }

@media (max-width: 768px) {
    .interactive-slider-v2 h1 { font-size: 50px; line-height: 60px; margin-bottom: 20px; }
}


/*--------------------------------------------------
	[26. Blog Trending]
----------------------------------------------------*/

.blog-trending li { margin-bottom: 20px; }

.blog-trending h3 { font-size: 14px; margin: 0 0 5px; line-height: 17px; }

.blog-trending small,
.blog-trending small a { color: #777; }

    .blog-trending small a:hover { color: #72c02c; }


/*--------------------------------------------------
	[27. Blog Latest Posts]
----------------------------------------------------*/

.blog-latest-posts li { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd; }

    .blog-latest-posts li:first-child { margin-top: 0; padding-top: 0; border-top: none; }

.blog-latest-posts h3 { font-size: 14px; margin: 0 0 3px; line-height: 20px; }

.blog-latest-posts small,
.blog-latest-posts small a { color: #777; }

.blog-latest-posts small { margin-bottom: 8px; display: inline-block; }

.blog-latest-posts p { font-size: 12px; }


/*--------------------------------------------------
	[28. Blog Photostream]
----------------------------------------------------*/

.blog-photostream { margin-right: -5px; }

    .blog-photostream li { padding: 0; margin: 3px 5px 5px; position: relative; }

        .blog-photostream li img { width: 78px; height: auto; }


/*--------------------------------------------------
	[29. Newsletter]
----------------------------------------------------*/

.blog-newsletter p { color: #555; margin-bottom: 15px; }

.blog-newsletter .form-control { border: none; }

    .blog-newsletter .form-control:focus { box-shadow: none; }


/*--------------------------------------------------
	[30. Blog Post Quote]
----------------------------------------------------*/

.blog-post-quote { padding: 35px 60px; background: #fff; text-align: center; }

    .blog-post-quote p { color: #555; font-size: 32px; font-weight: 200; line-height: 45px; position: relative; margin-bottom: 20px; font-family: "Open Sans", Arial, sans-serif; }

@media (max-width: 768px) {
    .blog-post-quote { padding: 35px 25px; }
        .blog-post-quote p { font-size: 26px; line-height: 35px; }
}

.blog-post-quote p:before,
.blog-post-quote p:after { top: -3px; font-size: 30px; position: relative; }

.blog-post-quote p:before { left: -10px; content: "\0022"; }

.blog-post-quote p:after { right: -10px; content: "\0022"; }

.blog-post-quote span { color: #555; font-size: 20px; font-weight: 200; }


/*--------------------------------------------------
	[31. Blog Post Author]
----------------------------------------------------*/

.blog-author { padding: 20px; background: #fff; }

    .blog-author img { float: left; width: 80px; height: auto; margin-right: 20px; }

    .blog-author .blog-author-desc { overflow: hidden; }

        .blog-author .blog-author-desc h4 { float: left; font-size: 18px; margin: 0 0 10px; text-transform: uppercase; }

        .blog-author .blog-author-desc ul { float: right; margin-top: 6px; }

        .blog-author .blog-author-desc p { color: #555; }


/*--------------------------------------------------
	[32. Blog Comments]
----------------------------------------------------*/

.blog-comments img { width: 80px; height: auto; }

.blog-comments .comments-itself { background: #fff; padding: 20px 30px; position: relative; }

    .blog-comments .comments-itself:before { width: 0; height: 0; top: 20px; left: -17px; content: " "; position: absolute; border-style: solid; border-width: 15px 17px 15px 0; border-color: transparent #fff transparent transparent; }

    .blog-comments .comments-itself h3 { margin: 0 0 10px; }

    .blog-comments .comments-itself span { color: #555; float: right; font-size: 13px; }

    .blog-comments .comments-itself p { color: #555; }


/*Comments Reply*/

.blog-comments.blog-comments-reply { margin-left: 70px; }


/*Media Queries*/

@media (max-width: 768px) {
    .blog-comments .comments-itself:before { display: none; }
    .blog-comments .comments-itself:after { width: 0; height: 0; top: -17px; left: 20px; content: " "; position: absolute; border-style: solid; border-width: 0 15px 17px 15px; border-color: transparent transparent #fff transparent; }
}


/*--------------------------------------------------
	[33. News]
----------------------------------------------------*/


/*News v1
------------------------------------*/

.news-section { border-top: solid 1px #eee; border-bottom: solid 1px #eee; }

.news-v1 .news-v1-in { background: #fafafa; }

.news-v1 h3 { margin-bottom: 0; font-weight: 200; line-height: 28px; padding: 10px 15px 15px; }

    .news-v1 h3 a { color: #555; }

        .news-v1 h3 a:hover { color: #72c02c; }

.news-v1 p { color: #555; padding: 0 15px; margin-bottom: 20px; }

.news-v1 .news-v1-info { margin-left: 0; margin-top: 30px; overflow: hidden; padding: 8px 10px; border-top: solid 1px #eee; }

    .news-v1 .news-v1-info li { font-size: 12px; }

        .news-v1 .news-v1-info li a:hover { color: #72c02c; text-decoration: none; }


/*News v2
------------------------------------*/


/*News Badge*/

.news-v2 .news-v2-badge { overflow: hidden; position: relative; }

    .news-v2 .news-v2-badge p { left: 0; top: 20px; background: #fff; padding: 5px 15px; text-align: center; position: absolute; }

    .news-v2 .news-v2-badge span { color: #555; display: block; font-size: 16px; line-height: 16px; }

    .news-v2 .news-v2-badge small { color: #555; display: block; font-size: 10px; text-transform: uppercase; }


/*News Description*/

.news-v2 .news-v2-desc { padding: 20px; background: #fff; }

    .news-v2 .news-v2-desc h3 { margin: 0 0 3px; font-size: 16px; }

        .news-v2 .news-v2-desc h3 a { color: #555; }

            .news-v2 .news-v2-desc h3 a:hover { color: #72c02c; }

    .news-v2 .news-v2-desc small { color: #555; display: block; margin-bottom: 15px; text-transform: uppercase; }

    .news-v2 .news-v2-desc p { color: #555; }


/*News v3
------------------------------------*/


/*News Posts*/

.news-v3 .news-v3-in { padding: 35px 30px; }

.news-v3 .news-v3-in-sm { padding: 20px; }

.news-v3 h2 { font-size: 32px; font-weight: 200; margin: 0 0 20px; line-height: 45px; text-transform: uppercase; }

.news-v3 .news-v3-in-sm h2 { font-size: 22px; margin: 0 0 15px; line-height: 30px; text-transform: inherit; }

@media (max-width: 768px) {
    .news-v3 h2 { font-size: 22px; line-height: 30px; }
}

.news-v3 h2 a { color: #555; }

    .news-v3 h2 a:hover { color: #72c02c; text-decoration: none; }

.news-v3 p { color: #555; margin-bottom: 20px; }


/*News Info*/

.news-v3 .posted-info li { color: #555; font-style: italic; }

.news-v3 .news-v3-in-sm .posted-info li { padding: 0; font-size: 12px; padding-left: 5px; }

    .news-v3 .posted-info li:before,
    .news-v3 .news-v3-in-sm .posted-info li:before { content: '/'; }

.news-v3 .posted-info li:before { font-size: 12px; line-height: 12px; margin-right: 13px; }

.news-v3 .news-v3-in-sm .posted-info li:before { font-size: 11px; line-height: 11px; margin-right: 9px; }

.news-v3 .posted-info li:first-child:before,
.news-v3 .news-v3-in-sm .posted-info li:first-child:before { content: " "; margin-right: 0; }

.news-v3 .posted-info li a { color: #555; }

    .news-v3 .posted-info li a:hover { color: #72c02c; }


/*News Shares*/

.news-v3 .post-shares { padding-left: 0; list-style: none; margin: 40px 0 0 -5px; }

.news-v3 .news-v3-in-sm .post-shares { margin: 20px 0 0 -5px; }

.news-v3 .post-shares li { position: relative; padding: 0 10px 0 5px; display: inline-block; }

    .news-v3 .post-shares li i { color: #555; width: 40px; height: 40px; padding: 13px; font-size: 16px; background: #eee; text-align: center; display: inline-block; }

        .news-v3 .post-shares li i:hover { background: #ddd; }

    .news-v3 .post-shares li span { top: -5px; right: 6px; color: #fff; width: 22px; height: 22px; padding: 4px; font-size: 10px; line-height: 10px; position: absolute; text-align: center; background: #72c02c; border: 2px solid #fff; border-radius: 50% !important; }

.news-v3 .post-shares-lg li span { top: -10px; right: 0px; width: 29px; height: 29px; padding: 4px; font-size: 10px; line-height: 16px; }


/*--------------------------------------------------
	[34. Blog Grid]
----------------------------------------------------*/

.blog-grid img { margin-bottom: 15px; }

.blog-grid h3 { font-size: 22px; margin: 0 0 10px; line-height: 1.4; }

.blog-grid h2.blog-grid-title-lg { font-size: 28px; line-height: 1.4; margin: 0 0 10px; }

.blog-grid h3.blog-grid-title-sm { font-size: 15px; line-height: 1.4; }

.blog-grid h3 a { color: #333; }

.blog-grid p { margin-bottom: 15px; }

.blog-grid-inner { padding: 20px; background: #fff; margin: -70px 40px 0; position: relative; }


/*Blog Grid Gradient*/

.blog-grid .blog-grid-grad { position: relative; }

    .blog-grid .blog-grid-grad i { top: 10px; left: 10px; z-index: 1; color: #fff; width: 30px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; position: absolute; display: inline-block; background: rgba(0, 0, 0, 0.5); }


/*Blog Grid Info*/

.blog-grid .blog-grid-info { padding-left: 0; list-style: none; }

    .blog-grid .blog-grid-info li { color: #888; padding: 0 2px; font-size: 12px; display: inline-block; }

        .blog-grid .blog-grid-info li:before { content: '/'; font-size: 12px; line-height: 1.4; margin-right: 9px; }

        .blog-grid .blog-grid-info li:first-child:before { content: " "; margin-right: 0; }

        .blog-grid .blog-grid-info li a { color: #888; }

            .blog-grid .blog-grid-info li a:hover { text-decoration: none; }


/*Read More Link*/

.blog-grid a.r-more { font-size: 13px; font-weight: 400; font-style: italic; display: inline-block; }

    .blog-grid a.r-more:hover { text-decoration: none; }


/*--------------------------------------------------
  [35. Blog Thumb]
----------------------------------------------------*/

.blog-thumb { overflow: hidden; }


    /*Blog Grid Hover*/

    .blog-thumb .blog-thumb-hover { float: left; position: relative; margin-right: 15px; }

        .blog-thumb .blog-thumb-hover:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; transition: all 0.35s, transform 0.35s; }

        .blog-thumb .blog-thumb-hover img { width: 120px; height: auto; }

            .blog-thumb .blog-thumb-hover img.video-play-btn { width: 30px; height: 30px; }


        /*Icon Hover Gradient*/

        .blog-thumb .blog-thumb-hover .hover-grad { left: 0; top: 50%; z-index: 1; opacity: 0; width: 100%; color: #fff; font-size: 20px; margin-top: -14px; text-align: center; position: absolute; display: inline-block; transition: all 0.65s, transform 0.65s; }

        .blog-thumb .blog-thumb-hover:hover .hover-grad { opacity: 1; transform 0.55s; transition: opacity 0.55s, }


    /*Blog Thumb Description*/

    .blog-thumb .blog-thumb-desc { overflow: hidden; }

        .blog-thumb .blog-thumb-desc h3 { font-size: 14px; margin: 0 0 5px; font-weight: 400; line-height: 1.4; }

            .blog-thumb .blog-thumb-desc h3 a { color: #555; }


    /*Blog Grid Info*/

    .blog-thumb .blog-thumb-info { padding-left: 0; list-style: none; }

        .blog-thumb .blog-thumb-info li { color: #888; padding: 0 2px; font-size: 12px; display: inline-block; }

            .blog-thumb .blog-thumb-info li:before { content: '/'; font-size: 12px; line-height: 1.4; margin-right: 9px; }

            .blog-thumb .blog-thumb-info li:first-child:before { content: " "; margin-right: 0; }

            .blog-thumb .blog-thumb-info li a { color: #888; }

                .blog-thumb .blog-thumb-info li a:hover { color: #e74c3c; }


    /*Blog Thumb Circle
------------------------------------*/

    .blog-thumb.blog-thumb-circle .blog-thumb-hover:after { border-radius: 50% !important; }

    .blog-thumb.blog-thumb-circle .blog-thumb-hover img { width: 50px; height: 50px; }

    .blog-thumb.blog-thumb-circle .blog-thumb-hover .hover-grad { font-size: 15px; margin-top: -10px; }


    /*Blog Thumb Colors
------------------------------------*/

    .blog-thumb .blog-thumb-hover:hover:after { background: rgba(114, 192, 44, 0.9); }

.blog-grid .blog-grid-grad i:hover { background: rgba(114, 192, 44, 1); }


/*--------------------------------------------------
  [36. Shop Subscribe]
----------------------------------------------------*/

.shop-subscribe { padding: 25px 0; }

    .shop-subscribe h2 { margin: 0; color: #fff; font-size: 24px; font-weight: 200; text-transform: uppercase; }


    /*Input Form Control*/

    .shop-subscribe input { border-color: #fff; border-right: none; background: transparent; }

    .shop-subscribe .form-control { color: #fff; font-size: 14px; font-weight: 200; }

        .shop-subscribe .form-control:focus { box-shadow: none; border-color: #fff; }

        .shop-subscribe .form-control::-moz-placeholder { color: #fff; }

        .shop-subscribe .form-control:-ms-input-placeholder { color: #fff; }

        .shop-subscribe .form-control::-webkit-input-placeholder { color: #fff; }

    .shop-subscribe .input-group-btn { border-color: #fff; background: transparent; }

        .shop-subscribe .input-group-btn .btn { border: 1px solid #fff; background: transparent; }

        .shop-subscribe .input-group-btn i { color: #fff; font-size: 16px; font-weight: 200; }


/*--------------------------------------------------
  [37. Parallax Slider (Main)]
----------------------------------------------------*/

.slider-inner .da-slider { box-shadow: none; border-bottom: 2px solid #ddd; }

.slider-inner .da-dots { z-index: 10; }

@media (max-width: 450px) {
    .da-slide p { display: none; }
}

@media (max-width: 900px) {
    /*Slider Parallax*/
    .da-slide .da-img { display: none; }
}


/*--------------------------------------------------
	[38. Master Slider]
----------------------------------------------------*/

.ms-promo-info { font-size: 45px; font-weight: 300; line-height: 1.5; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; }

.ms-promo-info-in { font-size: 60px; font-weight: 600; }

.ms-promo-sub { font-size: 18px; font-weight: 400; line-height: 1.4; font-family: "Open Sans", Arial, sans-serif; }

.ms-promo-sub-in { font-size: 15px; }

.ms-img-bordered { background: #fff; padding: 7px; }


/*--------------------------------------------------
  [39. Revolution Slider]
----------------------------------------------------*/

.tp-dottedoverlay { z-index: 1 !important; }

.tp-bullets.preview4 .bullet { border-radius: 10px !important; }

.tp-banner-container ul li,
.fullscreenbanner-container ul li { list-style: none; visibility: hidden; }

.tp-banner-container a.btn-u,
.tp-banner-container a.btn-u:hover { color: #fff; border: solid 1px transparent; }

.tp-banner-container a.re-btn-brd { background: none; border: solid 1px #fff; }

    .tp-banner-container a.re-btn-brd:hover { color: #555; background: #fff; }


/*Fullwidth*/

.tp-banner-container .btn-u.btn-brd { font-weight: 400; }

.tp-banner-container { position: relative; }


/*Fullscreen*/

.fullscreen-container { padding: 0; width: 100%; position: relative; }


/*Slider Contents v1*/

.revolution-mch-1:after { top: 0; left: 0; right: 0; width: 100%; height: 100%; content: ' '; position: absolute; background: rgba(0, 0, 0, 0); }

.revolution-ch1 { color: #fff; font-size: 40px; font-weight: 400; line-height: 60px; text-transform: uppercase; font-family: 'Microsoft YaHei', "Open Sans", Arial, sans-serif; }

.revolution-ch2 { color: #fff; font-size: 20px; max-width: 470px; line-height: 32px; position: relative; text-align: center; font-weight: normal; font-family: "Open Sans", Arial, sans-serif; }

    .revolution-ch2:after { left: 50%; width: 70px; height: 2px; content: ' '; bottom: -20px; background: #fff; margin-left: -35px; position: absolute; }


/*Slider Contents v2*/

.re-title-v1 { color: #fff; font-size: 75px; font-weight: 600; line-height: 60px; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; }

.re-title-v2 { color: #fff; font-size: 40px; font-weight: 600; line-height: 45px; text-align: center; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; }

.re-text-v1 { color: #fff; font-size: 24px; text-align: center; font-family: "Open Sans", Arial, sans-serif; }

.re-text-v2 { color: #fff; font-size: 24px; font-family: "Open Sans", Arial, sans-serif; }


/*Slides*/

.rs-caption-1 { color: #fff; font-size: 32px; font-weight: 200; padding: 6px 75px; position: relative; border-top: solid 1px #fff; border-bottom: solid 1px #fff; }

    .rs-caption-1:after,
    .rs-caption-1:before { font-size: 16px; content: "\f005"; position: absolute; font-family: FontAwesome; }

@media (max-width: 768px) {
    .rs-caption-1:after,
    .rs-caption-1:before { content: ""; }
}

.rs-caption-1:after { right: 4%; }

.rs-caption-1:before { left: 4%; }

.rs-caption-2 { color: #fff; position: relative; font-size: 26px; font-weight: 200; line-height: 40px; padding: 10px 50px; text-align: center; }

    .rs-caption-2:after { left: 50%; content: ""; height: 1px; width: 100px; bottom: -10px; background: #fff; margin-left: -50px; position: absolute; }

.rs-caption-3 a { margin: 0 5px; padding: 7px 20px; text-transform: uppercase; }

@media (max-width: 768px) {
    .rs-caption-1,
    .rs-caption-2,
    .rs-caption-3 { font-weight: normal; }
}


/*--------------------------------------------------
  [40. Layer Slider]
----------------------------------------------------*/

.layer_slider { overflow: hidden; }

.ls-ct-half,
.ls-ct-center { border-radius: 100px !important; }


/*--------------------------------------------------
  [41. Clients Carousel]
----------------------------------------------------*/

.clients { border: 0; overflow: hidden; margin-top: 10px; margin-bottom: 30px; box-shadow: none !important; margin-bottom: 0 !important; }

    .clients li { overflow: hidden; margin-left: 1px; position: relative; background: #fafafa; }

        .clients li:hover { background: #f6f6f6; }

        .clients li img.color-img { top: 0; left: 0; display: none; position: absolute; }

        .clients li:hover img.color-img { display: block; }

        .clients li img { filter: gray; /* IE6-9 */ float: none !important; margin: 0 auto !important; }

            .clients li img:hover { filter: none; }


/*--------------------------------------------------
  [42. Pie Chart]
----------------------------------------------------*/

.pie-progress-charts .inner-pchart { text-align: center; }

.pie-progress-charts .circle { color: #555; font-weight: 200; margin-bottom: 20px; }

.pie-progress-charts .circle-title { font-size: 22px; }

@media (max-width: 767px) {
    .pie-progress-charts .inner-pchart { margin-bottom: 40px; }
}


/*--------------------------------------------------
  [43. Counter]
----------------------------------------------------*/

.counters { color: #555; text-align: center; }

@media (max-width: 767px) {
    .counters { margin-bottom: 30px; }
        .counters:last-child { margin-bottom: inherit; }
}

.counters span { font-size: 35px; }

    .counters span.counter-icon { display: block; margin-bottom: 10px; }

        .counters span.counter-icon i { color: #fff; padding: 16px; min-width: 65px; font-size: 30px; position: relative; background: #72c02c; }

            .counters span.counter-icon i:after { width: 0; height: 0; left: 38%; content: " "; bottom: -7px; display: block; position: absolute; border-top: 7px solid #72c02c; border-left: 7px solid transparent; border-right: 7px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ }

.counters:hover span.counter-icon i { border-color: #000; }


/*--------------------------------------------------
	[44. Back To Top]
----------------------------------------------------*/

#topcontrol {
    color: #fff;
    z-index: 99;
    width: 30px;
    height: 30px;
    font-size: 20px;
    background: #d71a19;
    position: relative;
    border-radius: 1px;
    border: 1px #fff solid;
}

    #topcontrol:after { top: -2px; left: 8.5px; content: "\f106"; position: absolute; text-align: center; font-family: FontAwesome; }

    #topcontrol:hover { color: #fff; background: #009FD9; transition: all 0.3s ease-in-out; }


/*--------------------------------------------------
	[45. Owl Carousel]
----------------------------------------------------*/

.owl-btn { color: #777; cursor: pointer; font-size: 18px; padding: 2px 9px; text-align: center; background: #f5f5f5; }

    .owl-btn:hover { color: #fff; background: #72c02c; }


/*Owl Carousel v1*/

.owl-carousel-v1 .owl-navigation { text-align: right; margin-bottom: 20px; }

.owl-carousel-v1 .item { margin: 0 5px; }

    .owl-carousel-v1 .item img { text-align: center; }

.owl-carousel-v1 .owl-pagination { display: none; }


/*Owl Carousel v2*/

.owl-carousel-v2 .owl-slider-v2 { margin-bottom: 20px; }

.owl-carousel-v2 .item { margin: 0 15px; }

    .owl-carousel-v2 .item img { text-align: center; }

.owl-carousel-v2 .owl-navigation { text-align: center; }

.owl-carousel-v2 .owl-pagination { display: none; }


/*Owl Carousel v3*/

.owl-carousel-v3 .item { margin: 0 15px; }

    .owl-carousel-v3 .item img { text-align: center; }

.owl-carousel-v3 .owl-pagination { display: none; }


/*Owl Carousel v4*/

.owl-carousel-v4 .owl-wrapper-outer { margin-bottom: 20px; }

.owl-carousel-v4 .item { margin: 0 3px; }

    .owl-carousel-v4 .item img { width: 100%; }


/*Owl Carousel v5*/

.owl-carousel-v5 .owl-wrapper-outer { margin-bottom: 20px; }

.owl-carousel-v5 .owl-controls .owl-page.active span,
.owl-carousel-v5 .owl-controls.clickable .owl-page:hover span { background: #72c02c; }

.owl-carousel-v5 .owl-controls .owl-page span { margin: 5px 3px !important; }


/*Owl Slider v6*/

.owl-carousel-v6 .owl-carousel-item { margin: 0 10px; padding: 7px 0; text-align: center; position: relative; border: 1px solid #e4e2e2; }

    .owl-carousel-v6 .owl-carousel-item img { width: 150px; height: auto; }

.owl-carousel-v6 .owl-wrapper-outer { margin-bottom: 20px; }

.owl-carousel-v6 .owl-controls .owl-page span { margin: 5px 3px !important; }


/*Owl Pagination*/

.owl-pagination { text-align: center !important; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; filter: Alpha(Opacity=100); /*IE7 fix*/ }

.owl-theme .owl-controls .owl-page { zoom: 1; display: inline-block; *display: inline; /*IE7 life-saver */ }

    .owl-theme .owl-controls .owl-page span { width: 12px; height: 12px; opacity: 0.3; display: block; margin: 5px 7px; background: #bbb; filter: Alpha(Opacity=50); /*IE7 fix*/ border-radius: 50% !important; }


/*Owl Carousel Style v1*/

.owl-carousel-style-v1 img { width: 120px; height: auto; }


/*Owl Carousel Style v2*/

.owl-carousel-style-v2 .item { margin: 0 3px; background: #fafafa; text-align: center; border: solid 1px #eee; }

    .owl-carousel-style-v2 .item img { padding: 0 3px; display: inline-block; }

    .owl-carousel-style-v2 .item:hover { background: #f7f7f7; border-color: #e5e5e5; transition: all 0.4s ease-in-out; }

.owl-carousel-style-v2 .owl-pagination { display: none; }


/*Owl Clients v2
------------------------------------*/

.owl-clients-v1 img { width: 120px; height: auto; }

.owl-clients-v1 .owl-pagination { display: none; }


/*Owl Carousel - Testimonials v3
------------------------------------*/


/*Testimonials Section*/

.testimonials-v3 { padding: 100px 0; font-family: "Open Sans", Arial, sans-serif; }

    .testimonials-v3 ul { margin: 0; padding: 0; text-align: center; position: relative; }

    .testimonials-v3 li img { width: 150px; height: 150px; margin-bottom: 10px; }

    .testimonials-v3 li > p { font-size: 14px; }

    .testimonials-v3 .testimonials-v3-title { font-size: 22px; font-weight: 200; margin-bottom: 20px; }

        .testimonials-v3 .testimonials-v3-title p { color: #72c02c; margin-bottom: 0; }

        .testimonials-v3 .testimonials-v3-title span { color: #777; display: block; font-size: 14px; }


    /*Testimonials Owl Navigation*/

    .testimonials-v3 .owl-pagination { display: none; }

    .testimonials-v3 .owl-buttons .owl-prev,
    .testimonials-v3 .owl-buttons .owl-next { padding: 13px; position: relative; margin: 15px 2px 0; background: #f5f5f5; display: inline-block; }

        .testimonials-v3 .owl-buttons .owl-prev:after,
        .testimonials-v3 .owl-buttons .owl-next:after { top: 0; color: #bbb; font-size: 16px; position: absolute; font-weight: normal; display: inline-block; font-family: FontAwesome; }

        .testimonials-v3 .owl-buttons .owl-prev:after { left: 10px; content: "\f104"; }

        .testimonials-v3 .owl-buttons .owl-next:after { right: 10px; content: "\f105"; }

        .testimonials-v3 .owl-buttons .owl-prev:hover:after,
        .testimonials-v3 .owl-buttons .owl-next:hover:after { color: #fff; }

        .testimonials-v3 .owl-buttons .owl-prev:hover,
        .testimonials-v3 .owl-buttons .owl-next:hover { background: #72c02c; transition: background 0.4s ease-in-out; }


/*Recent Works (Owl Carousel)
------------------------------------*/

.owl-work-v1 .owl-navigation { top: 3px; position: relative; }

.owl-work-v1 .owl-navigation { margin-bottom: 10px; }

.owl-work-v1 .item a { text-align: center; }

    .owl-work-v1 .item a:hover { text-decoration: none; }

        .owl-work-v1 .item a:hover strong { color: #555; }

.owl-work-v1 .item em.overflow-hidden { display: block; }

.owl-work-v1 .item a span { display: block; padding: 10px; border-bottom: solid 2px #eee; }

.owl-work-v1 .item a strong { color: #555; display: block; }

.owl-work-v1 .item a i { color: #777; }

.owl-work-v1 .item a img { transition: all 0.8s ease-in-out; }

.owl-work-v1 .item a:hover img { opacity: 0.8; transform: scale(1.2) rotate(3deg); }

.owl-work-v1 .item a:hover span { border-bottom: solid 2px #72c02c; transition: all 0.3s ease-in-out; }


/*Parallax Twitter (Owl Carousel)
------------------------------------*/

.parallax-twitter { color: #fff; padding: 100px 0; position: relative; text-align: center; background: #333 url(../img/bg/19.jpg) 50% 0 fixed; background-size: cover; background-position: center center; }

    .parallax-twitter:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.5); }

    .parallax-twitter:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: url(../img/patterns/gridtile.png) repeat; }

.parallax-twitter-in { z-index: 1; position: relative; }


    /*Twitter Block (owl-controls)*/

    .parallax-twitter-in ul { margin: 0; }

    .parallax-twitter-in li { color: #fff; }

        .parallax-twitter-in li p { color: #fff; font-size: 18px; font-weight: 200; }

        .parallax-twitter-in li a { color: #eee; text-decoration: underline; }

            .parallax-twitter-in li a:hover { text-decoration: none; }

        .parallax-twitter-in li span { color: #ddd; display: block; font-size: 14px; font-weight: 400; margin-bottom: 20px; }

    .parallax-twitter-in .owl-page { width: 18px; }


/*Clients Section (Owl Carousel)
------------------------------------*/

.clients-section { padding: 60px 0; position: relative; background: #333 url(../img/bg/7.jpg) 50% fixed; background-size: cover; background-position: center center; }

    .clients-section:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.8); }

    .clients-section:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: url(../img/patterns/gridtile.png) repeat; }

    .clients-section .title-v1 p,
    .clients-section .title-v1 h2 { color: #fff; }

    .clients-section ul { padding: 0; z-index: 1; list-style: none; }

    .clients-section li { margin: 0 3px; background: #fff; }

        .clients-section li a { padding: 10px; display: block; overflow: hidden; text-align: center; transition: all 0.3s ease-in-out; }

            .clients-section li a:hover { transform: scale(1.2); }

    .clients-section img { width: 100px; height: 100px; }

    .clients-section .owl-pagination { display: none; }


/* Owl Video
------------------------------------*/

.owl-video img { position: relative; text-align: center; margin: 0 auto 20px; }

    .owl-video img.video-play { top: 50%; left: 50%; margin-top: -52px; margin-left: -52px; position: absolute; }

.owl-video .owl-controls .owl-page span { margin: 5px 3px; }


/*--------------------------------------------------
	[46. Bootstrap Carousels]
----------------------------------------------------*/


/* Bootstrap Carousel v1
------------------------------------*/

.carousel-v1 .carousel-caption { left: 0; right: 0; bottom: 0; padding: 7px 15px; background: rgba(0, 0, 0, 0.7); }

    .carousel-v1 .carousel-caption p { color: #fff; margin-bottom: 0; }

.carousel-v1 .carousel-arrow a.carousel-control { opacity: 1; font-size: 30px; height: inherit; width: inherit; background: none; text-shadow: none; position: inherit; }

.carousel-v1 .carousel-arrow a i { top: 50%; opacity: 0.6; background: #000; margin-top: -18px; padding: 2px 12px; position: absolute; }

    .carousel-v1 .carousel-arrow a i:hover { opacity: 0.8; }

.carousel-v1 .carousel-arrow a.left i { left: 0; }

.carousel-v1 .carousel-arrow a.right i { right: 0; }


/* Bootstrap Carousel v2
------------------------------------*/

.carousel-v2 .carousel-control,
.carousel-v2 .carousel-control:hover { opacity: 1; text-shadow: none; }

    .carousel-v2 .carousel-control.left,
    .carousel-v2 .carousel-control.right { top: 50%; z-index: 5; color: #eee; width: 45px; height: 45px; font-size: 30px; margin-top: -22px; position: absolute; text-align: center; display: inline-block; border: 2px solid #eee; background: rgba(0, 0, 0, 0.1); }

    .carousel-v2 .carousel-control:hover { background: rgba(0, 0, 0, 0.3); transition: all 0.4s ease-in-out; }

    .carousel-v2 .carousel-control.left { left: 20px; }

    .carousel-v2 .carousel-control.right { right: 20px; }

    .carousel-v2 .carousel-control .arrow-prev,
    .carousel-v2 .carousel-control .arrow-next { top: -5px; position: relative; }

    .carousel-v2 .carousel-control .arrow-next { right: -2px; }

@media (min-width: 768px) {
    .carousel-indicators { bottom: 10px; }
}


/*--------------------------------------------------
	[47. Tabs]
----------------------------------------------------*/


/*Tabs*/

.nav-tabs > li > a,
.nav-pills > li > a,
.nav-tabs.nav-justified > li > a { border-radius: 0; }


/*Tabs v1
------------------------------------*/

.tab-v1 .nav-tabs { border: none; background: none; border-bottom: solid 2px #72c02c; }

    .tab-v1 .nav-tabs a { font-size: 14px; padding: 5px 15px; }

    .tab-v1 .nav-tabs > .active > a,
    .tab-v1 .nav-tabs > .active > a:hover,
    .tab-v1 .nav-tabs > .active > a:focus { color: #fff; border: none; background: #72c02c; }

    .tab-v1 .nav-tabs > li > a { border: none; }

        .tab-v1 .nav-tabs > li > a:hover { color: #fff; background: #72c02c; }

.tab-v1 .tab-content { padding: 10px 0; }

    .tab-v1 .tab-content img { margin-top: 4px; margin-bottom: 15px; }

        .tab-v1 .tab-content img.img-tab-space { margin-top: 7px; }


/*Tabs v2
------------------------------------*/

.tab-v2 .nav-tabs { border-bottom: none; }

    .tab-v2 .nav-tabs li a { padding: 9px 16px; background: none; border: none; }

    .tab-v2 .nav-tabs li.active a { background: #fff; padding: 7px 15px 9px; border: solid 1px #eee; border-top: solid 2px #72c02c; border-bottom: none !important; }

.tab-v2 .tab-content { padding: 10px 16px; border: solid 1px #eee; }


/*Tabs v3
------------------------------------*/

.tab-v3 .nav-pills li a { color: #777; font-size: 17px; padding: 4px 8px; margin-bottom: 3px; background: #fafafa; border: solid 1px #eee; }

    .tab-v3 .nav-pills li a:hover,
    .tab-v3 .nav-pills li.active a { color: #fff; background: #72c02c; border: solid 1px #68af28; }

.tab-v3 .nav-pills li i { width: 1.25em; margin-right: 5px; text-align: center; display: inline-block; }

.tab-v3 .tab-content { padding: 15px; background: #fafafa; border: solid 1px #eee; }


/*Tab v4
------------------------------------*/

.tab-v4 .tab-heading { width: 100%; overflow: hidden; position: relative; display: inline-block; text-transform: uppercase; border-bottom: 3px solid #333; }

    .tab-v4 .tab-heading h2 { margin: 0; float: left; font-size: 18px; font-weight: bold; }


/*Nav Tabs*/

.tab-v4 .nav-tabs { top: 3px; border: none; float: right; overflow: hidden; position: relative; }

    .tab-v4 .nav-tabs a { color: #555; font-size: 12px; padding: 6px 15px; text-transform: uppercase; }

    .tab-v4 .nav-tabs > .active > a,
    .tab-v4 .nav-tabs > .active > a:hover,
    .tab-v4 .nav-tabs > .active > a:focus { border: none; background: inherit; }

    .tab-v4 .nav-tabs > li > a { border: none; }

        .tab-v4 .nav-tabs > li > a:hover { background: inherit; }

.tab-v4 .tab-content { padding: 20px 0 10px; }


/*Tab v5
------------------------------------*/

.tab-v5 .nav-tabs { border-bottom: none; }

    .tab-v5 .nav-tabs li a { border: none; font-size: 14px; background: none; padding: 9px 16px; }

    .tab-v5 .nav-tabs li.active a { background: #fff; padding: 7px 15px 9px; border: solid 1px #eee; border-top: solid 3px #222; border-bottom: none !important; }

.tab-v5 .tab-content { padding: 13px; border: solid 1px #eee; }


/*Tab v6
------------------------------------*/

.tab-v6 .nav-tabs { border-bottom-color: #dedede; }

    .tab-v6 .nav-tabs > li { margin-right: 30px; }

        .tab-v6 .nav-tabs > li > a { border: none; color: #687074; padding: 6px 0; font-size: 18px; margin-right: 0; background: none; text-transform: uppercase; border-bottom: solid 1px transparent; }

        .tab-v6 .nav-tabs > li.active > a,
        .tab-v6 .nav-tabs > li.active > a:hover,
        .tab-v6 .nav-tabs > li.active > a:focus { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #18ba9b; }

        .tab-v6 .nav-tabs > li > a:hover { border-bottom: 1px solid #18ba9b; }

        .tab-v6 .nav-tabs > li > a:focus { border: none; }

.tab-v6 .tab-content { padding: 30px 0; }


/*--------------------------------------------------
	[48. Accordions]
----------------------------------------------------*/


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

.acc-v1 .panel-heading { padding: 0; box-shadow: none; }

    .acc-v1 .panel-heading a { display: block; font-size: 14px; padding: 5px 15px; background: #fefefe; }

.acc-icon a.accordion-toggle i { color: #555; margin-right: 8px; }

.acc-icon a.accordion-toggle:hover i { color: #39414c; }


/*--------------------------------------------------
	[49. Paginations]
----------------------------------------------------*/


/*Pegination*/

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span,
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-radius: 0; }

.pagination li a { color: #777; padding: 5px 15px; }

    .pagination li a:hover { color: #fff; background: #5fb611; border-color: #5fb611; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { border-color: #72c02c; background-color: #72c02c; }


/*Pagination Without Space*/

.pagination-no-space .pagination { margin: 0; }


/*--------------------------------------------------
	[50. Pagers]
----------------------------------------------------*/


/*Pager*/

.pager li > a,
.pager li > span { border-radius: 0; }

    .pager li > a:hover,
    .pager li > a:focus { color: #fff; background: #5fb611; border-color: #5fb611; }


/*Pager v2 and v3
------------------------------------*/

.pager.pager-v2 li > a { border: none; }

.pager.pager-v2 li > a,
.pager.pager-v3 li > a { transition: all 0.1s ease-in-out; }

    .pager.pager-v2 li > a:hover,
    .pager.pager-v2 li > a:focus,
    .pager.pager-v3 li > a:hover,
    .pager.pager-v3 li > a:focus { color: #fff; background: #72c02c; }


/*Pager Amount*/

.pager.pager-v2 li.page-amount,
.pager.pager-v3 li.page-amount { font-size: 16px; font-style: italic; }

    .pager.pager-v2 li.page-amount,
    .pager.pager-v2 li.page-amount:hover,
    .pager.pager-v2 li.page-amount:focus,
    .pager.pager-v3 li.page-amount,
    .pager.pager-v3 li.page-amount:hover,
    .pager.pager-v3 li.page-amount:focus { top: 7px; color: #777; position: relative; }


/*Pager Size*/

.pager.pager-v2.pager-md li a,
.pager.pager-v3.pager-md li a { font-size: 16px; padding: 8px 18px; }


/*Pager v4
------------------------------------*/

.pager.pager-v4 li > a { line-height: normal; transition: all 0.1s ease-in-out; }

    .pager.pager-v4 li > a:hover,
    .pager.pager-v4 li > a:focus { color: #fff; background: #222; border-color: #222; }


/*Pager Amount*/

.pager.pager-v4 li.page-amount { font-size: 14px; font-style: italic; }

    .pager.pager-v4 li.page-amount,
    .pager.pager-v4 li.page-amount:hover,
    .pager.pager-v4 li.page-amount:focus { top: 7px; color: #777; position: relative; }


/*--------------------------------------------------
	[51. Sidebar Menu]
----------------------------------------------------*/


/* Sidebar Menu v1
------------------------------------*/

.sidebar-nav-v1 li { padding: 0; }

    .sidebar-nav-v1 li a { display: block; padding: 8px 30px 8px 10px; }

        .sidebar-nav-v1 li a:hover { text-decoration: none; }

.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover { background: #717984; }

    .sidebar-nav-v1 > li.active,
    .sidebar-nav-v1 > li.active:hover,
    .sidebar-nav-v1 > li.active:focus { border-color: #ddd; }

        .sidebar-nav-v1 > li.active > a { color: #fff; }


/*Sidebar Sub Navigation*/

.sidebar-nav-v1 li ul { padding: 0; list-style: none; }

.sidebar-nav-v1 li ul,
.sidebar-nav-v1 li.active ul a { background: #f8f8f8; }

    .sidebar-nav-v1 li ul a { color: #555; font-size: 12px; border-top: solid 1px #ddd; padding: 6px 30px 6px 17px; }

.sidebar-nav-v1 ul li:hover a,
.sidebar-nav-v1 ul li.active a { color: #72c02c; }


/*Sidebar Badges*/

.list-group-item li > .badge { float: right; }

.sidebar-nav-v1 span.badge { margin-top: 8px; margin-right: 10px; }

.sidebar-nav-v1 .list-toggle > span.badge { margin-right: 25px; }

.sidebar-nav-v1 ul li span.badge { margin-top: 8px; font-size: 11px; padding: 3px 5px; margin-right: 10px; }


/* Sidebar List Toggle
------------------------------------*/

.list-group-item:first-child,
.list-group-item:last-child { border-radius: 0; }

.list-toggle:after { top: 7px; right: 10px; color: #777; font-size: 14px; content: "\f105"; position: absolute; font-weight: normal; display: inline-block; font-family: FontAwesome; }

.list-toggle.active:after { color: #fff; content: "\f107"; }


/*--------------------------------------------------
	[52. Content Boxes]
----------------------------------------------------*/


/*Content Boxes v1*/

.content-boxes-v1 { text-align: center; }

    .content-boxes-v1 span { display: block; margin-top: 5px; }


/*Content Boxes v2*/

.content-boxes-v2-o span { display: block; overflow: hidden; }

.content-boxes-v2-o small { display: block; line-height: 1.6; }

.content-boxes-v2-o .icon-md + span { margin-top: 9px; }

.content-boxes-v2-o .icon-lg + span { margin-top: 11px; }

.content-boxes-v2-o .icon-custom { float: left; margin-top: 3px; margin-right: 15px; }

@media (max-width: 992px) {
    .content-boxes-v2,
    .content-boxes-v2 .text-justify { text-align: center; }
        .content-boxes-v2 span { display: block; margin-top: 5px; }
}


/*Content Boxes v3*/

.content-boxes-v3 i.icon-custom { top: 8px; float: left; position: relative; }

.content-boxes-v3 .content-boxes-in-v3 { padding: 0 20px; overflow: hidden; }

    .content-boxes-v3 .content-boxes-in-v3 h3 { font-size: 18px; line-height: 22px; margin-bottom: 3px; text-transform: capitalize; }

        .content-boxes-v3 .content-boxes-in-v3 h3 a { color: #555; }


/*Content Boxes Right v3*/

.content-boxes-v3.content-boxes-v3-right { text-align: right; }

    .content-boxes-v3.content-boxes-v3-right i.icon-custom { float: right; }

@media (max-width: 768px) {
    .content-boxes-v3.content-boxes-v3-right { text-align: inherit; }
        .content-boxes-v3.content-boxes-v3-right i.icon-custom { float: left; margin-left: 0; }
}


/*Content Boxes v4*/

.content-boxes-v4 h2 { color: #555; font-size: 18px; font-weight: bold; text-transform: uppercase; }

.content-boxes-v4 a { color: #777; font-size: 11px; font-weight: bold; text-transform: uppercase; }

.content-boxes-v4 i { width: 25px; color: #72c02c; font-size: 35px; margin-top: 10px; }

.content-boxes-in-v4 { padding: 0 10px; overflow: hidden; }

.content-boxes-v4-sm i { font-size: 26px; margin-top: 10px; margin-right: 5px; }


/*Content Boxes v5*/

.content-boxes-v5 i { float: left; color: #999; width: 50px; height: 50px; padding: 11px; font-size: 22px; background: #eee; line-height: 28px; text-align: center; margin-right: 15px; display: inline-block; }

.content-boxes-v5:hover i { color: #fff; background: #72c02c; }


/*Content Boxes v6*/

.content-boxes-v6 { padding-top: 25px; text-align: center; }

    .content-boxes-v6 i { color: #fff; width: 90px; height: 90px; padding: 30px; font-size: 30px; line-height: 30px; position: relative; text-align: center; background: #dedede; margin-bottom: 25px; display: inline-block; }

        .content-boxes-v6 i:after { top: -8px; left: -8px; right: -8px; bottom: -8px; content: " "; position: absolute; border: 1px solid #dedede; border-radius: 50% !important; }

    .content-boxes-v6:hover i,
    .content-boxes-v6:hover i:after { transition: all 0.3s ease-in-out; }

    .content-boxes-v6:hover i { background: #72c02c; }

        .content-boxes-v6:hover i:after { border-color: #72c02c; }


/*--------------------------------------------------
	[53. Tagline Boxes]
----------------------------------------------------*/


/*Tagline Boxes*/

.tag-box { padding: 20px; background: #fff; margin-bottom: 30px; }

    .tag-box h2 { font-size: 20px; line-height: 25px; }

    .tag-box p { margin-bottom: 0; }

    .tag-box.tag-text-space p { margin-bottom: 10px; }


/*Tagline Boxes v1*/

.tag-box-v1 { border: solid 1px #eee; border-top: solid 2px #72c02c; }


/*Tagline Boxes v2*/

.tag-box-v2 { background: #fafafa; border: solid 1px #eee; border-left: solid 2px #72c02c; }


/*Tagline Boxes v3*/

.tag-box-v3 { border: solid 2px #eee; }


/*Tagline Boxes v4*/

.tag-box-v4 { border: dashed 1px #bbb; }


/*Tagline Boxes v5*/

.tag-box-v5 { margin: 20px 0; text-align: center; border: dashed 1px #ccc; }

    .tag-box-v5 span { color: #555; font-size: 28px; margin-bottom: 0; }


/*Tagline Boxes v6*/

.tag-box-v6 { background: #fafafa; border: solid 1px #eee; }


/*Tagline Boxes v7*/

.tag-box-v7 { border: solid 1px #eee; border-bottom: solid 2px #72c02c; }


/*--------------------------------------------------
	[54. Tags]
----------------------------------------------------*/


/*Tags v1
------------------------------------*/

.tags-v1 li { margin: 0; padding: 0; }

    .tags-v1 li a { font-size: 13px; padding: 4px 8px; line-height: 32px; border: solid 2px #eee; border-radius: 20px !important; transition: all 0.2s ease-in-out; }

        .tags-v1 li a:hover { text-decoration: none; border-color: #e0e0e0; }


/*Tags v2
------------------------------------*/

.tags-v2 li { padding: 7px 0 7px 4px; }

    .tags-v2 li a { color: #555; font-size: 13px; padding: 5px 10px; border: solid 1px #bbb; }

        .tags-v2 li a:hover { color: #fff; background: #555; border-color: #555; text-decoration: none; transition: all 0.2s ease-in-out; }


/*Tags v3
------------------------------------*/

.tags-v3 li { padding: 7px 0 7px 4px; }

    .tags-v3 li a { color: #555; font-size: 12px; padding: 4px 12px; border: solid 1px #eee; }

        .tags-v3 li a:hover { color: #fff; background: #222; border-color: #222; text-decoration: none; transition: all 0.2s ease-in-out; }


/*Tags v4
------------------------------------*/

.tags-v4 { padding-left: 0; list-style: none; }

    .tags-v4 li { padding: 3px 2px; line-height: 28px; display: inline-block; }

    .tags-v4 a { color: #bbb; font-size: 13px; font-weight: 400; padding: 4px 10px; border: 1px solid #bbb; }

        .tags-v4 a:hover { color: #fff; background: #e74c3c; border-color: #e74c3c; text-decoration: none; transition: all 0.25s, transform 0.25s; }


/*--------------------------------------------------
	[##. Main Page Styles]
----------------------------------------------------*/


/* Purchase Block
------------------------------------*/

.purchase { padding: 25px 0 30px; border-bottom: solid 1px #eee; background: url(../img/patterns/breadcrumbs.png) repeat; }

    .purchase p { margin-bottom: 0; }

    .purchase span { color: #666; display: block; font-size: 24px; line-height: 35px; font-weight: normal; margin-bottom: 12px; font-family: "Open Sans", Arial, sans-serif; }

    .purchase .btn-buy { text-align: center; }

        .purchase .btn-buy a { margin-top: 27px; }

            .purchase .btn-buy a i { margin-right: 5px; }

@media (max-width: 992px) {
    .purchase { text-align: center; }
        .purchase span { font-size: 22px; line-height: 29px; }
        .purchase .btn-buy a { margin-top: 25px; font-size: 16px; }
}


/* Service Block
------------------------------------*/

.service { overflow: hidden; margin-bottom: 10px; padding: 15px 15px 10px; }

    .service:hover { background: #fcfcfc; box-shadow: 0 0 5px #ddd; transition: box-shadow 0.2s ease-in-out; }

        .service:hover i { color: #656565; }

    .service .desc { padding: 0 15px; overflow: hidden; }

        .service .desc h4 { font-size: 22px; line-height: 25px; }

    .service .service-icon { float: left; padding: 10px; color: #72c02c; font-size: 35px; text-align: center; transition: all 0.4s ease-in-out; }

        .service .service-icon.icon-cogs { font-size: 37px; }

        .service .service-icon.icon-plane { font-size: 43px; }


/* Recent Work
------------------------------------*/

.recent-work a { text-align: center; background: #fcfcfc; display: inline-block; }

    .recent-work a:hover { text-decoration: none; }

        .recent-work a:hover strong { color: #555; }

.recent-work em.overflow-hidden { display: block; }

.recent-work a span { display: block; padding: 10px; border-bottom: solid 2px #eee; }

.recent-work a strong { color: #555; display: block; }

.recent-work a i { color: #777; }

.recent-work a img { transition: all 0.8s ease-in-out; }

.recent-work a:hover img { opacity: 0.8; transform: scale(1.2) rotate(3deg); }

.recent-work a:hover span { border-bottom: solid 2px #72c02c; transition: all 0.3s ease-in-out; }


/* Work */

.work { margin-top: 6px; }

    .work .details { padding: 10px; }

    .work .caption { display: block; padding-top: 5px; color: #585f69 !important; font-size: 18px !important; }

        .work .caption:hover { cursor: pointer; color: #444 !important; text-decoration: underline; }


/*Other Footer Common Classes
------------------------------------*/


/*Thumb Headline*/

.thumb-headline h2 { color: #eee; font-size: 16px; }


/*Footer Logo*/

.footer-logo { margin: 17px 0 20px; }


/*Latest List*/

.latest-list li { padding: 8px 0; border-top: 1px solid #353535; }

    .latest-list li:first-child { padding-top: 0; border-top: none; }

    .latest-list li a { color: #eee; }

.latest-list small { color: #999; display: block; }


/*Link List*/

.link-list li { border-top: solid 1px #353535; }

    .link-list li:first-child { border-top: none !important; }

.link-list a { color: #eee; font-size: 11px; padding: 6px 0px; display: inline-block; text-transform: uppercase; }

.link-list li i { color: #bbb; float: right; margin-top: 10px; }


/*Latest Tweets*/

.latest-tweets .latest-tweets-inner p { color: #555; font-size: 13px; }

.latest-tweets .latest-tweets-inner a { /*color: #3498db;*/ text-decoration: none; }

    .latest-tweets .latest-tweets-inner a:hover { text-decoration: underline; }

.latest-tweets .latest-tweets-inner i.fa { top: 2px; float: left; color: #bbb; color: #55acee; font-size: 18px; margin-right: 5px; position: relative; }

.latest-tweets .latest-tweets-inner small { color: #777; display: block; }


/*Social Icons*/

.social-icons { margin-top: 5px; }

    .social-icons li { margin: 0; }

        .social-icons li a { margin: 0 3px; }


/*Thumbnails
------------------------------------*/

a.thumbnail { padding: 0; border: none; margin-bottom: 15px; }

.thumbnail-style { padding: 7px; margin-bottom: 20px; }

    .thumbnail-style:hover { box-shadow: 0 0 8px #ddd; transition: box-shadow 0.2s ease-in-out; }

    .thumbnail h3,
    .thumbnail-style h3 { margin: 6px 0 8px 0; }

        .thumbnail h3 a,
        .thumbnail-style h3 a { color: #585f69; font-size: 18px; }

            .thumbnail h3 a:hover,
            .thumbnail-style h3 a:hover { color: #72c02c; text-decoration: none; }

    .thumbnail-style .thumbnail-img { position: relative; margin-bottom: 11px; }

    .thumbnail-style a.btn-more { right: -10px; bottom: 10px; color: #fff; padding: 1px 6px; position: absolute; background: #72c02c; display: inline-block; }

        .thumbnail-style a.btn-more:hover { text-decoration: none; box-shadow: 0 0 0 2px #5fb611; }

    .thumbnail-style:hover a.btn-more { right: 10px; }

.thumbnail-kenburn img { left: 10px; margin-left: -10px; position: relative; transition: all 0.8s ease-in-out; }

.thumbnail-kenburn:hover img { transform: scale(1.2) rotate(2deg); }


/*Servive Blocks
------------------------------------*/


/*Service Alternative Block*/

.service-alternative .service:hover { background: #76ca2c; transition: all 0.4s ease-in-out; }

    .service-alternative .service:hover i,
    .service-alternative .service:hover p,
    .service-alternative .service:hover h4 { color: #fff; }


/*Servive Block Versions*/

.service-v1 h2 { margin: 15px 0 10px; font-size: 20px; line-height: 28px; }

.service-v1 p { text-align: justify; }


/*Blog Posts
------------------------------------*/

.posts .dl-horizontal a { color: #555; }

.posts .dl-horizontal { margin-bottom: 15px; overflow: hidden; }

    .posts .dl-horizontal dt { width: 60px; float: left; }

        .posts .dl-horizontal dt img { width: 60px; height: 60px; padding: 2px; margin-top: 2px; border: solid 1px #ddd; }

    .posts .dl-horizontal dd { margin-left: 70px; }

        .posts .dl-horizontal dd p { margin: 0; }

        .posts .dl-horizontal dd a { font-size: 14px; line-height: 16px !important; }

            .posts .dl-horizontal dd a:hover { color: #72c02c; text-decoration: none; }

    .posts .dl-horizontal:hover dt img,
    .posts .dl-horizontal:hover dd a { color: #72c02c; border-color: #72c02c !important; transition: all 0.2s ease-in-out; }


/*About Page
------------------------------------*/

.team ul.team-socail { text-align: right; }

    .team ul.team-socail li { margin: 0 !important; padding: 0 !important; }

        .team ul.team-socail li a,
        .team ul.team-socail li a:hover { text-decoration: none; }

        .team ul.team-socail li i { color: #aaa; padding: 6px 7px; min-width: 30px; font-size: 18px; text-align: center; background: #f7f7f7; display: inline-block; }

            .team ul.team-socail li i:hover { color: #fff; background: #72c02c; transition: all 0.2s ease-in-out; }

.team .thumbnail-style { padding: 12px; }

    .team .thumbnail-style img { margin-bottom: 7px; }

    .team .thumbnail-style h3 { margin-bottom: 5px; }

    .team .thumbnail-style:hover h3 a { color: #72c02c !important; }

    .team .thumbnail-style small { display: block; margin-top: 5px; font-size: 12px; }


/*About Me Page
------------------------------------*/

.about-me { overflow: hidden; }

    .about-me h2 { margin: 0; font-size: 20px; text-transform: uppercase; }

    .about-me span { color: #999; display: block; font-size: 14px; margin-bottom: 10px; }

    .about-me .social-icons { margin-top: 7px; }


/*About My Goals*/

.about-my-goals h2 { text-transform: uppercase; }


/*About Skills*/

.about-skills { padding: 40px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: url(../img/breadcrumbs.png) repeat; }


/*Gallery Page
------------------------------------*/

.gallery-page .thumbnail,
.gallery-page .thumbnail:hover { padding: 0; border: none; box-shadow: none; }

.gallery-page .thumbnails { margin-bottom: 6px; }


/*Privacy Page
------------------------------------*/

.privacy a { text-decoration: underline; }

    .privacy a:hover { color: #72c02c; text-decoration: none; }


/*Portfolio Item Page v1
------------------------------------*/

.portfolio-item h2 { color: #555; font-size: 24px; margin: 0 0 15px; }

.portfolio-item li { padding: 3px 0; }

.portfolio-item p a { text-decoration: underline; }

    .portfolio-item p a:hover { text-decoration: none; }


/*Portfolio Item v1*/

.portfolio-item1 ul { margin: 10px 0 20px; }

.portfolio-item1 li { font-size: 16px; margin-bottom: 3px; }

    .portfolio-item1 li i { font-size: 18px; margin-right: 4px; }


/*Sidebar Features
------------------------------------*/


/*Blog Tags*/

ul.blog-tags li { display: inline-block; }

ul.blog-tags a { font-size: 13px; padding: 2px 7px; background: #f7f7f7; margin: 0 3px 6px 0; display: inline-block; }

    ul.blog-tags a i { color: #666; }

    ul.blog-tags a:hover { background: #72c02c; }

        ul.blog-tags a:hover,
        ul.blog-tags a:hover i { color: #fff !important; text-decoration: none; transition: all 0.2s ease-in-out; }


/*Blog Photo Stream*/

.blog-photos li { display: inline; }

    .blog-photos li img { width: 58px; height: 58px; margin: 0 2px 8px; }

        .blog-photos li img:hover { box-shadow: 0 0 0 2px #72c02c; }


/*Blog Latest Tweets*/

.blog-twitter .blog-twitter-inner { padding: 10px; position: relative; background: #f7f7f7; margin-bottom: 10px; }

    .blog-twitter .blog-twitter-inner,
    .blog-twitter .blog-twitter-inner:after,
    .blog-twitter .blog-twitter-inner:before { transition: all 0.3s ease-in-out; }

        .blog-twitter .blog-twitter-inner:after,
        .blog-twitter .blog-twitter-inner:before { width: 0; height: 0; right: 0px; bottom: 0px; content: " "; display: block; position: absolute; }

        .blog-twitter .blog-twitter-inner:after { border-top: 15px solid #eee; border-right: 15px solid transparent; border-left: 0px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ }

        .blog-twitter .blog-twitter-inner:before { border-bottom: 15px solid #fff; border-right: 0 solid transparent; border-left: 15px solid transparent; border-left-style: inset; /*FF fixes*/ border-bottom-style: inset; /*FF fixes*/ }

        .blog-twitter .blog-twitter-inner:hover { border-color: #72c02c; border-top-color: #72c02c; }

            .blog-twitter .blog-twitter-inner:hover:after { border-top-color: #72c02c; }

        .blog-twitter .blog-twitter-inner span.twitter-time { color: #777; display: block; font-size: 11px; }

        .blog-twitter .blog-twitter-inner a { color: #72c02c; text-decoration: none; }

            .blog-twitter .blog-twitter-inner a:hover { text-decoration: underline; }

        .blog-twitter .blog-twitter-inner i.fa { top: 2px; color: #bbb; font-size: 18px; position: relative; }


/*Choose Block*/

.who li { margin-bottom: 6px; }

    .who li i { color: #72c02c; font-size: 13px; min-width: 15px; margin-right: 8px; text-align: center; position: relative; }

    .who li:hover i,
    .who li:hover a { color: #777; }

        .who li:hover a:hover { text-decoration: none; }


/*Promo Page
------------------------------------*/


/*Slider Part*/

.fullwidthbanner-container.slider-promo { max-height: 460px !important; }

.slider-promo-info-bg { padding: 25px 20px 20px; background: url(../img/bg-black.png) repeat; }

.slider-promo-info span.big-size { color: #fff; display: block; font-size: 30px; margin-bottom: 25px; text-shadow: none !important; }

.slider-promo-info p { color: #fff; font-size: 16px; margin-bottom: 0; }


/*Promo Box*/

.promo-box { padding: 20px; margin: 25px 0 20px; text-align: center; }

    .promo-box i { display: block; font-size: 50px; }

    .promo-box p { font-size: 14px; margin-bottom: 0; }

    .promo-box strong,
    .promo-box strong a { color: #555; display: block; font-size: 20px; font-weight: 200; margin: 20px 0 15px; }

    .promo-box:hover strong,
    .promo-box:hover strong a { color: #72c02c; }


/*Promo Service*/

.promo-service { margin-bottom: 20px; }

    .promo-service li { margin-bottom: 5px; }

    .promo-service a.btn-u { margin: 0 20px 10px 0; }


/*Promo Elements*/

.title-box { font-size: 16px; text-align: center; padding: 10px 0 30px; /*border-bottom: solid 1px #eee;*/ }

    .title-box .title-box-text { color: #555; display: block; font-size: 35px; font-weight: 200; }

@media (max-width: 768px) {
    .title-box .title-box-text { font-size: 26px; line-height: 34px; margin-bottom: 10px; }
    .title-box p { font-size: 15px; }
}

.block-blockquote { margin: 20px 0; text-align: center; border: dashed 1px #ccc; }

.block-blockquote-inner { padding: 15px; }

.block-blockquote p { font-size: 26px; margin-bottom: 0; }


/*Info Blocks*/

.info-blocks { margin-bottom: 15px; }

    .info-blocks:hover i.icon-info-blocks { color: #72c02c; transition: all 0.2s ease-in-out; }

    .info-blocks i.icon-info-blocks { float: left; color: #777; font-size: 30px; min-width: 50px; margin-top: 10px; text-align: center; }

    .info-blocks .info-blocks-in { padding: 0 10px; overflow: hidden; }

        .info-blocks .info-blocks-in h3 { color: #555; font-size: 20px; line-height: 28px; }

        .info-blocks .info-blocks-in p { font-size: 12px; }


/*Brand Page
------------------------------------*/

.brand-page .btn { margin-bottom: 10px; }


/*Form Pages
------------------------------------*/

.form-page input,
.form-page select { margin-bottom: 10px; }


/*Labels and Badges Page
------------------------------------*/

ul.labels-demo { margin: 5px 0; }

    ul.labels-demo li { list-style: none; display: inline-block; margin: 0 5px 2px 0; }

.badge-sidebar { border-left: solid 1px #eee; }

@media (max-width: 991px) {
    .badge-sidebar { border-left: none; }
}


/*Line Icon Page
------------------------------------*/

.line-icon-page .item-box { width: 25%; float: left; height: 90px; text-align: center; padding: 20px 10px; margin: 0 -1px -1px 0; word-wrap: break-word; border: 1px solid #ddd; }

.line-icon-page .item-box--higher { height: 120px; }

@media (max-width: 768px) {
    .line-icon-page .item-box { height: 115px; }
}

@media (max-width: 450px) {
    .line-icon-page .item-box { height: 130px; }
}

.line-icon-page .item-box:hover { background: #fafafa; }

.line-icon-page .item span { display: block; font-size: 28px; margin-bottom: 10px; }

.line-icon-page .item:hover { color: #72c02c; }


/*Line Icon Page
------------------------------------*/

.icon-page-fa { margin-bottom: 20px; }

    .icon-page-fa .item-box { float: left; height: 100px; width: 16% !important; }

    .icon-page-fa .item { font-size: 12px; }

        .icon-page-fa .item i { color: #555; display: block; font-size: 24px; margin-bottom: 10px; }

@media (max-width: 767px) {
    .icon-page-fa .item-box { width: 20% !important; }
}

@media (max-width: 600px) {
    .icon-page-fa .item-box { width: 30% !important; }
}

@media (max-width: 400px) {
    .icon-page-fa .item-box { width: 50% !important; }
}


/*GLYPHICONS Icons Page
------------------------------------*/


/*Special styles for displaying the icons and their classes*/

.bs-glyphicons { padding-left: 0; list-style: none; overflow: hidden; padding-bottom: 1px; margin-bottom: 20px; }

    .bs-glyphicons li { width: 25%; float: left; height: 115px; padding: 10px; font-size: 11px; line-height: 1.4; text-align: center; margin: 0 -1px -1px 0; border: 1px solid #ddd; }

    .bs-glyphicons .glyphicon { display: block; font-size: 18px; margin: 5px auto 10px; }

    .bs-glyphicons li:hover { color: #72c02c; background-color: #fafafa; }

@media (min-width: 768px) {
    .bs-glyphicons li { width: 12.5%; }
}


/*Glyphicons Pro*/

.demo-pro-glyphicons li { width: 170px; height: 100px; padding: 20px 10px 30px; }

.demo-pro-glyphicons span { height: 40px; display: block; }

    .demo-pro-glyphicons span:before { color: #555; padding: 10px 62px; }

    .demo-pro-glyphicons span.glyphicons:before { font-size: 22px; }


    /*Glyphicons Pro Halflings*/

    .demo-pro-glyphicons span.halflings { height: 30px; }

        .demo-pro-glyphicons span.halflings:before { padding: 10px 70px; }


/*Contact Pages
------------------------------------*/

.map { width: 100%; height: 350px; border-top: solid 1px #eee; border-bottom: solid 1px #eee; }

.map-box { height: 250px; }

.map-box-space { margin-top: 15px; }

.map-box-space1 { margin-top: 7px; }


/*Background Opacity
------------------------------------*/

.service-or { overflow: hidden; position: relative; }

.service-bg { width: 250px; padding: 60px; position: absolute; top: -10px; right: -100px; background-color: rgba(255, 255, 255, 0.1); transform: rotate(55deg); }


/*Easy Block (used for image badges)
------------------------------------*/

.easy-block-v1 { position: relative; }

    .easy-block-v1 img { width: 100%; }

    .easy-block-v1 .overflow-h h3 { width: 60%; float: left; font-size: 18px; line-height: 24px; margin-bottom: 5px; }

    .easy-block-v1 .easy-block-v1-badge { left: 0px; top: 10px; z-index: 1; color: #fff; padding: 4px 10px; position: absolute; }


/*Easy Block v2 (used for image badges)
------------------------------------*/

.easy-block-v2 { overflow: hidden; position: relative; margin-bottom: 20px; }

    .easy-block-v2 img { width: 100%; }

    .easy-block-v2 .easy-bg-v2 { top: 5px; color: #fff; width: 100px; padding: 5px; right: -32px; font-size: 13px; position: absolute; text-align: center; letter-spacing: 2px; transform: rotate(45deg); }


/*Easy Block v3 (used for image badges)
------------------------------------*/

.easy-block-v3 { text-align: left; background: #585f69; padding: 30px 20px 20px; }

    .easy-block-v3.first { background: #696f77; }

    .easy-block-v3.second { background: #707780; }

    .easy-block-v3.third { background: #787f88; }

    .easy-block-v3 i { color: #fff; float: left; font-size: 30px; min-width: 45px; padding-top: 10px; }

    .easy-block-v3 .inner-faq-b { overflow: hidden; }

        .easy-block-v3 .inner-faq-b h2,
        .easy-block-v3 .inner-faq-b h3 { font-size: 21px; margin-bottom: 8px; }

        .easy-block-v3 .inner-faq-b h4 { color: #fff; font-size: 17px; margin-bottom: 2px; }

        .easy-block-v3 .inner-faq-b h2,
        .easy-block-v3 .inner-faq-b h3,
        .easy-block-v3 .inner-faq-b p { color: #fff; }


/*Full Width Block
------------------------------------*/

.full-w-block { padding: 30px 0; background: #282828; }

    .full-w-block .info-blocks i,
    .full-w-block .info-blocks-in h3 { color: #fff; }

    .full-w-block .info-blocks-in p { color: #ccc; }

    .full-w-block .info-blocks:hover i.icon-info-blocks { color: #fff; }


/*Simple Block
------------------------------------*/

.simple-block { margin-bottom: 20px; }

    .simple-block img { width: 100%; }

    .simple-block p { text-align: center; }

    .simple-block .carousel-indicators { top: 10px; left: 65%; text-align: right; }

        .simple-block .carousel-indicators .active { background: #555; }

        .simple-block .carousel-indicators li { border-color: #555; }

    .simple-block .carousel-inner > .item { margin: 0; }

    .simple-block .responsive-video { margin-bottom: 3px; }


/*Two Blocks
------------------------------------*/

.two-blocks { text-align: center; }

.two-blocks-in { margin-bottom: 30px; }

    .two-blocks-in i { color: #fff; padding: 11px; font-size: 30px; min-width: 50px; text-align: center; background: #585f69; margin-bottom: 10px; display: inline-block; }


/*Three Blocks
------------------------------------*/

.three-blocks { text-align: center; }

.three-blocks-in { margin-bottom: 30px; }

    .three-blocks-in i { color: #777; padding: 9px 6px; font-size: 20px; min-width: 40px; margin-bottom: 10px; border: 1px solid #777; }

    .three-blocks-in h3 { font-size: 20px; margin-bottom: 7px; }


/*Temperory Classes
------------------------------------*/


/*Banner-info*/

.banner-info { margin-bottom: 10px; }

    .banner-info i { float: left; color: #fff; padding: 11px; /*min-width works with line-icon*/ min-width: 40px; font-size: 22px; text-align: center; margin: 7px 20px 0 0; }


        /*min-width works with FontAwesome*/

        .banner-info i.fa { min-width: 46px; }

    .banner-info.light i { border: 1px solid #fff; }

    .banner-info.dark i { background: #555; }

    .banner-info h3 { font-size: 21px; margin-bottom: 5px; }

    .banner-info.light h3 { color: #fff; }

    .banner-info.light p { color: #eee; }


/*Title-Box-V2*/

.title-box-v2 { text-align: center; margin-bottom: 40px; }

    .title-box-v2 h2 { font-size: 25px; text-transform: uppercase; }

    .title-box-v2 p { font-size: 13px; }


/*remove padding from "Col-"*/

.no-space { padding: 0; }

.no-space-left { padding-left: 0; padding-right: 15px !important; }

.no-space-right { padding-right: 0; padding-left: 15px !important; }


/*List Style v1*/

.list-style-v1 li { margin-bottom: 7px; }

.list-style-v1 i { margin-right: 5px; }


/*Social Contacts
------------------------------------*/

.social-contacts li { padding: 5px 0; border-top: 1px solid #ddd; }

    .social-contacts li:first-child { border-top: none; }

    .social-contacts li i { color: #777; font-size: 13px; min-width: 13px; margin-right: 12px; text-align: center; }


/*Status Bar
------------------------------------*/

.status-bar li { padding-left: 9px; border-left: 1px solid #eee; }

    .status-bar li:first-child { border-left: none; }

    .status-bar li i { color: #72c02c; margin-right: 5px; }

    .status-bar li a:hover { text-decoration: none; }

.status-bar-in { padding: 10px; position: relative; background: #f0f0f0; }

    .status-bar-in:after { width: 0; height: 0; top: -10px; left: 50px; content: " "; display: block; position: absolute; border-bottom: 11px solid #f0f0f0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ }


/*Share List*/

.share-list { margin-bottom: 0; }

    .share-list li { padding-left: 20px; }

        .share-list li:first-child { padding-left: 0; }

        .share-list li i { color: #72c02c; margin-right: 5px; }


/*People Say
------------------------------------*/

.people-say img { float: left; width: 40px; height: auto; margin: 6px 10px 0 0; }

.people-say .overflow-h span { font-weight: 700; }

.people-say .overflow-h p { font-style: italic; line-height: 1.3; }

.people-say .overflow-h small { text-align: right; font-style: italic; }


/*Inspire Page
------------------------------------*/

img.img-mouse { width: 150px; height: auto; margin: 0 auto 60px; }


/*Desire Page
------------------------------------*/


/*Service Info*/

.service-info { position: relative; padding: 40px 0 50px; background: url(../img/patterns/17.png) repeat; }

    .service-info .info-description { overflow: hidden; }

    .service-info i.service-info-icon { color: #777; float: left; width: 50px; height: 50px; padding: 15px; font-size: 20px; line-height: 17px; margin-right: 20px; text-align: center; display: inline-block; border: 1px solid #777; }

    .service-info .info-description h3 { margin: 0 0 10px; }

    .service-info .info-description p { color: #777; }


/*Portfolio Single Item Page
------------------------------------*/


/*Project Details*/

.project-details li { color: #555; font-weight: 200; margin-bottom: 5px; }

.project-details strong { min-width: 100px; display: inline-block; }

.project-details a { text-decoration: underline; }


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

.testimonials-bs { padding: 50px 0; background: url(../img/bg/16.jpg) 50% 0 repeat fixed; }

    .testimonials-bs .headline-center-v2 span.author { color: #777; font-size: 14px; }


    /*Removes Bootstrap carousel background images*/

    .testimonials-bs .item { margin-bottom: 30px; }

    .testimonials-bs .carousel-arrow { text-align: center; }

    .testimonials-bs .carousel-control-v2 i { color: #888; width: 30px; height: 30px; padding: 2px; font-size: 22px; display: inline-block; border: 2px solid #888; }

        .testimonials-bs .carousel-control-v2 i:hover { color: #72c02c; border-color: #72c02c; text-decoration: none; transition: all 0.3s ease-in-out; }

    .testimonials-bs .carousel-control-v2.left,
    .testimonials-bs .carousel-control-v2.right { text-decoration: none; background-image: none; }


/*Team v1*/

.team-v1 li > h3 { color: #555; }

/*
 * Template Name: Unify - Responsive Bootstrap Template
 * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
 * Version: 1.9.2
 * Author: @htmlstream
 * Website: //htmlstream.com
*/


/*Import Global Compulsory CSS Files*/

/*@import url(app.css);
@import url(blocks.css);*/
* { border-radius: 0; }
    *, *::after, *::before {
        box-sizing: border-box;
    }
body { color: #333; font-size: 14px; line-height: 1.6; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}

    body.header-fixed-space { padding-top: 116px; }

    body.header-fixed-space-v2 { padding-top: 135px; }

@media (max-width: 991px) {
    body.header-fixed-space,
    body.header-fixed-space-v2 { padding-top: 0; }
}

ol, ul {
    padding: 0px;
    list-style: none;
}
p,
li,
li a,
label { color: #333;margin:0; }

a { color: #3498db; text-decoration: none; }

    a,
    a:focus,
    a:hover,
    a:active,
    button,
    button:hover { outline: 0 !important; }

        a:focus { text-decoration: none; }

        a:hover { color: #3498db; text-decoration: none; }


/*Boxed Layout
------------------------------------*/

.wrapper { background: #fff; }

.boxed-layout { padding: 0; box-shadow: 0 0 5px #ccc; margin-left: auto !important; margin-right: auto !important; background: url(../img/patterns/15.png) repeat; }


/*Hiding arrows for select field in IE*/

select::-ms-expand { display: none; }

.footer .footer-socials { text-align: right; }

.txt-left { text-align: left; }

.txt-center { text-align: center; }

.txt-right { text-align: right; }

.text-danger, .error { color: #ee9393; }

/*login*/
.sky-form .input-group .input-group-btn { position: relative; font-size: 0; white-space: nowrap; }
    .sky-form .input-group .input-group-btn .btn-append { font-weight: normal; }
/* Placeholder */
.login-block ::-webkit-input-placeholder { color: #aaa; }
.login-block ::-moz-placeholder { color: #aaa; }
.login-block :-ms-input-placeholder { color: #aaa; }
.reg-block ::-webkit-input-placeholder { color: #aaa; }
.reg-block ::-moz-placeholder { color: #aaa; }
.reg-block :-ms-input-placeholder { color: #aaa; }

.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-30 { margin-top: 30px; }
.margin-left-15 { margin-left: 15px; }

.sky-form .tooltip.field-validation-error { background: #ee9393; opacity: 1; z-index: 9; }
.sky-form .tooltip-top-right.field-validation-error:after { border-top: 4px solid rgba(238,147,147,0.9); }
.sky-form .tooltip-top-left.field-validation-error:after { border-top: 4px solid rgba(238,147,147,0.9); }
.sky-form .tooltip-bottom-right.field-validation-error:after { border-bottom: 4px solid rgba(238,147,147,0.9); }
.sky-form .tooltip-right.field-validation-error:after { border-right: 4px solid rgba(238,147,147,0.9); }

.bg-color-green { background-color: #2ecc71 !important; }
.blog-border { border: solid 1px #ddd; }


/* �K����K�� */

.page {
    /*text-align: center;*/
    margin:20px 0;
}

    .page * {
        display: inline-block;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 30px;
        margin: 5px;
        background-color: rgba(255, 255, 255, 1);
        /*border-radius: 3px;*/
        border: solid 1px #bfbfbf;
        font-family: MicrosoftYaHei;
        font-size: 20px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        color: #999999;
    }

    .page .current {
        /*background-color: #0098d7;*/
        /*color: white !important;*/
        color: #fff !important;
        /*border-bottom:1px solid #e60012;*/
        background-color: #3e5da8;
        border-color: transparent;
    }

    .page .disabled {
        border-color: transparent;
        cursor: not-allowed;
    }

    .page [title="Prev"], .page [title="Next"] {
        border-color: transparent;
    }

    .page *:hover {
        /*border-color: #ff0000;*/
        /*color: rgba(44, 152, 221, 1);*/
        color: #fff !important;
        /*border-bottom: 1px solid #e60012;*/
        background-color: #3e5da8;
        border-color: transparent;
    }
.page span:nth-child(1){
    width:auto;
    padding:0 10px;
}
    .page a:nth-child(1) {
        width: auto;
        padding: 0 10px;
    }
    .page span:nth-last-child(1) {
        width: auto;
        padding: 0 10px;
    }
    .page a:nth-last-child(1) {
        width: auto;
        padding: 0 10px;
    }
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}