/* --------------------------------------------------------	*/
/*  Fonts  */
/* --------------------------------------------------------	*/
@import url(fonts.css);
/* --------------------------------------------------------	*/
/*  Base  */
/* --------------------------------------------------------	*/

html {
	overflow-y : scroll;
	overflow-x : hidden;
}

body {
	font-family              : 'Open Sans', sans-serif;
	font-size                : 13px;
	line-height              : 23px;
	color                    : #56595e;
	background               : #FFF;
	-webkit-font-smoothing   : antialiased;
	-webkit-text-size-adjust : 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family   : 'Open Sans', sans-serif;
	font-weight   : 500;
	line-height   : 1.4em;
	padding       : 0px;
	margin        : 0px;
	margin-bottom : 15px;
	clear         : both;
}

h1 {
	font-size   : 36px;
	font-weight : 300;
}

h2 {
	font-size : 31px;
	color     : #0fa2d5;
}

h3 {
	font-size      : 24px;
	font-weight    : 300;
	text-transform : uppercase;
	color          : #0fa2d5;
}

h4 {
	font-size : 24px;
}

h5 {
	font-size   : 20px;
	font-weight : 400;
}

h6 {
	font-size : 16px;
}

hr {
	background : #91979f;
	height     : 1px;
	border     : 0px;
	margin     : 20px 0px;
}

p {
	margin : 0px 0px 15px 0px;
}

a {
	color           : #0fa1d5;
	text-decoration : none;
}

a:hover {
	color           : #3c4451;
	text-decoration : none;
}

blockquote {
	font-size   : 15px;
	font-style  : italic;
	color       : #566174;
	padding     : 20px;
	margin      : 0px;
	border-left : 5px solid #ff4b64;
	background  : url(../img/back-strip.png);
}

blockquote h4 {
	color : #3c4451;
}

.bold, .strong {
	font-weight : bold;
}

.normal {
	font-weight : normal;
}

img {
	width : 100%;
}
.highlight {
	color : #ff4b64;
}


/* --------------------------------------------------------	*/
/*	Spaces  */
/* --------------------------------------------------------	*/

.space5 {
	height : 5px;
	clear  : both;
}

.space10 {
	height : 10px;
	clear  : both;
}

.space15 {
	height : 15px;
	clear  : both;
}

.space20 {
	height : 20px;
	clear  : both;
}

.space25 {
	height : 25px;
	clear  : both;
}

.space30 {
	height : 30px;
	clear  : both;
}

.space35 {
	height : 35px;
	clear  : both;
}

.space40 {
	height : 40px;
	clear  : both;
}

.space45 {
	height : 45px;
	clear  : both;
}

.space50 {
	height : 50px;
	clear  : both;
}

.space55 {
	height : 55px;
	clear  : both;
}

.space60 {
	height : 60px;
	clear  : both;
}

.space65 {
	height : 65px;
	clear  : both;
}

.space70 {
	height : 70px;
	clear  : both;
}

.space75 {
	height : 75px;
	clear  : both;
}

.space80 {
	height : 80px;
	clear  : both;
}

.space85 {
	height : 85px;
	clear  : both;
}

.space90 {
	height : 90px;
	clear  : both;
}

.space95 {
	height : 95px;
	clear  : both;
}

.space100 {
	height : 100px;
	clear  : both;
}

.space110 {
	height : 110px;
	clear  : both;
}

.space120 {
	height : 120px;
	clear  : both;
}

.space150 {
	height : 150px;
	clear  : both;
}

/* --------------------------------------------------------	*/
/*  Header  */
/* --------------------------------------------------------	*/

header {
	background : transparent;
}

/* Top Bar */

.top-bar {
	height        : 40px;
	border-bottom : 1px solid #e7e7e7;
}

.top-bar p {
	margin      : 0px;
	line-height : 38px;
	text-align  : left;
}

.top-bar p i {
	padding : 0px 5px 0px 10px;
}

.top-bar ul {
	list-style : none;
	float      : right;
}

.top-bar ul li {
	float       : left;
	height      : 40px;
	line-height : 38px;
	padding     : 0px 17px;
	border-left : 1px solid #e7e7e7;
}

.top-bar ul li:last-child {
	border-right : 1px solid #e7e7e7;
}

@media (max-width : 768px) {

	.top-bar {
		display : none;
	}

}

.top-bar.dark {
	color      : #eaf0f4;
	background : #2e343e;
	border     : 0px;
}

.top-bar.dark ul li a {
	color : #eaf0f4;
}

.top-bar.dark ul li a:hover {
	color : #0fa1d5;
}

.top-bar.dark ul li {
	border-color : #7e848c;
}

/* Top Container */

.top-container {
	display  : block;
	margin   : 20px 20px 15px 0px;
	overflow : hidden;
}

.top-container.t-bar {
	margin : 30px 0px 20px 0px;
}

.logo {
	width : auto;
	float : right;
}

.top-items {
	float      : left;
	list-style : none;
	padding    : 0px;

}

.top-items li {
	float         : left;
	padding-left  : 22px;
	padding-right : 20px;
}

.top-items li:last-child {
	padding-right : 0px;
}

.top-items li.red i, .top-items li.red a {
	color : #ff4862;
}

.top-items li.red:hover i, .top-items li.red:hover a {
	color : #00a1d7;
}

@media screen and (max-width : 991px) {

	.top-container {
		margin : 15px 0px 5px 0px;
	}

	.top-items {
		clear       : both;
		float       : left;
		padding-top : 10px;
	}

}

/* --------------------------------------------------------	*/
/*  Breadcrumb  */
/* --------------------------------------------------------	*/

.breadcrumb-container {
	padding : 30px 0px 10px 0px;
}

.breadcrumb-container h1 {
	float  : left;
	margin : 0px;
}

.breadcrumb {
	background : transparent;
	text-align : right;
	margin     : 8px 0px;
}

.breadcrumb > .active {
	color : #ff4b64;
}

.breadcrumb > li + li:before {
	color : #0fa1d5;
}

/* --------------------------------------------------------	*/
/*  Navigation  */
/* --------------------------------------------------------	*/

.navbar {
	width                 : 100%;
	min-height            : 40px;
	border                : 0px;
	padding               : 0px;
	margin                : 0px;
	z-index               : 99999;
	background            : #f7fcff;
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-o-border-radius      : 0px;
	border-radius         : 0px;


	-webkit-box-shadow    : 0 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow       : 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow            : 0 1px 1px rgba(0, 0, 0, 0.1);
}

.navbar .nav {
	position : relative;
	display  : block;
	right    : 0px;
	float    : left;
	padding  : 0px;
	margin   : 0px;
}

.select-menu {
	display : none;
}

.navbar .nav > li {
	display : block;
	float   : left;
}

.navbar .nav > li > a {
	display               : inline-block;
	font-family           : 'Open Sans', serif;
	font-size             : 14px;
	line-height           : 40px;
	color                 : #7a828f;
	background            : #e6edf2;
	padding               : 0px 20px;
	margin                : 0px;
	margin-right          : 1px;
	border                : 0px;
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-o-border-radius      : 0px;
	border-radius         : 0px;
}

.navbar .nav > li:hover > a {
	color      : #fff;
	background : #ff4b64;
}

.navbar .nav > li.selected > a {
	color      : #fff;
	background : #0fa2d5;
}

.navbar .nav > li.selected > a:hover {
	color      : #fff;
	background : #ff4b64;
}

.navbar .nav > li.selected:hover > a {
	color      : #fff;
	background : #ff4b64;
}

.navbar .dark {
	background : #2e343e;
}

.navbar .dark .nav > li > a {
	background : #232933;
}

.navbar .dark .nav > li.selected > a {
	background : #0fa2d5;
}

/* --------------------------------------------------------	*/
/*  Dropdown  */
/* --------------------------------------------------------	*/

.navbar .nav > li > ul {
	display            : none;
	z-index            : -1;
	padding            : 0px;
	-webkit-box-shadow : 3px 6px 30px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow    : 3px 6px 30px 0px rgba(0, 0, 0, 0.3);
	box-shadow         : 3px 6px 30px 0px rgba(0, 0, 0, 0.3);
}

.navbar .nav > li:hover > ul {
	display    : block;
	position   : absolute;
	left       : 0px;
	list-style : none;
	background : #2e343e;
}

.navbar .nav > li > ul > li {
	position      : relative;
	background    : #2e343e;
	border-bottom : 1px solid #3f4755;
}

.navbar .nav > li > ul > li:last-child {
	border-bottom : 0px;
}

.navbar .nav > li > ul > li > a {
	display     : block;
	min-width   : 220px;
	height      : 40px;
	line-height : 40px;
	color       : #7a828f;
	padding     : 0px 20px;
}

.navbar .nav > li > ul > li > a:hover {
	color : #fff;
}

.navbar .nav > li > ul > li:hover > a {
	color : #fff;
}

.navbar .nav > li > ul > li.selected > a {
	color         : #fff;
	border-left   : 5px solid #ff4b64;
	padding-left  : 25px;
	padding-right : 5px;
}

/* --------------------------------------------------------	*/
/*  Dropdown 2nd  */
/* --------------------------------------------------------	*/

.navbar .nav > li > ul > li > ul {
	display            : none;
	list-style         : none;
	padding            : 0px;
	-webkit-box-shadow : 3px 6px 30px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow    : 3px 6px 30px 0px rgba(0, 0, 0, 0.3);
	box-shadow         : 3px 6px 30px 0px rgba(0, 0, 0, 0.3);
}

.navbar .nav > li > ul > li:hover > ul {
	display  : block;
	position : absolute;
	top      : 0px;
	left     : 220px;
}

.navbar .nav > li > ul > li > ul > li {
	background    : #2e343e;
	border-bottom : 1px solid #3f4755;
}

.navbar .nav > li > ul > li > ul > li:last-child {
	border-bottom : 0px;
}

.navbar .nav > li > ul > li > ul > li > a {
	display     : block;
	min-width   : 220px;
	height      : 40px;
	line-height : 40px;
	color       : #7a828f;
	padding     : 0px 20px;
}

.navbar .nav > li > ul > li > ul > li > a:hover {
	color : #fff;
}

.navbar .nav > li > ul > li > ul > li.selected > a {
	color        : #fff;
	border-left  : 5px solid #ff4b64;
	padding-left : 30px;
}

/* --------------------------------------------------------	*/
/*  Mobile Menu  */
/* --------------------------------------------------------	*/

/*  Styles For Desktop  */
.tinynav {
	display : none
}

/*  Styles For Mobile  */
@media screen and (max-width : 991px) {

	.navbar {
		padding-top    : 10px;
		padding-bottom : 10px;
	}

	/*  Select Navigation  */
	.tinynav {
		display     : block;
		float       : left;
		width       : 100%;
		min-width   : 120px;
		height      : 30px;
		font-family : 'Open Sans', sans-serif;
		font-size   : 13px;
		line-height : 30px;
		color       : #464646;
		background  : #fdfdfd;
		border      : 1px solid #f4f4f4;
		margin-top  : 0px;
	}

	#nav {
		display : none
	}

	.js .tinynav {
		display : block
	}

	.js #nav {
		display : none
	}

	.tinynav option[selected=selected] {
		color      : #343434;
		background : #f4f4f4;
	}

}

/* --------------------------------------------------------	*/
/* Contact Data */
/* --------------------------------------------------------	*/

.contact-data {
	line-height : 28px;
}

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

.btn, .btn:focus {
	color                 : #0fa1d5;
	background            : transparent;
	padding               : 12px 21px;
	border                : 1px solid #0fa1d5;
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-o-border-radius      : 0px;
	border-radius         : 0px;
	-webkit-transition    : all 0.3s ease-in-out;
	-moz-transition       : all 0.3s ease-in-out;
	-ms-transition        : all 0.3s ease-in-out;
	-o-transition         : all 0.3s ease-in-out;
	transition            : all 0.3s ease-in-out;
}

.btn:hover {
	color      : #fff;
	background : #0fa1d5;
	border     : 1px solid #0fa1d5;
}

.btn i {
	margin-right : 10px;
}

.btn-primary, .btn-primary:focus {
	color      : #fff;
	background : #0fa1d5;
	border     : 0px;
}

.btn-primary:hover {
	color      : #fff;
	background : #0b7297;
	border     : 0px;
}

.btn-info, .btn-info:focus {
	color                 : #0fa2d5;
	background            : rgba(11, 114, 151, 0.05);
	border                : 1px dashed rgba(11, 114, 151, 0.6);
	-webkit-border-radius : 2px;
	-moz-border-radius    : 2px;
	-o-border-radius      : 2px;
	border-radius         : 2px;
}

.btn-info:hover {
	color      : #0fa2d5;
	background : rgba(11, 114, 151, 0.15);
	border     : 1px dashed rgba(11, 114, 151, 0.9);
}

.btn-lg {
	padding : 15px 25px;
}

.btn-sm {
	padding : 9px 18px;
}

.btn-xs {
	padding : 4px 12px;
}

.btn.rounded {
	border-radius : 5px;
}

.buttons-page .btn {
	margin-bottom : 15px;
}

/* --------------------------------------------------------	*/
/*  Buttons Color 2  */
/* --------------------------------------------------------	*/

.btn.color-2 {
	color        : #ff4b64;
	border-color : #ff4b64;
}

.btn.color-2:hover {
	color        : #fff;
	background   : #ff4b64;
	border-color : #ff4b64;
}

.btn-primary.color-2, .btn-primary.color-2:focus {
	color      : #fff;
	background : #ff4b64;
	border     : 0px;
}

.btn-primary.color-2:hover {
	background : #c2394c;
}

.btn-info.color-2, .btn-info.color-2:focus {
	color      : #c2394c;
	background : rgba(194, 57, 76, 0.05);
	border     : 1px dashed rgba(194, 57, 76, 0.6);
}

.btn-info.color-2:hover {
	color      : #c2394c;
	background : rgba(194, 57, 76, 0.15);
	border     : 1px dashed rgba(194, 57, 76, 0.9);
}
/* --------------------------------------------------------	*/
/*  Buttons Color 3  */
/* --------------------------------------------------------	*/

.btn.color-3 {
	color        : #7786a1;
	border-color : #7786a1;
}

.btn.color-3:hover {
	color        : #fff;
	background   : #7786a1;
	border-color : #7786a1;
}

.btn-primary.color-3, .btn-primary.color-3:focus {
	color      : #fff;
	background : #7786a1;
	border     : 0px;
}

.btn-primary.color-3:hover {
	background : #566174;
}

.btn-info.color-3, .btn-info.color-3:focus {
	color      : #566174;
	background : rgba(86, 97, 116, 0.05);
	border     : 1px dashed rgba(86, 97, 116, 0.6);
}

.btn-info.color-3:hover {
	color      : #566174;
	background : rgba(86, 97, 116, 0.15);
	border     : 1px dashed rgba(86, 97, 116, 0.9);
}

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

.btn.btn-white {
	color      : rgba(255, 255, 255, 0.65);
	border     : 1px solid rgba(255, 255, 255, 0.65);
	background : transparent;
}

.btn.btn-white:hover {
	color  : rgba(255, 255, 255, 1);
	border : 1px solid rgba(255, 255, 255, 1);
}

/* --------------------------------------------------------	*/
/*  Pagination */
/* --------------------------------------------------------	*/

.pagination li a {
	border-radius : 0px;
	border        : 1px solid #d7dfe4;
	color         : #7786a1;
}

.pagination li a:hover {
	color      : #0fa1d5;
	background : #e6edf2;
}

.pagination > li.active > a,
.pagination > li.active > span,
.pagination > li.active > a:hover,
.pagination > li.active > span:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span:focus {
	z-index          : 2;
	color            : #fff;
	background-color : #0fa1d5;
	border-color     : #d7dfe4;
	cursor           : default;
}

/* --------------------------------------------------------	*/
/*  Tags  */
/* --------------------------------------------------------	*/

.tags a {
	height             : 28px;
	font-size          : 13px;
	line-height        : 28px;
	color              : #90979f;
	background         : #e6edf2;
	padding            : 0px 12px;
	margin-right       : 8px;
	margin-bottom      : 8px;
	float              : left;
	-webkit-transition : 0.3s ease-in-out;
	-moz-transition    : 0.3s ease-in-out;
	-ms-transition     : 0.3s ease-in-out;
	-o-transition      : 0.3s ease-in-out;
	transition         : 0.3s ease-in-out;
}

.tags a:hover {
	color      : #fff;
	background : #0fa1d5;
}

/* --------------------------------------------------------	*/
/*  Tags 2  */
/* --------------------------------------------------------	*/

.tags-2 a {
	color      : #fff;
	background : #566174;
}

/* --------------------------------------------------------	*/
/*  Promo Box  */
/* --------------------------------------------------------	*/

.promo-box {
	border           : 1px solid #0fa1d5;
	background-color : #e6edf2;
	padding          : 40px;
	margin           : 0 0 20px 0;
}

.promo-box h4 {
	font-size   : 24px;
	line-height : 30px;
	color       : #fff;
	text-align  : left;
	margin      : 0px;
	padding     : 0px;
}

.promo-box .author {
	font-size : 14px;
	padding   : 50px 0px;
	margin    : 0px;
}

.promo-box .btn {
	margin : 7px 0px 0px 0px;
	float  : right;
}

/* --------------------------------------------------------	*/
/*  Promo Box 2  */
/* --------------------------------------------------------	*/

.promo-box-2 {
	background : #ff4b64;
}

/* --------------------------------------------------------	*/
/*  Promo Box 3  */
/* --------------------------------------------------------	*/

.promo-box-3 {
	background : #3c4451;
}

/* --------------------------------------------------------	*/
/*  Table  */
/* --------------------------------------------------------	*/

table {
	width           : 100%;
	border-collapse : collapse;
	border          : 0px;
}

table, th, td {
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-o-border-radius      : 0px;
	border-radius         : 0px;
}

th, td {
	padding : 15px 20px !important;
}

th {
	color       : #ffffff;
	background  : #0b7297;
	font-weight : normal;
	border      : 1px solid #0b7297 !important;
}

td {
	color      : #8c9aaa;
	background : #ffffff;
	border     : 1px solid #e6edf2 !important;
	padding    : 15px 20px;
}

table a:hover {
	text-decoration : none;
}

/* --------------------------------------------------------	*/
/*  Table 2  */
/* --------------------------------------------------------	*/

.table-2 th {
	background : #0fa1d5;
	border     : 1px solid #0fa1d5 !important;
}

/* --------------------------------------------------------	*/
/*  Badges  */
/* --------------------------------------------------------	*/

.badges .list-group-item {
	border-radius : 0px;
	border        : 1px solid #abb3ba !important;
	background    : transparent;
}

.badges .badge {
	position   : relative;
	background : #3c4451;
	top        : 8px;
}

/* --------------------------------------------------------	*/
/*  Client Says  */
/* --------------------------------------------------------	*/

.client-says .client-text {
	position   : relative;
	font-style : italic;
	color      : #fff;
	background : #2d333d;
	padding    : 30px 25px;
}

.client-says .client-text:after {
	content      : '';
	position     : absolute;
	width        : 0;
	height       : 0;
	left         : 25px;
	bottom       : -26px;
	border       : 13px solid;
	border-color : #2d333d transparent transparent transparent;
}

.client-says .client-name {
	float         : right;
	padding-top   : 14px;
	padding-right : 10px;
}

.client-says .client-name i {
	font-size     : 16px;
	padding-right : 10px;
}

/* --------------------------------------------------------	*/
/*  Client Says 2  */
/* --------------------------------------------------------	*/

.client-says-2 .client-text {
	position   : relative;
	font-style : italic;
	color      : #0fa1d5;
	background : #e6edf2;
	padding    : 30px 25px;
}

.client-says-2 .client-text:after {
	content      : '';
	position     : absolute;
	width        : 0;
	height       : 0;
	left         : 25px;
	bottom       : -26px;
	border       : 13px solid;
	border-color : #e6edf2 transparent transparent transparent;
}

.client-says-2 .client-name {
	float        : left;
	padding-top  : 10px;
	padding-left : 55px;
	font-size    : 14px;
}

/* --------------------------------------------------------	*/
/*  Happy Client Says  */
/* --------------------------------------------------------	*/

.happy-client-container {
	padding : 100px 0px 80px 0px;
}

.happy-client-container h4 {
	font-size      : 26px;
	font-weight    : 500;
	margin-bottom  : 20px;
	text-align     : center;
	text-transform : none;
}

.happy-client-container h5 {
	font-size      : 15px;
	font-weight    : 700;
	text-align     : center;
	text-transform : none;
}

.happy-client-container p {
	font-size      : 15px;
	line-height    : 30px;
	font-weight    : 500;
	color          : #fff;
	text-align     : center;
	text-transform : none;
}

/* --------------------------------------------------------	*/
/*  Progress Bar  */
/* --------------------------------------------------------	*/

.progress-bar-shortcode .progress {
	height                : 38px;
	background            : #e6edf2;
	margin-bottom         : 10px;
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-o-border-radius      : 0px;
	border-radius         : 0px;
	-webkit-box-shadow    : rgba(0, 0, 0, 0) 0 0 0 inset;
	moz-box-shadow        : rgba(0, 0, 0, 0) 0 0px 0px inset;
	box-shadow            : rgba(0, 0, 0, 0) 0 0px 0px inset;
}

.progress-bar-shortcode .progress-bar {
	float                 : left;
	width                 : 0;
	height                : 100%;
	color                 : #fff;
	background            : #2d333d;
	font-size             : 14px;
	line-height           : 35px;
	padding-left          : 20px;
	border                : 0px;
	text-align            : left;
	text-shadow           : 0 0 0 rgba(0, 0, 0, 0);
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-o-border-radius      : 0px;
	border-radius         : 0px;
	-webkit-box-sizing    : border-box;
	-moz-box-sizing       : border-box;
	box-sizing            : border-box;
	-webkit-transition    : width .6s ease;
	-moz-transition       : width .6s ease;
	-o-transition         : width .6s ease;
	transition            : width .6s ease;
}

.progress-striped {
	height : 30px;
}

/* --------------------------------------------------------	*/
/*  Alerts  */
/* --------------------------------------------------------	*/

.alert {
	margin-bottom         : 9px;
	padding               : 20px;
	color                 : #789ab9;
	background            : #e6edf2;
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-o-border-radius      : 0px;
	border-radius         : 0px;
	border                : 0px !important;
	text-shadow           : none !important;
}

.alert-error {
	color      : #93545d;
	background : #ff92a1;
}

.alert-info {
	color      : #7f7e00;
	background : #eae9b9;
}

.alert-success {
	color      : #598157;
	background : #99de95;
}

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

.icons i {
	color         : #8c9aaa;
	width         : 24px;
	font-size     : 24px;
	margin-right  : 30px;
	margin-bottom : 30px;
	float         : left;
}

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

.entypo-icons i {
	color         : #8c9aaa;
	text-align    : center;
	width         : 36px;
	height        : 36px;
	font-size     : 56px;
	line-height   : 8px;
	margin-right  : 30px;
	margin-bottom : 30px;
	float         : left;
}

/* --------------------------------------------------------	*/
/*  Typicons  */
/* --------------------------------------------------------	*/

.typicons .typcn {
	color         : #8c9aaa;
	text-align    : center;
	width         : 40px;
	height        : 40px;
	font-size     : 34px;
	line-height   : 34px;
	margin-right  : 30px;
	margin-bottom : 30px;
	float         : left;
}

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

.social i, .social-2 i, .social-3 i, .social-4 i, .social-5 i, .social-6 i {
	color                 : #abb3ba;
	background            : transparent;
	font-size             : 24px;
	line-height           : 36px;
	width                 : 36px;
	height                : 36px;
	margin                : 0px 4px 8px 4px;
	text-align            : center;
	-webkit-border-radius : 3px;
	-moz-border-radius    : 3px;
	-o-border-radius      : 3px;
	border-radius         : 3px;
	-webkit-transition    : 0.3s ease-in-out;
	-moz-transition       : 0.3s ease-in-out;
	-ms-transition        : 0.3s ease-in-out;
	-o-transition         : 0.3s ease-in-out;
	transition            : 0.3s ease-in-out;
}

.social-2 i {
	color       : #abb3ba;
	font-size   : 20px;
	line-height : 20px;
	width       : 20px;
	height      : 20px;
}

.social-2 i:hover {
	color : #0fa1d5;
}

.social-3 i {
	color      : #ffffff;
	background : #0fa1d5;
}

.social-3 i:hover {
	color      : #ffffff;
	background : #0b7297;
}

.social-4 i {
	color      : #ffffff;
	background : #abb3ba;
}

.social-4 i:hover {
	color      : #ffffff;
	background : #353648;
}

.social-5 i {
	color                 : #fff;
	background            : #566174;
	font-size             : 16px;
	line-height           : 40px;
	width                 : 40px;
	height                : 40px;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
}

.social-5 i:hover {
	color      : #fff;
	background : #0fa2d5;
}

.social-6 i {
	color                 : #7a828f;
	background            : #e6edf2;
	font-size             : 16px;
	line-height           : 40px;
	width                 : 40px;
	height                : 40px;
	margin                : 0px;
	margin-left           : 1px;
	float                 : right;
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-o-border-radius      : 0px;
	border-radius         : 0px;
}

.social-6 i:hover {
	color : #fff;
}

@media (max-width : 991px) {

	.social-top.social-6 i {
		display : none;
	}

}

.social .fa-adn:hover {
	color : #c0bdbb;
}
.social .fa-android:hover {
	color : #98cb02;
}
.social .fa-apple:hover {
	color : #86878b;
}
.social .fa-bitbucket:hover {
	color : #0a4372;
}
.social .fa-bitbucket-square:hover {
	color : #0a4372;
}
.social .fa-bitcoin:hover {
	color : #f8a038;
}
.social .fa-css3:hover {
	color : #1571b4;
}
.social .fa-dribbble:hover {
	color : #cb2027;
}
.social .fa-dropbox:hover {
	color : #79bbee;
}
.social .fa-facebook:hover {
	color : #3b5a9b;
}
.social .fa-facebook-square:hover {
	color : #3b5a9b;
}
.social .fa-flickr:hover {
	color : #ef5999;
}
.social .fa-foursquare:hover {
	color : #63215f;
}
.social .fa-github:hover {
	color : #000000;
}
.social .fa-github-alt:hover {
	color : #000000;
}
.social .fa-github-square:hover {
	color : #000000;
}
.social .fa-gittip:hover {
	color : #643614;
}
.social .fa-google-plus:hover {
	color : #c53c2c;
}
.social .fa-google-plus-square:hover {
	color : #c53c2c;
}
.social .fa-html5:hover {
	color : #eb4d24;
}
.social .fa-instagram:hover {
	color : #ad856a;
}
.social .fa-linkedin:hover {
	color : #1d84b1;
}
.social .fa-linkedin-square:hover {
	color : #1d84b1;
}
.social .fa-maxcdn:hover {
	color : #f5ad34;
}
.social .fa-pagelines:hover {
	color : #0196f0;
}
.social .fa-pinterest:hover {
	color : #ca2128;
}
.social .fa-pinterest-square:hover {
	color : #ca2128;
}
.social .fa-renren:hover {
	color : #005aab;
}
.social .fa-skype:hover {
	color : #0ebbe3;
}
.social .fa-stack-exchange:hover {
	color : #054f96;
}
.social .fa-stack-overflow:hover {
	color : #054f96;
}
.social .fa-trello:hover {
	color : #1c5f89;
}
.social .fa-tumblr:hover {
	color : #2a445e;
}
.social .fa-tumblr-square:hover {
	color : #2a445e;
}
.social .fa-twitter:hover {
	color : #00aced;
}
.social .fa-twitter-square:hover {
	color : #00aced;
}
.social .fa-vimeo-square:hover {
	color : #1bb6ec;
}
.social .fa-vk:hover {
	color : #4e739f;
}
.social .fa-weibo:hover {
	color : #d52b2b;
}
.social .fa-windows:hover {
	color : #07b0eb;
}
.social .fa-xing:hover {
	color : #005a5d;
}
.social .fa-xing-square:hover {
	color : #005a5d;
}
.social .fa-youtube:hover {
	color : #bc2a2d;
}
.social .fa-youtube-play:hover {
	color : #bc2a2d;
}
.social .fa-youtube-square:hover {
	color : #bc2a2d;
}

.social-6 .fa-adn:hover {
	background : #c0bdbb;
}
.social-6 .fa-android:hover {
	background : #98cb02;
}
.social-6 .fa-apple:hover {
	background : #86878b;
}
.social-6 .fa-bitbucket:hover {
	background : #0a4372;
}
.social-6 .fa-bitbucket-square:hover {
	background : #0a4372;
}
.social-6 .fa-bitcoin:hover {
	background : #f8a038;
}
.social-6 .fa-css3:hover {
	background : #1571b4;
}
.social-6 .fa-dribbble:hover {
	background : #cb2027;
}
.social-6 .fa-dropbox:hover {
	background : #79bbee;
}
.social-6 .fa-facebook:hover {
	background : #3b5a9b;
}
.social-6 .fa-facebook-square:hover {
	background : #3b5a9b;
}
.social-6 .fa-flickr:hover {
	background : #ef5999;
}
.social-6 .fa-foursquare:hover {
	background : #63215f;
}
.social-6 .fa-github:hover {
	background : #000000;
}
.social-6 .fa-github-alt:hover {
	background : #000000;
}
.social-6 .fa-github-square:hover {
	background : #000000;
}
.social-6 .fa-gittip:hover {
	background : #643614;
}
.social-6 .fa-google-plus:hover {
	background : #c53c2c;
}
.social-6 .fa-google-plus-square:hover {
	background : #c53c2c;
}
.social-6 .fa-html5:hover {
	background : #eb4d24;
}
.social-6 .fa-instagram:hover {
	background : #ad856a;
}
.social-6 .fa-linkedin:hover {
	background : #1d84b1;
}
.social-6 .fa-linkedin-square:hover {
	background : #1d84b1;
}
.social-6 .fa-maxcdn:hover {
	background : #f5ad34;
}
.social-6 .fa-pagelines:hover {
	background : #0196f0;
}
.social-6 .fa-pinterest:hover {
	background : #ca2128;
}
.social-6 .fa-pinterest-square:hover {
	background : #ca2128;
}
.social-6 .fa-renren:hover {
	background : #005aab;
}
.social-6 .fa-skype:hover {
	background : #0ebbe3;
}
.social-6 .fa-stack-exchange:hover {
	background : #054f96;
}
.social-6 .fa-stack-overflow:hover {
	background : #054f96;
}
.social-6 .fa-trello:hover {
	background : #1c5f89;
}
.social-6 .fa-tumblr:hover {
	background : #2a445e;
}
.social-6 .fa-tumblr-square:hover {
	background : #2a445e;
}
.social-6 .fa-twitter:hover {
	background : #00aced;
}
.social-6 .fa-twitter-square:hover {
	background : #00aced;
}
.social-6 .fa-vimeo-square:hover {
	background : #1bb6ec;
}
.social-6 .fa-vk:hover {
	background : #4e739f;
}
.social-6 .fa-weibo:hover {
	background : #d52b2b;
}
.social-6 .fa-windows:hover {
	background : #07b0eb;
}
.social-6 .fa-xing:hover {
	background : #005a5d;
}
.social-6 .fa-xing-square:hover {
	background : #005a5d;
}
.social-6 .fa-youtube:hover {
	background : #bc2a2d;
}
.social-6 .fa-youtube-play:hover {
	background : #bc2a2d;
}
.social-6 .fa-youtube-square:hover {
	background : #bc2a2d;
}

.f-left i {
	float : left;
}

.f-right i {
	float : right;
}

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

.counter-container {
	display    : block;
	color      : #0fa2d5;
	background : url(../img/counter/01.jpg) center center no-repeat;
	text-align : center;
	padding    : 200px 0px;
	overflow   : hidden;
}

.counter-container.style-2 {
	background : url(../img/counter/02.jpg) center center no-repeat;
}

.counter-container.style-3 {
	background : url(../img/counter/03.jpg) center center no-repeat;
}

.counter-container.style-4 {
	background : url(../img/counter/04.jpg) center center no-repeat;
}

.counter-container.style-5 {
	background : url(../img/counter/05.jpg) center center no-repeat;
}

.counter-container.style-6 {
	background : url(../img/counter/06.jpg) center center no-repeat;
}

.counter-box {
	display       : block;
	font-family   : 'Oswald', sans-serif;
	margin-bottom : 35px;
	clear         : both;
}

.counter-item {
	display               : inline-block;
	text-align            : center;
	width                 : 110px;
	height                : 110px;
	font-size             : 54px;
	line-height           : 110px;
	text-align            : center;
	color                 : #fff;
	margin                : 4px;
	background            : #0fa2d5;
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-o-border-radius      : 0px;
	border-radius         : 0px;
}

.counter-container h1 {
	display               : inline-block;
	color                 : #fff;
	font-weight           : 500;
	padding               : 15px 30px;
	background            : rgba(46, 52, 62, 0.8);
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	-o-border-radius      : 5px;
	border-radius         : 5px;
}

.circle .counter-item {
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
}

.rounded .counter-item {
	-webkit-border-radius : 10px;
	-moz-border-radius    : 10px;
	-o-border-radius      : 10px;
	border-radius         : 10px;
}

.red .counter-item {
	background : #ff4862;
}

.item-day, .red .item-day {
	background : #2e343e;
}

/* --------------------------------------------------------	*/
/*  Oslotron  */
/* --------------------------------------------------------	*/

.oslotron {
	border        : 1px solid #abb3ba;
	border-radius : 10px;
	padding       : 30px 40px;
}

.oslotron h2 {
	color : #0fa1d5;
}

.oslotron p {
	margin-bottom : 25px;
}

/* --------------------------------------------------------	*/
/*	Modern Box  */
/* --------------------------------------------------------	*/

.modern-box h2 {
	padding-top    : 80px;
	padding-bottom : 25px;
	line-height    : 45px;
}

/* --------------------------------------------------------	*/
/*  Item Box  */
/* --------------------------------------------------------	*/

.item-box {
	display            : block;
	padding-bottom     : 15px;
	background         : url(../img/divider.png) bottom left repeat-x;
	-webkit-box-shadow : 0px 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow    : 0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow         : 0px 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-transition : all 0.4s ease-out;
	-moz-transition    : all 0.4s ease-out;
	-o-transition      : all 0.4s ease-out;
	-ms-transition     : all 0.4s ease-out;
	transition         : all 0.4s ease-out;
}

.item-box:hover {
	-webkit-box-shadow : 0px 0px 12px 0px rgba(77, 77, 77, 0.11);
	-moz-box-shadow    : 0px 0px 12px 0px rgba(77, 77, 77, 0.11);
	box-shadow         : 0px 0px 12px 0px rgba(77, 77, 77, 0.11);
	-webkit-transform  : scale(1.1);
	-ms-transform      : scale(1.1);
	transform          : scale(1.1);
}

.item-box .media-container {
	position : relative;
}

.item-box .info-container {
	padding : 0px 15px;
}

.item-box .info-container h3 {
	color         : #0fa2d5;
	font-size     : 18px;
	font-weight   : 600;
	margin-top    : 20px;
	margin-bottom : 15px;
}

.item-box .info-container h4 {
	color         : #3c4451;
	font-size     : 13px;
	font-weight   : 600;
	margin        : 0px;
	margin-bottom : 5px;
}

.item-box .info-container p {
	color : #abb3ba;
}

.item-box .media-container .icon-left,
.item-box .media-container .icon-right {
	position              : absolute;
	top                   : 50%;
	left                  : 50%;
	margin-top            : -25px;
	margin-left           : -160px;
	width                 : 50px;
	height                : 50px;
	line-height           : 50px;
	font-size             : 22px;
	text-align            : center;
	color                 : #fff;
	background            : rgba(50, 50, 50, 0.7);
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	-ms-filter            : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-khtml-opacity        : 0;
	-moz-opacity          : 0;
	opacity               : 0;
	filter                : alpha(opacity=0);
	-webkit-transition    : all 0.3s ease-in-out;
	-moz-transition       : all 0.3s ease-in-out;
	-o-transition         : all 0.3s ease-in-out;
	-ms-transition        : all 0.3s ease-in-out;
	transition            : all 0.3s ease-in-out;
}

.item-box .media-container .icon-right {
	margin-left : 110px;
}

.item-box:hover .media-container .icon-left,
.item-box:hover .media-container .icon-right {
	-ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-khtml-opacity : 0.8;
	-moz-opacity   : 0.8;
	opacity        : 0.8;
	filter         : alpha(opacity=80);
}

.item-box:hover .media-container .icon-left {
	margin-left : -60px;
}

.item-box:hover .media-container .icon-right {
	margin-left : 10px;
}

.item-box .media-container .icon-left:hover,
.item-box .media-container .icon-right:hover {
	background     : #0fa2d5;
	-ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-khtml-opacity : 1;
	-moz-opacity   : 1;
	opacity        : 1;
	filter         : alpha(opacity=100);
}

/* --------------------------------------------------------	*/
/*  Item Box 2  */
/* --------------------------------------------------------	*/

.item-box-2 {
	display            : block;
	padding-bottom     : 15px;
	background         : url(../img/divider.png) bottom left repeat-x rgba(230, 237, 242, 0.4);
	-webkit-transition : all 0.4s ease-out;
	-moz-transition    : all 0.4s ease-out;
	-o-transition      : all 0.4s ease-out;
	-ms-transition     : all 0.4s ease-out;
	transition         : all 0.4s ease-out;
}

.item-box-2:hover {
	background : url(../img/divider.png) bottom left repeat-x rgba(230, 237, 242, 1);
}

.item-box-2 .media-container {
	position   : relative;
	background : #3c4451;
}

.item-box-2 .media-container img {
	-ms-filter         : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-khtml-opacity     : 1;
	-moz-opacity       : 1;
	opacity            : 1;
	filter             : alpha(opacity=100);
	-webkit-transition : all 0.4s ease-out;
	-moz-transition    : all 0.4s ease-out;
	-o-transition      : all 0.4s ease-out;
	-ms-transition     : all 0.4s ease-out;
	transition         : all 0.4s ease-out;
}

.item-box-2:hover .media-container img {
	-ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	-khtml-opacity : 0.3;
	-moz-opacity   : 0.3;
	opacity        : 0.3;
	filter         : alpha(opacity=30);
}

.item-box-2 .info-container {
	padding        : 35px;
	padding-bottom : 25px;
}

.item-box-2 .info-container h3 {
	color       : #0fa2d5;
	font-size   : 21px;
	font-weight : 600;
	margin      : 0px;
}

.item-box-2 .info-container h4 {
	color       : #3c4451;
	font-size   : 13px;
	font-weight : 600;
	margin      : 3px 0 25px 0;
}

.item-box-2 .info-container p {
	color : #abb3ba;
}

.item-box-2 .info-container .social-container {
	margin : 20px 0px 0px 0px;
}

.item-box-2 .media-container .icon-left,
.item-box-2 .media-container .icon-right {
	position              : absolute;
	top                   : 50%;
	left                  : 50%;
	margin-top            : -25px;
	margin-left           : -160px;
	width                 : 50px;
	height                : 50px;
	line-height           : 50px;
	font-size             : 22px;
	text-align            : center;
	color                 : #fff;
	background            : rgba(15, 161, 213, 0.3);
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	-ms-filter            : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-khtml-opacity        : 0;
	-moz-opacity          : 0;
	opacity               : 0;
	filter                : alpha(opacity=0);
	-webkit-transition    : all 0.3s ease-in-out;
	-moz-transition       : all 0.3s ease-in-out;
	-o-transition         : all 0.3s ease-in-out;
	-ms-transition        : all 0.3s ease-in-out;
	transition            : all 0.3s ease-in-out;
}

.item-box-2 .media-container .icon-right {
	margin-left : 110px;
}

.item-box-2:hover .media-container .icon-left,
.item-box-2:hover .media-container .icon-right {
	-ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-khtml-opacity : 0.8;
	-moz-opacity   : 0.8;
	opacity        : 0.8;
	filter         : alpha(opacity=80);
}

.item-box-2:hover .media-container .icon-left {
	margin-left : -60px;
}

.item-box-2:hover .media-container .icon-right {
	margin-left : 10px;
}

.item-box-2 .media-container .icon-left:hover,
.item-box-2 .media-container .icon-right:hover {
	background     : #0fa1d5;
	-ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-khtml-opacity : 1;
	-moz-opacity   : 1;
	opacity        : 1;
	filter         : alpha(opacity=100);
}

/* --------------------------------------------------------	*/
/*  Map  */
/* --------------------------------------------------------	*/

#map {
	position      : relative;
	width         : 100%;
	height        : 380px;
	padding       : 0px;
	border        : 1px solid #e3e7eb;
	margin-bottom : -8px;
}

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

ul {
	padding-left : 20px;
}

ul li {
	position : relative;
	color    : #566174;
	/*line-height:34px;*/
}

ul li i {
	position        : absolute;
	top             :4px;
	left            : 0px;
	color           : #566174;
	text-decoration : none;
	font-size       : 16px;
}

ul li a {
	color           : #0fa1d5;
	text-decoration : none;
}

ul li a:hover, ul li a:hover i {
	color           : #0fa1d5;
	text-decoration : none;
}

/*  List 2  */

.list-2 {
	padding : 0px;
	margin  : 0px;
}

.list-2 li {
	list-style   : none;
	padding-left : 25px;
}

/*  List 3  */

.list-3 {
	padding : 0px;
	margin  : 0px;
}

.list-3 li {
	list-style   : none;
	padding-left : 35px;
}

.list-3 li i {
	margin-top            : -6px;
	color                 : #fff;
	background            : #566174;
	font-size             : 14px;
	width                 : 26px;
	height                : 26px;
	line-height           : 26px;
	text-align            : center;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
}

.list-3 li a:hover i {
	color      : #fff;
	background : #0fa1d5;
}

/*  List 4  */

.list-4 {
	padding : 0px;
	margin  : 0px;
}

.list-4 li {
	list-style   : none;
	padding-left : 35px;
}

.list-4 li i {
	margin-top  : -6px;
	color       : #fff;
	background  : #566174;
	font-size   : 14px;
	width       : 26px;
	height      : 26px;
	line-height : 26px;
	text-align  : center;
}

.list-4 li a:hover i {
	color      : #fff;
	background : #0fa1d5;
}

/*  List 5  */

.list-5 {
	padding : 0px;
	margin  : 0px;
}

.list-5 li {
	list-style    : none;
	padding-left  : 25px;
	border-bottom : 1px dotted #7786a1;
}

/* --------------------------------------------------------	*/
/*  Tabs  */
/* --------------------------------------------------------	*/

.nav-tabs {
	border : 0px;
	margin : 0px;
}

.tab-content h3 {
	color       : #0fa2d5;
	padding-top : 15px;
}

.nav-tabs li a {
	color                 : #fff;
	background            : #3c4451;
	padding               : 15px 20px;
	margin-right          : 0px;
	border                : 0px;
	border-right          : 1px solid #d7dfe4;
	text-transform        : uppercase;
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-o-border-radius      : 0px;
	border-radius         : 0px;
}

.nav-tabs li a:hover {
	color      : #fff;
	background : #0fa1d5;
}

.nav-tabs li:last-child a {
	border-right : 0px;
}

.nav-tabs li a i {
	position      : relative;
	top           : 0px;
	left          : 0px;
	color         : #fff;
	padding-right : 10px;
}

.nav-tabs li a:hover i {
	color : #fff;
}

.tab-pane {
	color      : #566174;
	background : #e6edf2;
	border     : 0px;
	padding    : 15px 30px;
}

.tab-pane p {
	padding-right : 30px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border           : 0px;
	color            : #3c4451;
	background-color : #e6edf2;
}

.nav-tabs > li.active > a i {
	color : #3c4451;
}

/* --------------------------------------------------------	*/
/*  Content Block  */
/* --------------------------------------------------------	*/

.content-block h3 {
	font-size : 22px;
}

.content-block i {
	font-size     : 22px;
	padding-right : 10px;
}

/* --------------------------------------------------------	*/
/*  Service  */
/* --------------------------------------------------------	*/

.service {
	position       : relative;
	padding-left   : 80px;
	padding-bottom : 20px;
	background     : url(../img/divider.png) bottom left repeat-x;
}

.service .fa {
	position              : absolute;
	top                   : 0px;
	left                  : 0px;
	width                 : 64px;
	height                : 64px;
	line-height           : 64px;
	color                 : #0fa1d5;
	font-size             : 30px;
	text-align            : center;
	border                : 2px solid #d7dfe4;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	-webkit-transition    : 0.7s ease-in-out;
	-moz-transition       : 0.7s ease-in-out;
	-ms-transition        : 0.7s ease-in-out;
	-o-transition         : 0.7s ease-in-out;
	transition            : 0.7s ease-in-out;
}

.service:hover .fa {
	-webkit-transform : rotateY(360deg);
	-moz-transform    : rotateY(360deg);
	-ms-transform     : rotateY(360deg);
	-o-transform      : rotateY(360deg);
}

.service h4 {
	color       : #7786a1;
	font-size   : 24px;
	font-weight : 500;
	padding-top : 14px;
}

.service:hover h4 {
	color : #0fa1d5;
}

.service .typcn {
	position              : absolute;
	top                   : 0px;
	left                  : 0px;
	width                 : 64px;
	height                : 64px;
	line-height           : 50px;
	font-size             : 40px;
	color                 : #0fa1d5;
	text-align            : center;
	border                : 2px solid #d7dfe4;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	-webkit-transition    : 0.7s ease-in-out;
	-moz-transition       : 0.7s ease-in-out;
	-ms-transition        : 0.7s ease-in-out;
	-o-transition         : 0.7s ease-in-out;
	transition            : 0.7s ease-in-out;
}

.service:hover .typcn {
	-webkit-transform : rotateY(360deg);
	-moz-transform    : rotateY(360deg);
	-ms-transform     : rotateY(360deg);
	-o-transform      : rotateY(360deg);
}

.service .entypo {
	position              : absolute;
	top                   : 0px;
	left                  : 0px;
	width                 : 64px;
	height                : 64px;
	font-size             : 64px;
	line-height           : 26px;
	color                 : #0fa1d5;
	text-align            : center;
	border                : 2px solid #d7dfe4;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	-webkit-transition    : 0.7s ease-in-out;
	-moz-transition       : 0.7s ease-in-out;
	-ms-transition        : 0.7s ease-in-out;
	-o-transition         : 0.7s ease-in-out;
	transition            : 0.7s ease-in-out;
}

.service:hover .entypo {
	-webkit-transform : rotateY(360deg);
	-moz-transform    : rotateY(360deg);
	-ms-transform     : rotateY(360deg);
	-o-transform      : rotateY(360deg);
}

/* --------------------------------------------------------	*/
/*  Service 2 */
/* --------------------------------------------------------	*/

.service-2 {
	position   : relative;
	text-align : center;
}

.service-2 .fa {
	width                 : 64px;
	height                : 64px;
	line-height           : 64px;
	color                 : #fff;
	background            : #0fa1d5;
	font-size             : 30px;
	text-align            : center;
	border                : 0px solid #d7dfe4;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	-webkit-transition    : 0.7s ease-in-out;
	-moz-transition       : 0.7s ease-in-out;
	-ms-transition        : 0.7s ease-in-out;
	-o-transition         : 0.7s ease-in-out;
	transition            : 0.7s ease-in-out;
}

.service-2:hover .fa {
	-webkit-transform : rotate(360deg);
	-moz-transform    : rotate(360deg);
	-ms-transform     : rotate(360deg);
	-o-transform      : rotate(360deg);
}

.service-2 h4 {
	color       : #7786a1;
	font-size   : 24px;
	font-weight : 500;
	padding-top : 14px;
}

.service-2:hover h4 {
	color : #0fa1d5;
}

.service-2 .typcn {
	display               : inline-block;
	width                 : 64px;
	height                : 64px;
	line-height           : 50px;
	font-size             : 40px;
	color                 : #0fa1d5;
	text-align            : center;
	border                : 2px solid #d7dfe4;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	-webkit-transition    : 0.7s ease-in-out;
	-moz-transition       : 0.7s ease-in-out;
	-ms-transition        : 0.7s ease-in-out;
	-o-transition         : 0.7s ease-in-out;
	transition            : 0.7s ease-in-out;
}

.service-2:hover .typcn {
	-webkit-transform : rotate(360deg);
	-moz-transform    : rotate(360deg);
	-ms-transform     : rotate(360deg);
	-o-transform      : rotate(360deg);
}

.service-2 .entypo {
	display               : inline-block;
	width                 : 64px;
	height                : 64px;
	font-size             : 64px;
	line-height           : 26px;
	color                 : #0fa1d5;
	text-align            : center;
	border                : 2px solid #d7dfe4;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	-webkit-transition    : 0.7s ease-in-out;
	-moz-transition       : 0.7s ease-in-out;
	-ms-transition        : 0.7s ease-in-out;
	-o-transition         : 0.7s ease-in-out;
	transition            : 0.7s ease-in-out;
}

.service-2:hover .entypo {
	-webkit-transform : rotate(360deg);
	-moz-transform    : rotate(360deg);
	-ms-transform     : rotate(360deg);
	-o-transform      : rotate(360deg);
}

/* --------------------------------------------------------	*/
/*  Service 3  */
/* --------------------------------------------------------	*/

.service-3 {
	position       : relative;
	text-align     : center;
	padding-bottom : 20px;
}

.service-3 .fa {
	width                 : 64px;
	height                : 64px;
	line-height           : 64px;
	color                 : #0fa1d5;
	font-size             : 30px;
	text-align            : center;
	border                : 2px solid #d7dfe4;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	-webkit-transition    : 0.7s ease-in-out;
	-moz-transition       : 0.7s ease-in-out;
	-ms-transition        : 0.7s ease-in-out;
	-o-transition         : 0.7s ease-in-out;
	transition            : 0.7s ease-in-out;
}

.service-3:hover .fa {
	-webkit-transform : rotateX(360deg);
	-moz-transform    : rotateX(360deg);
	-ms-transform     : rotateX(360deg);
	-o-transform      : rotateX(360deg);
}

.service-3 h4 {
	color       : #7786a1;
	font-size   : 24px;
	font-weight : 500;
	padding-top : 15px;
}

.service-3:hover h4 {
	color : #0fa1d5;
}

.service-3 .typcn {
	display               : inline-block;
	width                 : 64px;
	height                : 64px;
	line-height           : 50px;
	font-size             : 40px;
	color                 : #0fa1d5;
	text-align            : center;
	border                : 2px solid #d7dfe4;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	-webkit-transition    : 0.7s ease-in-out;
	-moz-transition       : 0.7s ease-in-out;
	-ms-transition        : 0.7s ease-in-out;
	-o-transition         : 0.7s ease-in-out;
	transition            : 0.7s ease-in-out;
}

.service-3:hover .typcn {
	-webkit-transform : rotateX(360deg);
	-moz-transform    : rotateX(360deg);
	-ms-transform     : rotateX(360deg);
	-o-transform      : rotateX(360deg);
}

.service-3 .entypo {
	display               : inline-block;
	width                 : 64px;
	height                : 64px;
	font-size             : 64px;
	line-height           : 26px;
	color                 : #0fa1d5;
	text-align            : center;
	border                : 2px solid #d7dfe4;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	-webkit-transition    : 0.7s ease-in-out;
	-moz-transition       : 0.7s ease-in-out;
	-ms-transition        : 0.7s ease-in-out;
	-o-transition         : 0.7s ease-in-out;
	transition            : 0.7s ease-in-out;
}

.service-3:hover .entypo {
	-webkit-transform : rotateX(360deg);
	-moz-transform    : rotateX(360deg);
	-ms-transform     : rotateX(360deg);
	-o-transform      : rotateX(360deg);
}

/* --------------------------------------------------------	*/
/*  Content Box  */
/* --------------------------------------------------------	*/

.content-box h4 {
	color      : #fff;
	background : #0fa1d5;
	padding    : 15px 20px;
	margin     : 0px;
}

.content-box p {
	padding : 20px 20px;
	border  : 1px solid #0fa1d5;
}

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

.accordion-group {
	border-radius : 0px;
	border        : 0px;
	border-left   : 5px solid #0fa1d5;
	margin-bottom : 1px;
}

.accordion-heading {
	height         : 60px;
	background     : #e6edf2;
	font-size      : 16px;
	text-transform : uppercase;
	padding        : 20px;
}

.accordion-heading a {
	color : #2d333d;
}

.accordion-heading a:hover {
	color : #566174;
}

.accordion-inner {
	color      : #7786a1;
	background : transparent;
	padding    : 20px;
}

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

.testimonial {
	background : #eff5f9;
	border     : 1px solid #e6edf2;
	padding    : 25px;
}

.testimonial .function {
	padding-left : 10px;
}

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

.testimonial-2 h5 {
	font-size     : 15px;
	text-align    : center;
	padding-top   : 10px;
	margin-bottom : 0px;
}

.testimonial-2 img {
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
}

.testimonial-2 .function {
	color      : #0fa1d5;
	text-align : center;
	font-style : italic;
}

@media (max-width : 991px) {

	.testimonial-2 {
		text-align : center;
	}

	.testimonial-2 img {
		width   : 50%;
		display : inline-block;
	}

}

/* --------------------------------------------------------	*/
/*  Pricing Tables  */
/* --------------------------------------------------------	*/

.pricing-tables table {
	width         : 100%;
	background    : transparent;
	border        : 1px solid #e3e6e8 !important;
	margin-bottom : 30px;
}

.pricing-tables th {
	font-size   : 16px;
	font-weight : bold;
	border      : 1px solid #e3e6e8 !important;
	background  : #3c4451;
	text-align  : center;
	padding     : 30px !important;
}

.pricing-tables td {
	padding       : 8px 0px;
	color         : #7c7e7e;
	background    : #fff;
	border        : 1px solid #e3e6e8 !important;
	border-bottom : 1px solid #e3e6e8 !important;
	text-align    : center;
}

.pricing-tables .plan-title {
	font-family : 'Titillium Web', sans-serif;
	font-weight : bold;
	font-size   : 24px;
	line-height : 30px;
	color       : #fff;
}

.price {
	font-size   : 36px !important;
	padding-top : 36px;
	line-height : 30px;
}

.price2 {
	position  : relative;
	top       : -7px;
	font-size : 14px;
	color     : #fff;
}

.pricing-tables .table-footer {
	font-size  : 16px;
	color      : #fff !important;
	background : #3c4451 !important;
	padding    : 44px 0px !important;
	border     : 0px !important;
}

.pricing-tables .active th, .pricing-tables .active .table-footer {
	color       : #fff;
	font-weight : bold;
	border      : 1px solid #e3e6e8 !important;
	background  : #0fa2d5 !important;
}

.pricing-tables .active td {
	color : #0fa2d5;
}

.pricing-tables .active .table-footer {
	border      : 0px;
	background  : #0fa2d5 !important;
	font-weight : bold;
}

/* --------------------------------------------------------	*/
/*  Image Overlay  */
/* --------------------------------------------------------	*/

.img-overlay img {
	max-width          : 100%;
	height             : auto;
	-ms-filter         : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter             : alpha(opacity=60);
	-khtml-opacity     : 0.6;
	-moz-opacity       : 0.6;
	opacity            : 0.6;
	-webkit-transition : 0.4s ease-in-out;
	-moz-transition    : 0.4s ease-in-out;
	-ms-transition     : 0.4s ease-in-out;
	-o-transition      : 0.4s ease-in-out;
	transition         : 0.4s ease-in-out;
}

.img-overlay:hover img {
	-ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter         : alpha(opacity=100);
	-khtml-opacity : 1;
	-moz-opacity   : 1;
	opacity        : 1;
}

/* --------------------------------------------------------	*/
/*  Partners  */
/* --------------------------------------------------------	*/

.partners-4 {
	display         : table;
	list-style      : none;
	border-collapse : collapse;
}

.partners-4 li {
	display : table-cell;
	width   : 25%;
	border  : 1px solid #e6edf2;
}

.partners-5 {
	display         : table;
	list-style      : none;
	border-collapse : collapse;
}

.partners-5 li {
	display : table-cell;
	width   : 20%;
	border  : 1px solid #e6edf2;
}

.partners-6 {
	display         : table;
	list-style      : none;
	border-collapse : collapse;
}

.partners-6 li {
	display : table-cell;
	width   : 16.666666666666%;
	border  : 1px solid #e6edf2;
}

.partners-7 {
	display         : table;
	list-style      : none;
	border-collapse : collapse;
}

.partners-7 li {
	display : table-cell;
	width   : 14, 2857142857142857%;
	border  : 1px solid #e6edf2;
}

/* --------------------------------------------------------	*/
/*  Gallery Overlay  */
/* --------------------------------------------------------	*/

.img-container {
	position   : relative;
	overflow   : hidden;
	background : #0fa1d5;
}

.img-container img {
	max-width          : 100%;
	height             : auto;
	-webkit-transform  : scale(1.0, 1.0);
	-ms-transform      : scale(1.0, 1.0);
	transform          : scale(1.0, 1.0);
	-webkit-transition : 0.7s ease-in-out;
	-moz-transition    : 0.7s ease-in-out;
	-ms-transition     : 0.7s ease-in-out;
	-o-transition      : 0.7s ease-in-out;
	transition         : 0.7s ease-in-out;
}

.img-container:hover img {
	-ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter            : alpha(opacity=40);
	-khtml-opacity    : 0.4;
	-moz-opacity      : 0.4;
	opacity           : 0.4;
	-webkit-transform : scale(1.0, 1.0);
	-ms-transform     : scale(1.0, 1.0);
	transform         : scale(1.0, 1.0);
}

.img-container i {
	position           : absolute;
	top                : 50%;
	left               : 50%;
	width              : 10px;
	height             : 10px;
	font-size          : 10px;
	line-height        : 10px;
	text-align         : center;
	color              : #ffffff;
	-ms-filter         : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter             : alpha(opacity=0);
	-khtml-opacity     : 0;
	-moz-opacity       : 0;
	opacity            : 0;
	-webkit-transition : 0.7s ease-in-out;
	-moz-transition    : 0.7s ease-in-out;
	-ms-transition     : 0.7s ease-in-out;
	-o-transition      : 0.7s ease-in-out;
	transition         : 0.7s ease-in-out;
}

.img-container:hover i {
	top                   : 50%;
	left                  : 50%;
	width                 : 60px;
	height                : 60px;
	font-size             : 34px;
	line-height           : 62px;
	margin-top            : -30px;
	margin-left           : -30px;
	text-align            : center;
	background            : rgba(45, 45, 45, 0.8);
	-webkit-border-radius : 10%;
	-moz-border-radius    : 10%;
	-o-border-radius      : 10%;
	border-radius         : 10%;
	-ms-filter            : "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter                : alpha(opacity=90);
	-khtml-opacity        : 0.9;
	-moz-opacity          : 0.9;
	opacity               : 0.9;
	-webkit-transform     : rotate(720deg);
	-moz-transform        : rotate(720deg);
	-o-transform          : rotate(720deg);
	-ms-transform         : rotate(720deg);
}

/* --------------------------------------------------------	*/
/*  Boxed Project  */
/* --------------------------------------------------------	*/

.boxed-project .title {
	position      : relative;
	display       : block;
	background    : #eff5f9;
	margin-bottom : 30px;
}

.boxed-project h4 {
	font-size     : 16px;
	font-weight   : 600;
	padding-top   : 20px;
	margin-bottom : 5px;
	text-align    : center;
}

.boxed-project h6 {
	color          : #91979f;
	font-size      : 13px;
	text-transform : uppercase;
	padding-bottom : 20px;
	text-align     : center;
}

.boxed-project .img-container {
	margin : 0px !important;
}

/* --------------------------------------------------------	*/
/*  Video Content  */
/* --------------------------------------------------------	*/

.video-content {
	max-width     : 100%;
	padding       : 0px;
	margin        : 0px;
	margin-bottom : -5px;
	border        : none;
}

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

.parallax {
	width                 : 100%;
	padding               : 0;
	margin                : 0;
	background-attachment : fixed;
	background-repeat     : no-repeat;
	color                 : #ffffff;
	text-transform        : uppercase;
}

.parallax-mobile {
	background-position   : 50% 0px !important;
	background-attachment : scroll !important;
}

.parallax .parallax-text-container {
	display    : table;
	width      : 100%;
	height     : 100%;
	padding    : 0 !important;
	margin     : 0 !important;
	text-align : center;
}

.parallax .parallax-text-item {
	display        : table-cell;
	vertical-align : middle;
}

.parallax-text-item {
	font-weight : 700;
	font-size   : 36px;
	color       : #ffffff;
	line-height : 1em;
}

.parallax h2, .parallax h3 {
	font-family : 'Open Sans', sans-serif;
	color       : #ffffff;
	background  : transparent;
}

.parallax h2 {
	font-size : 36px;
}

.parallax h3 {
	font-size : 20px;
}

/* --------------------------------------------------------	*/
/*  Dividers  */
/* --------------------------------------------------------	*/

.divider {
	height     : 9px;
	background : url(../img/divider.png) top left repeat-x;
}

.divider-2 {
	height     : 1px;
	background : #dce2e7;
}

/* --------------------------------------------------------	*/
/*  Footer  */
/* --------------------------------------------------------	*/

.footer {
	color      : #7e848c;
	background : #2e343e;
}

.footer .footer-promo {
	padding : 60px 0px 50px 0px;
}

.footer .footer-promo h2, .footer .footer-promo h4 {
	text-align : center;
}

.footer img {
	width : auto;
}

.footer h6 {
	color          : #e5edf2;
	text-transform : uppercase;
}

.footer .footer-info {
	padding : 60px 0px 30px 0px;
}

.footer .list-5 {
	margin-top : -6px;
}

.footer .list-5 li {
	border-bottom : 1px solid #3f454f;
	padding-left  : 15px;
}

.footer li a {
	color : #7e848c;
}

.footer .item-icon {
	position     : relative;
	padding-left : 26px;
}

.footer .item-icon i {
	position  : absolute;
	top       : 4px;
	left      : 0px;
	font-size : 16px;
}

.footer .flickr img {
	width         : 30%;
	margin-right  : 2%;
	margin-bottom : 2%;
}

.footer .tweet {
	position     : relative;
	padding-left : 50px;
}

.footer .tweet i {
	position              : absolute;
	top                   : 5px;
	left                  : 0px;
	color                 : #fff;
	background            : transparent;
	border                : 1px solid #3c3e48;
	font-size             : 16px;
	width                 : 34px;
	height                : 34px;
	line-height           : 34px;
	text-align            : center;
	-webkit-border-radius : 1px;
	-moz-border-radius    : 1px;
	-o-border-radius      : 1px;
	border-radius         : 1px;
}

.footer .white {
	color : #fff;
}

.footer .copyright {
	background : #232933;
	padding    : 30px 0px;
}

.footer .copyright-info {
	padding-top : 2px;
	text-align  : right;
}

.footer a, .footer a:visited {
	color : #8c9aaa;
}

.footer a:hover {
	color : #0fa1d5;
}

.footer .form-control {
	border-color : #3f454f;
}


@media (max-width : 768px) {

	.footer .logo-footer, .copyright-info {
		text-align    : center;
		margin-bottom : 20px;
		display       : inline-block;
	}

}

/* --------------------------------------------------------	*/
/*  Back To Top Button  */
/* --------------------------------------------------------	*/

.back-to-top {
	position              : fixed;
	right                 : 20px;
	bottom                : 10px;
	width                 : 38px;
	height                : 38px;
	line-height           : 38px;
	font-size             : 22px;
	margin-right          : 0px;
	display               : block;
	text-align            : center;
	text-decoration       : none;
	color                 : #fff;
	background            : #2e343e;
	font-family           : FontAwesome;
	font-weight           : normal;
	font-style            : normal;
	text-align            : center;
	z-index               : 99999;
	-webkit-border-radius : 3px;
	-moz-border-radius    : 3px;
	-o-border-radius      : 3px;
	border-radius         : 3px;
	-ms-filter            : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-khtml-opacity        : 0.6;
	-moz-opacity          : 0.6;
	opacity               : 0.6;
	filter                : alpha(opacity=60);
	-webkit-transition    : all 0.3s ease-in-out;
	-moz-transition       : all 0.3s ease-in-out;
	-ms-transition        : all 0.3s ease-in-out;
	-o-transition         : all 0.3s ease-in-out;
	transition            : all 0.3s ease-in-out;
}

.back-to-top:hover {
	color          : #fff;
	background     : #0fa1d5;
	-ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-khtml-opacity : 0.9;
	-moz-opacity   : 0.9;
	opacity        : 0.9;
	filter         : alpha(opacity=90);
}

.back-to-top:after {
	content : "\f106";
}

/* --------------------------------------------------------	*/
/*  Gallery  */
/* --------------------------------------------------------	*/

.gallery {
	display : block;
}

.portfolio {
	margin          : 0px;
	padding         : 0px;
	list-style-type : none;
}

.project {
	margin-right : -1px;
}

#portfolio-items [class*="col-"],
.projects-slider [class*="col-"] {
	padding : 0px;
}

.boxed .project {
	padding : 10px !important;
}

.boxed .project .container-image {
	padding    : 15px !important;
	background : #e4e9ec;
}

.boxed .project .container-image:hover {
	background : rgba(15, 162, 213, 1);
}

/* --------------------------------------------------------	*/
/*  Gallery Filter  */
/* --------------------------------------------------------	*/

#portfolio-filter {
	margin-bottom : 25px;
	padding       : 0px;
	display       : inline-block;
}

#portfolio-filter li {
	list-style    : none;
	float         : left;
	margin-right  : 0px;
	margin-bottom : 5px;
	padding       : 0px;
	line-height   : 45px;
	font-size     : 13px;
}

#portfolio-filter li a {
	display       : inline-block;
	font-size     : 14px;
	font-weight   : 400;
	padding       : 0px 15px;
	border-bottom : 1px solid transparent;
}

#portfolio-filter li:hover a {
	border-bottom   : 1px solid #0fa2d5;
	text-decoration : none;
}

#portfolio-filter li.act a {
	color         : #0fa2d5;
	border-bottom : 1px solid transparent;
}

/*  Portfolio - Isotype (filtering tags)  */
.isotope-item {
	z-index : 2;
}

.isotope-hidden.isotope-item {
	pointer-events : none;
	z-index        : 1;
}

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item {
	-webkit-transition-duration : 0.4s;
	-moz-transition-duration    : 0.4s;
	-ms-transition-duration     : 0.4s;
	-o-transition-duration      : 0.4s;
	transition-duration         : 0.4s;
}

.isotope {
	-webkit-transition-property : height, width;
	-moz-transition-property    : height, width;
	-ms-transition-property     : height, width;
	-o-transition-property      : height, width;
	transition-property         : height, width;
}

.isotope .isotope-item {
	-webkit-transition-property : -webkit-transform, opacity;
	-moz-transition-property    : -moz-transform, opacity;
	-ms-transition-property     : -ms-transform, opacity;
	-o-transition-property      : top, left, opacity;
	transition-property         : transform, opacity;
}

/* disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration : 0s;
	-moz-transition-duration    : 0s;
	-ms-transition-duration     : 0s;
	-o-transition-duration      : 0s;
	transition-duration         : 0s;
}

/* --------------------------------------------------------	*/
/* Image Overlay */
/* --------------------------------------------------------	*/

.container-image {
	position           : relative;
	overflow           : hidden;
	background         : #0fa2d5;
	-webkit-transition : 0.7s ease-in-out;
	-moz-transition    : 0.7s ease-in-out;
	-ms-transition     : 0.7s ease-in-out;
	-o-transition      : 0.7s ease-in-out;
	transition         : 0.7s ease-in-out;
}

.container-image img {
	max-width          : 100%;
	height             : auto;
	-webkit-transition : 0.7s ease-in-out;
	-moz-transition    : 0.7s ease-in-out;
	-ms-transition     : 0.7s ease-in-out;
	-o-transition      : 0.7s ease-in-out;
	transition         : 0.7s ease-in-out;
}

.container-image:hover img {
	-ms-filter        : "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter            : alpha(opacity=40);
	-khtml-opacity    : 0.4;
	-moz-opacity      : 0.4;
	opacity           : 0.4;
	-webkit-transform : scale(1.4, 1.4);
	-ms-transform     : scale(1.4, 1.4);
	transform         : scale(1.4, 1.4);
}

.container-image i {
	position           : absolute;
	font-size          : 180px;
	line-height        : 180px;
	width              : 180px;
	width              : 180px;
	top                : 50%;
	left               : 50%;
	margin-top         : -90px;
	margin-left        : -90px;
	text-align         : center;
	color              : #ffffff;
	-ms-filter         : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter             : alpha(opacity=0);
	-khtml-opacity     : 0;
	-moz-opacity       : 0;
	opacity            : 0;
	-webkit-transition : 0.7s ease-in-out;
	-moz-transition    : 0.7s ease-in-out;
	-ms-transition     : 0.7s ease-in-out;
	-o-transition      : 0.7s ease-in-out;
	transition         : 0.7s ease-in-out;
}

.container-image:hover i {
	font-size          : 40px;
	line-height        : 40px;
	width              : 40px;
	width              : 40px;
	top                : 50%;
	left               : 50%;
	margin-top         : -20px;
	margin-left        : -20px;
	color              : #ffffff;
	-ms-filter         : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter             : alpha(opacity=80);
	-khtml-opacity     : 0.8;
	-moz-opacity       : 0.8;
	opacity            : 0.8;
	-webkit-transform  : rotate(360deg);
	-moz-transform     : rotate(360deg);
	-o-transform       : rotate(360deg);
	-ms-transform      : rotate(360deg);
	-webkit-transition : 0.7s ease-in-out;
	-moz-transition    : 0.7s ease-in-out;
	-ms-transition     : 0.7s ease-in-out;
	-o-transition      : 0.7s ease-in-out;
	transition         : 0.7s ease-in-out;
}

.container-image:hover a:hover i {
	-ms-filter         : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter             : alpha(opacity=100);
	-khtml-opacity     : 1;
	-moz-opacity       : 1;
	opacity            : 1;
	-webkit-transition : 0.7s ease-in-out;
	-moz-transition    : 0.7s ease-in-out;
	-ms-transition     : 0.7s ease-in-out;
	-o-transition      : 0.7s ease-in-out;
	transition         : 0.7s ease-in-out;
}

/* --------------------------------------------------------	*/
/*  Form  */
/* --------------------------------------------------------	*/

.form-control {
	display               : block;
	width                 : 100%;
	height                : 34px;
	font-size             : 13px;
	line-height           : 1.428571429;
	text-indent           : 0px;
	color                 : #7a7a7a;
	vertical-align        : middle;
	background-color      : transparent;
	padding               : 6px 12px;
	border                : 1px solid #d7dfe4;
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-o-border-radius      : 0px;
	border-radius         : 0px;
	-webkit-box-shadow    : inset 0 0px 0px rgba(0, 0, 0, 0);
	box-shadow            : inset 0 0px 0px rgba(0, 0, 0, 0);
	-webkit-transition    : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition            : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.input-group {
	position        : relative;
	display         : table;
	border-collapse : separate;
}

.input-group-btn > .btn {
	position    : relative;
	width       : 34px;
	height      : 34px;
	line-height : 34px;
	text-align  : right;
	padding     : 0px;
}

.no-border-right {
	border-right : 0px solid !important;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
	margin-left : 0px;
}

textarea {
	min-height : 120px;
	resize     : vertical;
}

/* --------------------------------------------------------	*/
/*  Contact Form  */
/* --------------------------------------------------------	*/

.error {
	margin  : 6px 6px;
	display : none;
	color   : #ff4b64;
}

#ajaxsuccess {
	font-size : 15px;
	width     : 100%;
	display   : none;
	clear     : both;
	color     : #0fa2d5;
	margin    : 0px;
}

.contact-form .btn {
	float      : left;
	margin-top : 10px;
}

/* --------------------------------------------------------	*/
/*  Blog  */
/* --------------------------------------------------------	*/

.blog-container {
	border-top    : 1px solid #d7dfe4;
	border-bottom : 1px solid #d7dfe4;
}

.blog-container h2 {
	font-size   : 24px;
	font-weight : 600;
}

.blog-container .blog-content {
	border-right  : 1px solid #d7dfe4;
	padding-right : 30px;
}

.post-info-container {
	border-top    : 1px solid #d7dfe4;
	border-bottom : 1px solid #d7dfe4;
	padding       : 12px 0px;
}

.post-info-container .post-info .post-data {
	margin-right : 10px;
}

.post-info-container .post-info .tags a {
	color      : #0fa1d5;
	background : transparent;
	float      : none;
	margin     : 0px;
	padding    : 0px;
}

.post-info-container .post-info .tags a:hover {
	color : #3c4451;
}

.post-info-container .post-info i {
	margin-right : 5px;
}

.post-info-container i {
	margin : 4px;
}

.blog-right-sidebar {
	border-left  : 1px solid #d7dfe4;
	padding-left : 30px;
	margin-left  : -1px;
}

/* --------------------------------------------------------	*/
/*  Comments  */
/* --------------------------------------------------------	*/

.blog-comment {
	position : relative;
}

.blog-comment h4 {
	color          : #2c333d;
	font-size      : 20px;
	padding-bottom : 5px;
}

.blog-comment .user-image {
	position   : absolute;
	top        : 0px;
	left       : 0px;
	border     : 1px solid #dadcdd;
	background : #fff;
	width      : 60px;
	height     : 60px;
}

.blog-comment .user-image i {
	color       : #dadcdd;
	width       : 60px;
	height      : 60px;
	line-height : 60px;
	font-size   : 30px;
	text-align  : center;
}

.blog-comment .comment-data {
	padding-left : 80px;
}

.blog-comment .reply-link {
	padding-left : 12px;
	font-size    : 14px;
}

.blog-comment .divider, .blog-comment .divider-2 {
	margin : 10px 0px;
}

/* --------------------------------------------------------	*/
/* Shop */
/* --------------------------------------------------------	*/

.shop-container {
	border-top    : 1px solid #d7dfe4;
	border-bottom : 1px solid #d7dfe4;
}

.shop-right-sidebar {
	border-left  : 1px solid #d7dfe4;
	padding-left : 30px;
	margin-left  : -1px;
}

/* --------------------------------------------------------	*/
/*  Product  */
/* --------------------------------------------------------	*/

.product {
	border        : 1px solid #e6edf2;
	margin-bottom : 50px;
}

.product .image-container {
	position   : relative;
	background : #d7dfe4;
}

.product img {
	-ms-filter         : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-khtml-opacity     : 1;
	-moz-opacity       : 1;
	opacity            : 1;
	filter             : alpha(opacity=100);
	-webkit-transition : all 0.5s;
	-moz-transition    : all 0.5s;
	-o-transition      : all 0.5s;
	-ms-transition     : all 0.5s;
	transition         : all 0.5s;
}

.product:hover img {
	-ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	-khtml-opacity : 0.15;
	-moz-opacity   : 0.15;
	opacity        : 0.15;
	filter         : alpha(opacity=15);
}

.product .info {
	display  : block;
	padding  : 25px 10px;
	overflow : hidden;
}

.product h3 {
	color          : #0fa2d5;
	font-size      : 17px;
	font-weight    : 400;
	text-align     : center;
	padding-bottom : 5px;
}

.product .rating {
	color      : #d7dfe4;
	font-size  : 15px;
	text-align : center;
}

.product .price {
	color       : #7786a1;
	font-size   : 22px;
	text-align  : center;
	padding-top : 6px;
}

.product .image-container .icon-left, .product .image-container .icon-right {
	position           : absolute;
	top                : 50%;
	left               : 50%;
	margin-top         : -25px;
	margin-left        : -55px;
	width              : 50px;
	height             : 50px;
	line-height        : 50px;
	font-size          : 25px;
	text-align         : center;
	color              : #fff;
	background         : rgba(50, 50, 50, 0.7);
	-ms-filter         : "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-khtml-opacity     : 0;
	-moz-opacity       : 0;
	opacity            : 0;
	filter             : alpha(opacity=0);
	-webkit-transition : all 0.4s;
	-moz-transition    : all 0.4s;
	-o-transition      : all 0.4s;
	-ms-transition     : all 0.4s;
	transition         : all 0.4s;
}

.product .image-container .icon-right {
	margin-left : 5px;
}

.product:hover .image-container .icon-left, .product:hover .image-container .icon-right {
	-ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-khtml-opacity : 0.8;
	-moz-opacity   : 0.8;
	opacity        : 0.8;
	filter         : alpha(opacity=80);
}

.product .image-container .icon-left:hover, .product .image-container .icon-right:hover {
	background     : #0fa2d5;
	-ms-filter     : "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-khtml-opacity : 1;
	-moz-opacity   : 1;
	opacity        : 1;
	filter         : alpha(opacity=100);
}

/* --------------------------------------------------------	*/
/* Error 404 */
/* --------------------------------------------------------	*/

.error-icon {
	display    : block;
	text-align : center;
}

.error-icon .typcn {
	display     : inline-block;
	color       : #e6edf2;
	width       : 220px;
	height      : 220px;
	font-size   : 220px;
	line-height : 180px;
}

/* --------------------------------------------------------	*/
/* Refine Slider */
/* --------------------------------------------------------	*/

ul.rs-slider {
	margin  : 0 0 0px 0px;
	padding : 0px;
}

ul.rs-slider img {
	position : relative;
}

.rs-thumb-wrap {
	margin : 21px 0 0 0;
}
.rs-thumb-wrap > a {
	-ms-filter         : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter             : alpha(opacity=50);
	-khtml-opacity     : 0.5;
	-moz-opacity       : 0.5;
	opacity            : 0.5;
	padding            : 0px;
	*padding           : 0;
	-moz-transition    : opacity .7s ease-in-out;
	-webkit-transition : opacity .7s ease-in-out;
	-o-transition      : opacity .7s ease-in-out;
	-ms-transition     : opacity .7s ease-in-out;
	transition         : opacity .7s ease-in-out;
}

.rs-thumb-wrap > a:hover,
.rs-thumb-wrap > a.active {
	opacity : 1
}
.rs-thumb-wrap > a:first-child {
	margin-left : 0 !important;
}

.rs-arrows {
	position : absolute;
	z-index  : 799;
	width    : 100%;
	top      : 50%;
	right    : 0px;
}

.rs-arrows .rs-prev, .rs-arrows .rs-next {
	width                 : 50px;
	height                : 50px;
	display               : block;
	position              : absolute;
	right                 : 30px;
	margin-top            : -25px;
	-webkit-border-radius : 3px;
	-moz-border-radius    : 3px;
	-o-border-radius      : 3px;
	border-radius         : 3px;
	border                : 0px;
	background            : #2d333d !important;
	opacity               : 0.5 !important;
	-moz-transition       : all .3s ease-in-out;
	-webkit-transition    : all .3s ease-in-out;
	-o-transition         : all .3s ease-in-out;
	-ms-transition        : all .3s ease-in-out;
	transition            : all .3s ease-in-out;
}

.rs-arrows .rs-prev {
	left : 30px;
}

.rs-arrows .rs-next {
	right : 30px;
}

.rs-arrows .rs-prev:hover, .rs-arrows .rs-next:hover {
	background : #2d333d !important;
	border     : 0px;
	opacity    : 1 !important;
}

.rs-arrows .rs-prev i, .rs-arrows .rs-next i {
	text-indent : 0px;
	color       : #ffffff;
	font-size   : 20px;
	width       : 47px;
	height      : 50px;
	position    : absolute;
	line-height : 49px;
	text-align  : center;
	font-weight : 400;
}

.rs-arrows .rs-next i {
	text-indent : 3px;
}

.rs-caption {
	padding    : 20px;
	color      : #ffffff;
	background : #000000;
	background : rgba(0, 0, 0, .6);
}

.rs-caption p {
	color         : #ffffff;
	margin-bottom : 0;
}

/* --------------------------------------------------------	*/
/* Flexlider */
/* --------------------------------------------------------	*/

.flex-1 {
	margin                : 0px 0px 25px 0px;
	background            : transparent;
	border                : 0px solid #ffffff;
	position              : relative;
	-webkit-border-radius : 0px;
	-moz-border-radius    : 0px;
	-o-border-radius      : 0px;
	border-radius         : 0px;
	box-shadow            : 0 0px 0px #000000;
	-webkit-box-shadow    : 0 0px 0px #000000;
	-moz-box-shadow       : 0 0px 0px #000000;
	-o-box-shadow         : 0 0px 0px #000000;
	zoom                  : 1;
}

.flex-1 .flex-control-nav {
	width         : 100%;
	height        : 40px;
	position      : relative;
	text-align    : center;
	background    : transparent;
	border        : 0px solid #000000;
	margin-top    : -50px;
	margin-bottom : 0px;
}

.flex-1 .flex-control-nav li {
	margin      : 0 5px;
	display     : inline-block;
	zoom        : 1;
	*display    : inline;
	padding-top : 15px;
}

.flex-1 .flex-control-paging li a {
	width                 : 14px;
	height                : 14px;
	display               : block;
	border                : 1px solid #7786a1;
	cursor                : pointer;
	font-size             : 0px;
	text-indent           : 0px;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	box-shadow            : inset 0 0 0px #000000;
	background            : #f7fcff !important;
}

.flex-1 .flex-control-paging li a:hover {
	background : #0fa2d5 !important;
}

.flex-1 .flex-control-paging li a.flex-active {
	position   : relative;
	cursor     : default;
	background : #2d333d !important;
}

.flex-1 .flex-direction-nav {
	display : none;
}

.flex-1 .flex-viewport {
	max-height         : 3500px;
	-webkit-transition : all 1s ease;
	-moz-transition    : all 1s ease;
	transition         : all 1s ease;
	border             : 0px solid #000000;
	width              : 100%;
}

/* --------------------------------------------------------	*/
/* Layer Slider */
/* --------------------------------------------------------	*/

.ls-layer,
.ls-layer * {
	font-family : 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight : normal;
	white-space : nowrap;
}

.l3s1, .l3s2, .l3s3 {
	text-shadow : 0px 0px 10px white;
	color       : white;
}

.l3s1 {
	font-size : 30px;
}

.l3s2 {
	font-size : 60px;
}

.l3s3 {
	font-size  : 20px;
	font-style : italic;
}

.l4s1, .l4s2, .l4s3, .l4s4 {
	box-shadow    : 0px 3px 10px -3px #002c4b;
	background    : #02cef7;
	background    : -moz-linear-gradient(top, #02cef7 0%, #009bba 100%);
	background    : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #02cef7), color-stop(100%, #009bba));
	background    : -webkit-linear-gradient(top, #02cef7 0%, #009bba 100%);
	background    : -o-linear-gradient(top, #02cef7 0%, #009bba 100%);
	background    : -ms-linear-gradient(top, #02cef7 0%, #009bba 100%);
	background    : linear-gradient(to bottom, #02cef7 0%, #009bba 100%);
	text-shadow   : 0px -1px 1px #00819c;
	padding       : 10px 15px 10px 15px;
	border-top    : 4px solid white;
	font-size     : 20px;
	color         : white;
	border-radius : 7px;
}

/* --------------------------------------------------------	*/
/* Master Slider */
/* --------------------------------------------------------	*/

.ms-caption {
	color       : #fff;
	font-size   : 40px;
	padding-top : 80px;
}