a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	font-family: Microsoft YaHei !Important;
	font-size: 13px;
	line-height: 22px;
	color: #7e7e7e;
	background-color: #fff
}

a {
	color: #3d3d3d;
	font-weight: 500
}

a:focus,
a:hover {
	text-decoration: none
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	/*margin-bottom: 20px*/
}

p {
	/* 
	color: #a1a1a1; */
	color: #000;
	margin-bottom: 20px
}

ol,
ul {
	margin-top: 0;
	margin-bottom: 10px;
	list-style-type: disc;
	padding-left: 40px
}

ol {
	list-style-type: decimal
}

.reset-list,
.reset-list ol,
.reset-list ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.reset-list2,
.reset-list2 ol,
.reset-list2 ul {
	list-style: none
}

ul.styled-list li ul li:before,
ul.styled-list li:before {
	content: "\f105";
	font-family: icomoon;
	color: #ff525e;
	font-size: 11px;
	margin-right: 5px
}

ol.styled-list,
ul.styled-list,
ul.styled-list li ul li {
	list-style: none
}

.tooltip-test+.tooltip>.tooltip-inner {
	background-color: #ff525e;
	border-radius: 0;
	padding: 6px 10px
}

.tooltip.top .tooltip-arrow {
	border-top-color: #ff525e
}

h1.section-title {
	font-weight: 300;
	color: #161616;
	font-size: 20px;
	line-height: 30px;
	margin: 0
}

h2.section-title {
	font-weight: 300;
	color: #161616;
	font-size: 45px;
	line-height: 60px;
	margin-bottom: 15px
}

h2.section-title2 {
	font-weight: 300;
	color: #fff;
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 10px
}

h2.section-title3 {
	font-weight: 300;
	color: #161616;
	font-size: 26px;
	line-height: 30px
}

h4.section-subtitle {
	color: #a1a1a1;
	font-size: 16px;
	line-height: 20px
}

h2.shop-title {
	font-size: 70px;
	font-weight: 300;
	color: #3d3d3d;
	line-height: 70px
}

h3.shop-title {
	font-size: 45px;
	font-weight: 300;
	color: #3d3d3d;
	line-height: 50px
}

h3.section-title {
	font-weight: 300;
	color: #161616;
	font-size: 26px;
	line-height: 30px
}

.feature-title {
	font-size: 45px;
	line-height: 50px
}

.btn {
	border: none;
	color: #fff;
	cursor: pointer;
	padding: 17px 50px;
	display: inline-block;
	letter-spacing: 1px;
	outline: 0;
	position: relative;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.btn:active {
	border: none
}

.btn2 {
	border: none;
/* 	border-radius: 4px; */
	font-weight: 300;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	padding: 10px 40px;
	display: inline-block;
	letter-spacing: 1px;
	outline: 0;
	position: relative;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.btn-2 {
	background: #ff525e;
	color: #fff;
	/* box-shadow: 0 4px #d84852; */
	-webkit-transition: none;
	-moz-transition: none;
	transition: none
}

.btn-2:hover {
	box-shadow: 0 2px #d84852;
	top: 2px;
	color: #fff
}

.btn-2:active {
	box-shadow: 0 0 #ab3c3c;
	top: 4px;
	border: none
}

.btn-2:focus {
	outline: 0;
	color: #fff;
}

.btn-default {
	font-weight: 300;
	background: #dd3e49;
	border: none;
	color: #fff;
	padding: 13px 40px;
	-webkit-transition: background-color 60ms ease-in;
	-moz-transition: background-color 60ms ease-in;
	-o-transition: background-color 60ms ease-in;
	-ms-transition: background-color 60ms ease-in;
	transition: background-color 60ms ease-in
}

.btn-default:focus {
	outline: 0!important;
	border: 0
}

.btn-default2 {
	padding: 12px 31px
}

.btn-sm {
	cursor: pointer;
	display: inline-block;
	position: relative;
	color: #fff;
	border: none;
	border-radius: 4px;
	height: 31px;
	width: 35px;
	font-size: 15px;
	line-height: 23px;
	outline: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.btn-small {
	background: #ff525e;
	box-shadow: 0 4px #d84852;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none
}

.btn-small:hover {
	top: 2px;
	box-shadow: 0 2px #d84852
}

.btn-small:active {
	box-shadow: 0 0 #ab3c3c;
	top: 4px
}

.tcolor {
	color: #ff525e!important
}

.gray {
	color: #a1a1a1
}

.black {
	color: #161616!important
}

.white {
	color: #fff
}

.center {
	text-align: center
}

.left {
	text-align: left
}

.right {
	text-align: right
}

.fnone {
	float: none!important
}

.fleft {
	float: left
}

.fright {
	float: right
}

.inline-block {
	display: inline-block
}

.block {
	display: block
}

.italic {
	font-style: italic
}

.rounded {
	border-radius: 50%
}

.width100 {
	width: 100%
}

.thin-shadow {
	box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.relative {
	position: relative!important
}

.weight300 {
	font-weight: 300
}

.size17 {
	font-size: 17px!important;
	line-height: 22px!important
}

.size18 {
	font-size: 18px!important
}

.size20 {
	font-size: 20px!important
}

.l30 {
	line-height: 30px
}

.bg-white {
	background-color: #fff!important
}

.ptop5 {
	padding-top: 5px
}

.ptop10 {
	padding-top: 10px
}

.ptop50 {
	padding-top: 50px
}

.ptop70 {
	padding-top: 70px
}

.ptop100 {
	padding-top: 100px
}

.pbottom50 {
	padding-bottom: 50px
}

.pbottom70 {
	padding-bottom: 70px
}

.pbottom80 {
	padding-bottom: 80px
}

.pright0 {
	padding-right: 0
}

.pright25 {
	padding-right: 25px
}

.pright30 {
	padding-right: 30px
}

.pleft0 {
	padding-left: 0
}

.mauto {
	margin: 0 auto
}

.m0 {
	margin: 0 !important;
}

.mtop5 {
	margin-top: 5px
}

.mtop20 {
	margin-top: 20px
}

.mtop25 {
	margin-top: 25px
}

.mtop30 {
	margin-top: 30px
}

.mtop40 {
	margin-top: 40px
}

.mtop50 {
	margin-top: 50px
}

.mtop70 {
	margin-top: 70px
}

.mtop100 {
	margin-top: 100px
}

.mtop106 {
	margin-top: 106px
}

.mtop130 {
	margin-top: 130px
}

.mbottom0 {
	margin-bottom: 0
}

.mbottom5 {
	margin-bottom: 5px
}

.mbottom10 {
	margin-bottom: 10px
}

.mbottom15 {
	margin-bottom: 15px
}

.mbottom20 {
	margin-bottom: 20px
}

.mbottom25 {
	margin-bottom: 25px
}

.mbottom30 {
	margin-bottom: 30px !Important;
}

.mbottom35 {
	margin-bottom: 35px
}

.mbottom40 {
	margin-bottom: 40px !important;
}

.mbottom50 {
	margin-bottom: 50px!important
}

.mbottom60 {
	margin-bottom: 60px
}

.mbottom70 {
	margin-bottom: 70px
}

.mbottom80 {
	margin-bottom: 80px
}

.mbottom90 {
	margin-bottom: 90px
}

.mbottom100 {
	margin-bottom: 0px
}

.mleft5 {
	margin-left: 5px
}

.mleft10 {
	margin-left: 10px
}

.mleft15 {
	margin-left: 15px
}

.mleft20 {
	margin-left: 20px
}

.mleft30 {
	margin-left: 30px
}

.mleft50 {
	margin-left: 50px
}

.mleft60 {
	margin-left: 60px
}

.mleft65 {
	margin-left: 65px
}

.mleft80 {
	margin-left: 80px
}

.mleft85 {
	margin-left: 85px
}

.mleft90 {
	margin-left: 90px
}

.mleft160 {
	margin-left: 160px
}

.mleft240 {
	margin-left: 240px
}

.mright5 {
	margin-right: 5px
}

.mright10 {
	margin-right: 10px
}

.mright25 {
	margin-right: 25px
}

.mleft230 {
	margin-left: 230px
}

.mright15 {
	margin-right: 15px
}

.line {
	display: inline-block;
	width: 50px;
	border: 1px solid #ff525e;
	margin-bottom: 50px
}

.radius50 {
	border-radius: 50%
}

.animation {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg)
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg)
	}
}

.separator {
	display: block;
	border: 1px solid #e5e4e4
}

#page-wrapper {
	background: #fff
}

#header {
	background-color: #fff;
	min-height: 100px;
	position: fixed;
	top: 0;
	transition: top .2s ease-in-out;
	width: 100%;
	z-index: 11111;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

#slideshow {
	position: relative;
	overflow: hidden
}

.header1+#boxed-slideshow,
.header1+#slideshow {
	margin-top: 106px
}

.header2+#boxed-slideshow,
.header2+#slideshow {
	margin-top: 142px
}

.header3+#boxed-slideshow,
.header3+#slideshow {
	margin-top: 130px
}

.header4+#boxed-slideshow,
.header4+#slideshow {
	margin-top: 170px
}

.header5+#boxed-slideshow,
.header5+#slideshow {
	margin-top: 0
}

.header1+#content,
.header6+#boxed-slideshow,
.header6+#slideshow {
	margin-top: 106px
}

.header2+#content {
	margin-top: 142px
}

.header3+#content {
	margin-top: 130px
}

.header4+#content {
	margin-top: 170px
}

.header1+.header-breadcrumb,
.header5+#content,
.header6+#content {
	margin-top: 106px
}

.header2+.header-breadcrumb {
	margin-top: 142px
}

.header3+.header-breadcrumb {
	margin-top: 130px
}

.header4+.header-breadcrumb {
	margin-top: 170px
}

.header1+#sub-header,
.header5+.header-breadcrumb,
.header6+.header-breadcrumb {
	margin-top: 106px
}

.header2+#sub-header {
	margin-top: 142px
}

.header3+#sub-header {
	margin-top: 130px
}

.header4+#sub-header {
	margin-top: 170px
}

.header1+#shop-header,
.header5+#sub-header,
.header6+#sub-header {
	margin-top: 106px
}

.header2+#shop-header {
	margin-top: 142px
}

.header3+#shop-header {
	margin-top: 130px
}

.header4+#shop-header {
	margin-top: 170px
}

.header5+#shop-header,
.header6+#shop-header {
	margin-top: 106px
}

#header.nav-up {
	top: -200px
}

#header.nav-up.sticky {
	top: 0
}

#preloader {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 99999;
	position: fixed
}

#status {
	width: 200px;
	height: 200px;
	 border-radius:50%; 
	 overflow:hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/preload.gif);/*preload.gif*/
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px
}

h1#logo {
	margin: 0
}

#logo {
	float: left;
	padding: 30px 0 31px
}

#logo .only-transparent {
	display: none
}

.logo-container {
	z-index: 1001
}

.logo-container.hasinfocard {
	position: relative
}

.logo-container.hasinfocard:before {
	content: url(../images/hoverme.png);
	width: 98px;
	height: 35px;
	right: 100%;
	margin-right: 20px;
	top: 21px;
	position: absolute
}

#infocard {
	position: absolute;
	top: 98px;
	margin-top: 20px;
	width: 440px;
	padding: 30px 20px 25px;
	background: #FF525E;
	color: #fff;
	border-radius: 2px;
	font-size: 12px;
	display: block;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .4);
	-webkit-transition: all .15s ease-out;
	-moz-transition: all .15s ease-out;
	-ms-transition: all .15s ease-out;
	transition: all .15s ease-out;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-ms-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-backface-visibility: hidden
}

.logo-container.hasinfocard:hover #infocard {
	visibility: visible;
	opacity: 1;
	margin-top: 12px;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	-transition-delay: 0s
}

#infocard h2 {
	font-size: 12px;
	color: #fff;
	line-height: 20px
}

#infocard p {
	color: #fff;
	margin-bottom: 0
}

#infocard .info-social p {
	font-size: 15px;
	text-transform: uppercase
}

#infocard .info-social li {
	display: inline-block;
	margin-right: 20px
}

#infocard .info-social li:first-child,
#infocard .info-social li:last-child {
	margin-right: 0
}

#infocard .info-social li a {
	color: #fff
}

#infocard .info-social li span {
	font-size: 18px
}

#back-top {
	position: fixed;
	bottom: 30px;
	right: 15px;
	background: #cf111b;
	border-radius: 4px;
	border-bottom: solid 2px #cf111b
}

#back-top a {
	color: #fff;
	padding: 5px 13px;
	line-height: 30px
}

#back-top:active {
	border-bottom: none
}

#panel {
	background: #cf111b;
	padding: 8px 0;
	display: none
}

.slide {
	/* border-top: solid 4px #cf111b; */
}

.active-panel {
	background-position: right 12px
}

.slide span {
	background: #cf111b;
	color: #fff;
	font-size: 13px;
	padding: 6px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	position: absolute;
	right: 14px;
	line-height: 6px;
	z-index: 1002
}

#panel ul.info-left {
	float: left
}

#panel ul.info-left li {
	color: #fff;
	float: left;
	margin-right: 15px;
	border-right: solid 1px;
	padding-right: 10px
}

#panel ul.info-left li:last-child {
	border-right: 0
}

#panel ul.info-left li p {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	display: inline-block;
	margin-bottom: 0;
	color: #fff
}

#panel ul.info-left li span {
	margin-right: 5px
}

#panel ul.info-right {
	float: right
}

#panel ul.info-right li {
	color: #fff;
	display: inline-block;
	width: 26px;
	height: 24px;
	text-align: center;
	margin-right: 7px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 50%
}

#panel ul.info-right li span {
	color: #fff;
	margin-left: 1px;
	line-height: 24px
}

#panel ul.info-right li a {
	display: block;
	line-height: 26px
}

.language .globe {
	float: right;
	font-size: 15px;
	color: #000;
	cursor: pointer;
	margin-top: 42px;
	margin-right: 18px
}

.language .dropdown-menu {
	min-width: 120px;
	top: 100px;
	right: 0;
	left: auto;
	border-radius: 0;
	box-shadow: none
}

.language .dropdown-menu>li>a {
	float: left
}

.language .dropdown-menu>li>a:hover {
	background: none!important
}

.language .dropdown-menu>li>a:hover+.flag-img {
	opacity: 1
}

.language .dropdown-menu>li>a:focus {
	outline: 0;
	background: none!important
}

.flag-img {
	float: right;
	opacity: .7;
	margin-top: 7px;
	margin-right: 20px
}

.header3 #main-menu {
	margin-right: 100px
}

.header3 .globe {
	margin-top: 15px !important;
}

.header3 .language .dropdown-menu {
	top: 47px
}

.header4 .language .globe {
	margin-top: 17px
}

.header4 #main-menu {
	margin-right: 100px
}

.header4 .language .dropdown-menu {
	top: 51px
}

.header5:not(.fillbg) .language .globe {
	color: #fff
}

.searchPanel {
	float: right;
	margin-top: 40px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s
}

.searchPanel span {
	cursor: pointer;
	color: #000;
	font-size: 15px
}

.searchPanel .searchForm {
	display: none;
	opacity: 0;
	position: absolute;
	right: -15px;
	top: 30px;
	width: 260px;
	z-index: 999;
	border-radius: 2px;
	border: 1px solid #ddd;
	background: #fff
}

.searchPanel .searchForm:before {
	top: -22px
}

.searchPanel .searchForm:after,
.searchPanel .searchForm:before {
	bottom: 40px;
	right: 17px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute
}

.searchPanel .searchForm:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 11px;
	margin-left: -11px
}

.searchPanel .searchForm:before {
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #ddd;
	border-width: 11px;
	margin-left: -12px
}

.searchPanel .searchForm.active {
	display: block;
	opacity: 1;
	top: 115px;
	right: 12px
}

.searchPanel .searchBox {
	font-size: 14px;
	padding: 10px 15px;
	width: 100%;
	height: 100%;
	border: 0;
	outline: 0
}

#cart {
	float: right;
	margin-top: 40px;
	font-size: 15px;
	color: #000;
	cursor: pointer;
	padding-bottom: 40px;
	padding-left: 20px
}

#cart .cart-container {
	position: absolute;
	z-index: 111;
	visibility: hidden;
	right: 0;
	top: 130px;
	opacity: 0;
	-webkit-transition: opacity .4s ease, top .45s ease;
	-moz-transition: opacity .4s ease, top .45s ease;
	-ms-transition: opacity .4s ease, top .45s ease;
	-o-transition: opacity .4s ease, top .45s ease;
	transition: opacity .4s ease, top .45s ease
}

#cart:hover .cart-container {
	visibility: visible;
	opacity: 1;
	top: 102px
}

#cart .cart-container ul {
	min-width: 250px;
	cursor: initial
}

#cart .cart-container .cart-item {
	display: inline-block;
	width: 100%;
	padding: 10px;
	position: relative
}

#cart .cart-container .cart-item img {
	float: left;
	margin-right: 20px
}

#cart .cart-container .cart-item h4 {
	display: inline-block;
	margin-top: 10px;
	font-size: 16px;
	margin-bottom: 0
}

#cart .cart-container .cart-item span {
	display: block;
	font-size: 13px
}

#cart .cart-container li {
	border-top: solid 1px #e6e6e6;
	background: #fff
}

#cart .cart-container .total {
	background-color: #f4f4f4;
	color: #505050;
	display: block;
	padding: 10px
}

#cart .cart-container .total p {
	margin-bottom: 0
}

#cart .cart-container .checkout {
	background: #ff525e
}

#cart .cart-container .checkout a {
	color: #fff;
	padding: 10px;
	display: block
}

#cart .cart-container .close-btn {
	content: "\e607";
	font-family: icomoon;
	color: #ff525e;
	font-size: 11px
}

.remove-item {
	font-size: 9px;
	float: right;
	position: absolute;
	right: 15px;
	top: 39px
}

.header-breadcrumb {
	background: #fafafa;
	padding: 20px 0;
	border-bottom: solid 1px #F0F0F0;
}

.header-breadcrumb ul {
	float: right
}

.header-breadcrumb ul li {
	float: left;
	color: #161616;
	font-size: 15px;
	line-height: 31px;
	margin-right: 10px
}

.header-breadcrumb ul li:last-child {
	margin-right: 0
}

.header-breadcrumb ul li.active p {
	color: #000
}

.header-breadcrumb h2 {
	font-size: 22px;
	line-height: 35px
}

.header-breadcrumb h2.section-title,
.header-breadcrumb p {
	margin-bottom: 0
}

.header-breadcrumb.page-header {
	background: url(../images/page-header.jpg) center center no-repeat;
	padding: 80px 0;
	background-size: cover;
}

.header-breadcrumb.page-header ul {
	background: #000;
	color: #fff
}

.header-breadcrumb.page-header ul li {
	padding-left: 10px;
	color: #ff525e;
	margin-right: 0
}

.header-breadcrumb.page-header ul li.active {
	padding-right: 10px
}

.header-breadcrumb.page-header ul li p,
.header-breadcrumb.page-header ul li.active p {
	color: #fff
}

.header-breadcrumb.page-header h1.section-title {
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
	font-size: 30px;
	font-weight: 400
}

#current-date {
	float: right;
	clear: right;
	background: rgba(255, 255, 255, .56);
	color: #383838;
	padding: 0 10px;
	margin-top: 10px
}

.tp-bannertimer,
.tp-bullets {
	display: none
}

.tp-leftarrow.default,
.tp-rightarrow.default {
	z-index: 100;
	width: 60px;
	background: 0 0;
	height: 60px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.tp-leftarrow.default:before,
.tp-rightarrow.default:before {
	font-family: icomoon;
	line-height: 55px;
	width: 60px;
	font-size: 28px
}

.tp-leftarrow.default:before {
	content: "\f104"
}

.tp-rightarrow.default:before {
	content: "\f105"
}

.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover {
	background: #cf111b;
	border-color: #cf111b
}

.firstslide h2 {
	font-size: 60px;
	color: #fff;
	font-weight: 300;
	line-height: 60px;
	margin-left: 70px;
	margin-top: 0
}

.firstslide h5 {
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	margin-left: 15px
}

.firstslide .first-span {
	color: #ff525e;
	font-size: 60px;
	float: left;
	line-height: 60px;
	font-weight: 300
}

.firstslide .second-span {
	color: #ff525e;
	font-size: 60px;
	line-height: 60px;
	font-weight: 300
}

.secondslide h2 {
	font-size: 60px;
	color: #fff;
	font-weight: 300;
	line-height: 60px;
	margin-left: 70px;
	margin-top: 0
}

.secondslide h5 {
	color: #fff;
	font-size: 16px;
	line-height: 25px
}

.secondslide .first-span {
	color: #ff525e;
	font-size: 60px;
	float: left;
	line-height: 60px;
	font-weight: 300
}

.secondslide .second-span {
	color: #ff525e;
	font-size: 60px;
	line-height: 60px;
	font-weight: 300
}

.thirdslide h2 {
	font-size: 60px;
	color: #fff;
	font-weight: 300;
	line-height: 60px;
	margin-left: 70px;
	margin-top: 0
}

.thirdslide h5 {
	margin-bottom: 0;
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	text-align: center
}

.thirdslide .first-span {
	color: #ff525e;
	font-size: 60px;
	float: left;
	line-height: 60px;
	font-weight: 300
}

.fourthslide h2 {
	font-size: 60px;
	color: #fff;
	font-weight: 300;
	line-height: 60px;
	margin-left: 80px;
	margin-top: 0
}

.fourthslide .first-span {
	color: #ff525e;
	font-size: 60px;
	float: left;
	line-height: 60px;
	font-weight: 300
}

#main-menu {
	float: right;
	margin-right: 40px
}

#main-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1
}

#main-menu>ul {
	display: block;
	width: 100%;
	z-index: 500
}

#main-menu>ul>li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#main-menu>ul>#menu-button {
	display: none
}

#main-menu ul li a {
	display: block;
	font-family: Microsoft YaHei,Roboto, Helvetica, sans-serif;
	font-weight: 400
}

#main-menu>ul>li>a {
	line-height: 102px;
	font-size: 18px;
	padding: 0 20px;
	color: #bababa;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out
}

#main-menu>ul>li.active>a,
#main-menu>ul>li.has-sub>a:hover,
#main-menu>ul>li:hover>a,
#main-menu>ul>li>a:hover {
	color: #3d3d3d
}

#main-menu ul ul li a:not(:only-child):after {
	position: absolute;
	top: 13px;
	right: 10px;
	font-family: icomoon;
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\f105";
	color: #3d3d3d;
	font-size: 13px
}

#indicatorContainer {
	position: absolute;
	height: 12px;
	width: 100%;
	bottom: 0;
	overflow: hidden;
	z-index: -1
}

#pIndicator {
	position: absolute;
	height: 0;
	width: 100%;
	border: 12px solid transparent;
	border-top-color: #2b2f3a;
	z-index: -2;
	-webkit-transition: left .25s ease;
	-moz-transition: left .25s ease;
	-ms-transition: left .25s ease;
	-o-transition: left .25s ease;
	transition: left .25s ease
}

#cIndicator {
	position: absolute;
	height: 0;
	width: 100%;
	border: 12px solid transparent;
	border-top-color: #2b2f3a;
	top: -12px;
	right: 100%;
	z-index: -2
}

#main-menu ul ul {
	position: absolute;
	top: 130px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: aall .2s ease-out;
	transition: all .2s ease-out;
	z-index: 1000;
	border-top: solid 3px #ff525e
}

#main-menu ul ul ul {
	top: 37px
}

#main-menu ul ul li {
	position: relative
}

#main-menu>ul>li:hover>ul {
	left: auto;
	top: 102px;
	opacity: 1;
	visibility: visible
}

#main-menu ul ul li:hover>ul {
	left: 230px;
	top: 0;
	opacity: 1
}

#main-menu ul ul li a {
	min-width: 230px;
	border-bottom: 1px solid #eee;
	padding: 12px 20px;
	font-size: 14px;
	color: #3d3d3d;
	background: #fafafa;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease
}

#main-menu ul ul li.active a,
#main-menu ul ul li:hover>a {
	background: #f4f4f4;
	color: #3d3d3d;
	border-right: solid 3px #ff525e
}

#main-menu ul ul li a:hover,
#main-menu ul ul li.active a {
	padding-left: 25px
}

#main-menu ul ul li.active:hover {
	border-right: 0
}

#main-menu ul ul li.has-sub::after {
	border: 4px solid;
	border-left-color: #9ea2a5;
	right: 10px;
	top: 12px;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition: -webkit-transform .2s ease, right .2s ease
}

#main-menu ul ul li.has-sub:hover::after {
	border-left-color: #fff;
	right: -5px;
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

#main-menu ul ul li.has-sub span {
	position: absolute;
	right: 10px;
	font-size: 9px;
	top: 15px
}

#main-menu>ul>li:hover ul.second-submenu {
	left: 230px
}

#main-menu .mega-menu {
	background-color: #fff;
	border-top-color: #ff525e;
	visibility: hidden;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .04);
	border-top-width: 3px;
	border-top-style: solid;
	position: absolute;
	left: -15px;
	top: 120px;
	opacity: 0;
	margin: 0;
	padding: 20px 10px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 1001
}

#main-menu ul li:hover>ul.mega-menu {
	left: -15px;
	opacity: 1;
	visibility: visible
}

#main-menu .mega-menu li a.mega-title,
#main-menu ul.mega-menu ul li:last-child>a.mega-title {
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 12px 0;
	margin-bottom: 15px;
	border-right: none!important
}

#main-menu .mega-menu ul {
	position: relative!important;
	opacity: 1!important;
	left: auto!important;
	top: 0!important
}

#main-menu .mega-menu li {
	visibility: hidden
}

#main-menu .mega:hover li {
	visibility: visible
}

#main-menu .mega-menu li a {
	background-color: transparent!important;
	border-right-color: transparent!important;
	border-bottom-width: 0;
	padding: 5px 20px;
	position: relative
}

#main-menu .mega-menu ul li a:before {
	content: " ";
	width: 4px;
	height: 4px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-top: -2px;
	background: #ddd
}

#main-menu .mega-menu li a:after {
	display: none!important
}

#main-menu .mega-menu li a:hover:before,
#main-menu .mega-menu li.active>a:before {
	background: #ff525e
}

#main-menu .mega-menu ul li.active a,
#main-menu .mega-menu ul li:hover>a {
	color: #ff525e;
	border-right: none!important
}

.one-page .searchPanel {
	margin-top: 47px
}

.one-page #cart {
	margin-top: 47px;
	padding-bottom: 33px
}

.header2 .btn-slide {
	display: none
}

.header2 #panel {
	display: block
}

.header2.nav-up {
	top: -255px!important
}

.header2 .slide {
	border-top: 0
}

.header2 #main-menu ul ul {
	top: 120px
}

.header2 .zn-res-menuwrapper {
	margin-top: 36px
}

.header3 .onlyh3 {
	text-align: center
}

.header3.nav-up {
	top: -180px!important
}

.header3 .btn-slide {
	display: initial
}

.header3 #panel {
	display: none
}

.header3 #logo {
	float: none;
	margin: 0 auto;
	padding: 15px 0;
	display: inline-block
}

.header3 #main-menu {
	margin: 0 auto;
	text-align: center;
	float: none
}

.header3 #main-menu ul ul {
	top: 70px
}

.header3 #main-menu>ul>li {
	display: inline-block;
	float: none
}

.header3 #main-menu>ul>li>a {
	line-height: 49px
}

.header3 #main-menu>ul>li:hover>ul {
	top: 49px
}

.header3 #main-menu ul ul li a {
	text-align: left
}

.header3 .searchPanel {
	margin-top: 90px
}

.header3 .searchPanel .searchForm.active {
	top: 140px;
	right: 12px
}

.header3 #cart {
	margin-top: 90px;
	padding-bottom: 14px
}

.header3 #cart .cart-container {
	top: 145px
}

.header3 #cart:hover .cart-container {
	top: 126px
}

.header3 .logo-container {
	display: inline-block
}

.header3 .logo-container.hasinfocard:before {
	display: none
}

.header3 #infocard {
	top: 119px;
	left: -100px
}

.header3 .new-item {
	top: -15px
}

.header3 #main-menu>ul {
	position: relative
}

.header4.nav-up {
	top: -230px!important
}

.header4 .btn-slide {
	display: none
}

.header4 #panel {
	display: block
}

.header4 #logo {
	float: none;
	margin: 0 auto;
	padding: 15px 0
}

.header4 .dl-menuwrapper {
	padding-top: 0;
	margin-top: -65px;
	padding-bottom: 31px;
	text-align: right!important
}

.header4 .dl-menuwrapper .dl-menu.dl-menuopen,
.header4 .dl-menuwrapper>.dl-submenu {
	top: 65px
}

.header4 #main-menu {
	text-align: center;
	float: none
}

.header4 #main-menu>ul {
	position: relative
}

.header4 #main-menu>ul>li {
	display: inline-block;
	float: none
}

.header4 #main-menu>ul>li>a {
	line-height: 53px
}

.header4 #main-menu ul ul li a {
	text-align: left
}

.header4 #main-menu>ul>li:hover>ul {
	top: 53px
}

.header4 #main-menu ul ul {
	top: 75px
}

.header4 #cart {
	margin-top: 92px;
	padding-bottom: 16px
}

.header4 .searchPanel {
	margin-top: 92px
}

.header4 .searchPanel .searchForm.active {
	top: 144px
}

.header4 #cart .cart-container,
.header4 #cart:hover .cart-container {
	top: 130px
}

.header4 .slide {
	border-top: 0
}

.header4>#slideshow {
	margin-top: 167px!important
}

.header4 .logo-container.hasinfocard:before {
	display: none
}

.header4 .logo-container {
	display: inline-block
}

.header4 .onlyh3 {
	text-align: center
}

.header4 #infocard {
	top: 125px;
	left: -120px
}

.header4 .new-item {
	top: -15px
}

.header4 .zn-res-menuwrapper {
	margin-top: 36px
}

.header5:not(.fillbg) {
	background-color: transparent!important;
	box-shadow: none;
	border-bottom: solid 1px rgba(255, 255, 255, .36)
}

.header5:not(.fillbg) #main-menu>ul>li>a {
	color: #fff!important;
	font-size: 15px;
	font-weight: 600
}

.header5:not(.fillbg) #main-menu>ul>li.active>a,
.header5:not(.fillbg) #main-menu>ul>li.has-sub>a:hover {
	color: #D3D3D3
}

.header5:not(.fillbg) #cart span,
.header5:not(.fillbg) .searchPanel span {
	color: #fff
}

.header5:not(.fillbg) #logo .only-transparent {
	display: block
}

.header5:not(.fillbg) .non-transparent {
	display: none
}

.header5 .zn-res-menuwrapper,
.header6 .zn-res-menuwrapper {
	margin-top: 36px
}

#zn-res-menu,
#zn-res-menu li,
#zn-res-menu ul {
	padding: 0;
	margin: 0;
	list-style: none
}

#zn-res-menu * {
	-webkit-backface-visibility: hidden
}

.zn_res_menu_visible #zn-res-menu,
.zn_res_menu_visible #zn-res-menu li ul {
	display: block
}

#zn-res-menu,
#zn-res-menu li ul {
	right: 0;
	top: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	z-index: 11112;
	-webkit-backface-visibility: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-transform: translate(100%, 0);
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	-ms-transform: translate3d(100%, 0, 0);
	-o-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: -webkit-transform 500ms ease;
	-moz-transition: -moz-transform 500ms ease;
	-ms-transition: -ms-transform 500ms ease;
	-o-transition: -o-transform 500ms ease;
	transition: transform 500ms ease;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	padding: 0;
	display: none
}

#zn-res-menu ul.zn-menu-visible,
#zn-res-menu.zn-menu-visible {
	-ms-transform: translate(0%, 0);
	-webkit-transform: translate3d(0%, 0, 0);
	-moz-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0)
}

#zn-res-menu li {
	position: initial;
	width: 100%
}

#zn-res-menu .zn_mega_container {
	width: 100%
}

#zn-res-menu .zn_mega_container li {
	width: 100%;
	float: none
}

#zn-res-menu li a {
	color: #717171;
	padding: 13px 28px;
	border-bottom: 1px solid;
	border-bottom-color: inherit;
	display: block;
	z-index: 1
}

#zn-res-menu a {
	cursor: pointer
}

#zn-res-menu .zn_res_has_submenu>span,
#zn-res-menu .zn_res_menu_go_back>span {
	position: absolute;
	right: 0;
	width: 49px;
	height: 49px;
	border-left: 1px solid;
	border-left-color: inherit;
	line-height: 49px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	z-index: 2
}

#zn-res-menu .zn_res_menu_go_back>a {
	text-align: center;
	padding-right: 0;
	padding-left: 49px
}

#zn-res-menu .zn_res_menu_go_back>span {
	left: 0;
	right: auto;
	border-left: none;
	border-right: 1px solid;
	border-right-color: inherit
}

.zn-res-menuwrapper {
	float: right;
	display: block;
	margin-top: 42px
}

.zn-res-trigger {
	vertical-align: middle;
	position: relative;
	display: inline-block;
	width: 25px;
	height: 28px;
	margin-right: 25px
}

.zn-res-trigger::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 4px;
	top: 50%;
	margin-top: -10px;
	background: #3d3d3d;
	border-radius: 4px;
	left: 0;
	box-shadow: 0 8px 0 #3d3d3d, 0 16px 0 #3d3d3d
}

.zn_res_has_submenu .new-item {
	display: none
}

.welcome-message {
	position: absolute;
	width: 100%;
	top: 44%;
	text-align: center;
	z-index: 25;
}

.welcome-message h2 {
	text-transform: uppercase;
	font-size: 55px;
	color: #fff;
	-webkit-text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	-moz-text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	-o-text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	-ms-text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	line-height: 60px;
	font-weight: 400
}

.welcome-message a {
	text-transform: uppercase
}

body.boxed .boxedcontainer {
	max-width: 1200px;
	margin: 0;
	padding: 0
}

.boxedcontainer {
	max-width: 1170px;
	margin: auto;
	position: relative
}

#boxed-slideshow .boxed-container .tp-leftangle.default,
#boxed-slideshow .boxed-container .tp-rightangle.default {
	top: 50%!important
}

#boxed-slideshow .welcome-message {
	top: 36%
}

.tp-caption {
	font-family: Roboto, Helvetica, Arial, sans-serif!important
}

.services-box span {
	float: left;
	font-size: 25px;
	color: #ff525e;
	border-radius: 50%;
	border: 1px solid;
	padding: 31px
}

.services-box h3 {
	font-size: 24px;
	font-weight: 300;
	color: #3d3d3d;
	margin-left: 20px;
	margin-top: 18px;
	display: inline-block;
	line-height: 27px;
	margin-bottom: 0
}

.services-box p {
	margin-top: 40px;
	margin-bottom: 30px
}

/* #featured-projects {
	background-color: rgb(244,244,244);
} */

#featured-projects h2 {
	font-weight: 300;
	color: #161616
}

#featured-projects h4 {
	color: #a1a1a1;
	font-weight: 400;
	font-size: 14px
}

#featured-projects .overlay-effect figcaption span {
	position: absolute;
	top: 30px;
	right: 20px
}

.portfolio-header {
	margin-bottom: 50px
}

.filters-nav ul li.filter-item.is-active:first-child {
	color: #fff!important;
	background: #ff525e!important;
	border-bottom: solid 4px #d84852!important;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.filters-nav ul li.filter-item.is-active {
	color: #fff!important;
	background: #ff525e!important;
	border-bottom: solid 4px #d84852!important
}

.filters-nav ul li.filter-item.is-active:last-child {
	color: #fff!important;
	background: #ff525e!important;
	border-bottom: solid 4px #d84852!important;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

#portfolio-filters {
	text-align: center;
	margin-top: 33px
}

#portfolio-filters ul li.filter-item {
	display: inline-block;
	color: #161616;
	font-weight: 500;
	cursor: pointer;
	padding: 5px 17px;
	background: #F0F0F0;
	border-bottom: solid 4px #F0F0F0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

#portfolio-filters ul li.filter-item:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

#portfolio-filters ul li.filter-item:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.portfolio-wrapper .portfolio-item {
	position: relative;
	float: left;
	width: 25%;
	overflow: hidden
}

.portfolio-wrapper .portfolio-item img {
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
	width: 100%;
}

.portfolio-wrapper .portfolio-item .item-overlay {
	display: block;
	position: absolute;
	z-index: 20;
	background: rgba(55, 186, 133, .87);
	overflow: hidden;
	transition: all .5s
}

.portfolio-wrapper .portfolio-item a.close-overlay {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 45px;
	height: 45px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	line-height: 45px;
	text-align: center;
	background-color: #000;
	cursor: pointer
}

.portfolio-wrapper .portfolio-item a.close-overlay.hidden {
	display: none
}

.portfolio-wrapper .portfolio-item .item-name {
	display: block;
	position: absolute;
	z-index: 100;
	text-align: center;
	color: #fff
}

.portfolio-wrapper .item-overlay {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0
}

.portfolio-wrapper .item-overlay .item-name {
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.portfolio-wrapper .portfolio-item.hover .item-overlay {
	opacity: 1
}

.portfolio-wrapper .portfolio-item.hover .item-overlay .item-name {
	top: 50%;
	margin-top: -30px;
	opacity: 1
}

.overlay figure {
	margin: 0;
	position: relative;
	overflow: hidden;
	margin-left: 20px;
	margin-right: 20px;
}

.overlay figure img {
	max-width: 100%;
	display: block;
	position: relative
}

.overlay figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #CF111B;
	color: #fff
}

.overlay figcaption h3 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 16px
}

.overlay figcaption h5 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 12px
}

.overlay-effect figure img {
	-webkit-transition: -webkit-transform .4s;
	-moz-transition: -moz-transform .4s;
	transition: transform .4s
}

.no-touch .overlay-effect figure:hover img,
.overlay-effect figure.cs-hover img {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none
}

.overlay-effect figcaption {
	min-height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform .4s, opacity .1s .3s;
	-moz-transition: -moz-transform .4s, opacity .1s .3s;
	transition: transform .4s, opacity .1s .3s;
	-webkit-backface-visibility: hidden
}

.overlay-effect figure:hover img {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none
}

.no-touch .overlay-effect figure:hover figcaption,
.overlay-effect figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform .4s, opacity .1s;
	-moz-transition: -moz-transform .4s, opacity .1s;
	transition: transform .4s, opacity .1s
}

.news-header {
	display: inline-block
}

.news-boxes span {
	font-size: 40px;
	color: #ee414d;
	float: left;
	clear: left;
	line-height: 40px;
	font-weight: 300;
	margin-right: 20px
}

.news-boxes span:first-child {
	border-bottom: solid 1px
}

.news-boxes h3 {
	color: #161616;
	font-weight: 400;
	font-size: 17px;
	line-height: 28px
}

#team {
	/* background: url(../images/team/team-bg.jpg) 0 0/cover */
}

#team h2 {
	color: #fff
}

#our-team ul {
	margin-top: 15px;
	text-align: center
}

#our-team ul li {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	margin-left: 5px;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 50%;
	margin-bottom: 5px
}

#our-team ul li:first-child {
	margin-left: 0
}

#our-team ul li a {
	color: #fff;
	line-height: 40px;
	display: block
}

#our-team .overlay-effect figcaption {
	min-height: 150px;
	padding-right: 25px
}

#our-team .overlay figcaption h3 {
	font-size: 24px;
	font-weight: 300;
	line-height: 25px
}

#our-team.owl-carousel {
	padding-top: 50px
}

#our-team .owl-buttons {
	position: absolute;
	top: 0px;
	right: 16px
}

#our-team .owl-buttons .owl-prev i {
	color: #fff;
	border: 2px solid;
	border-radius: 4px;
	padding: 10px 16px;
	position: absolute;
	right: 50px;
	font-size: 20px
}

#our-team .owl-buttons .owl-prev i:hover {
	background-color: #cf111b;
	border: 2px solid #cf111b
}

#our-team .owl-buttons .owl-next i {
	color: #fff;
	border: 2px solid;
	border-radius: 4px;
	padding: 10px 16px;
	position: absolute;
	right: 0;
	font-size: 20px
}

#our-team .owl-buttons .owl-next i:hover {
	background-color: #cf111b;
	border: 2px solid #cf111b;
}

.buy {
	background: #cf111b;
	padding: 20px
}

.buy h2 {
	color: #fff;
	font-size: 38px;
	line-height: 39px;
	margin-top: 0;
	margin-bottom: 0
}

.buy span {
	color: #cd1320
}

.buy h5 {
	color: #ffbbc0;
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 0
}

.video-presentation {
	height: 500px;
	width: 100%;
	z-index: 1;
	position: relative;
	background: url(../images/video-bg.jpg) center center/cover
}

.video-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center
}

.video-overlay .thin-line-white {
	width: 30px
}

.video-overlay h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 40px;
	font-weight: 400
}

.play-button {
	margin-top: 120px;
	margin-bottom: 70px;
	z-index: 2
}

.play-button i {
	color: rgba(255, 255, 255, .85);
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 70px;
	line-height: 100px;
	padding-left: 5px;
	-moz-backface-visibility: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.play-button i:hover {
	color: #ff525e
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
	background: rgba(0, 0, 0, .9)!important
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
	background: url(../images/close.png) 5px 5px no-repeat!important
}

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
	top: -55px;
	display: block;
	height: 30px
}

.video-presentation iframe body {
	background-color: transparent!important
}

#subscribe h2 {
	margin-top: 0
}

#subscribe h5 {
	color: #a1a1a1;
	margin-bottom: 25px
}

#subscribe input {
	background: #f6f6f6;
	color: #575656!important;
	border: none;
	border-radius: 4px;
	outline: 0;
	height: 35px;
	width: 300px;
	padding: 5px 10px
}

.alert {
	display: inline-block;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 0;
	margin: 0;
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
	vertical-align: top;
	border-width: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.alert.animate {
	opacity: 1;
	visibility: visible;
	padding-top: 10px;
	padding-bottom: 10px;
	max-height: 100px;
	line-height: 1.5em;
	margin-bottom: 0px;
	vertical-align: top;
	border-width: 1px;
	width: 30%;
	margin-top: 10px
}

.close {
	background: 0 0;
	border: 0
}

@media (max-width:1200px) {
	#subscribe.footer-subscribe input {
		width: 174px!important
	}
}

@media (min-width:768px) and (max-width:992px) {
	#subscribe.footer-subscribe input {
		width: 119px!important
	}
}

@media (max-width:768px) {
	#subscribe {
		text-align: left
	}
}

#amazing {
	background: #ff525e;
	padding: 70px 0
}

#amazing p {
	color: #fff
}

ul.number-list span {
	color: #fff;
	font-size: 70px;
	margin-right: 15px
}

ul.number-list li {
	color: #fff;
	display: table;
	margin-bottom: 15px
}

ul.number-list li h4 {
	font-size: 16px;
	display: table-cell;
	line-height: 27px;
	vertical-align: middle;
	color: #fff
}

.amazing-left,
.amazing-right {
	margin-top: 70px
}

#feedbacks {
	padding: 100px 0
}

#feedbacks .feedbacks-header span {
	font-size: 65px;
	color: #ff525e;
	font-weight: 300;
	display: inline-block;
	line-height: 65px;
	margin-bottom: 10px
}

#feedbacks .feedbacks-header p {
	color: #a1a1a1
}

#feedbacks h5 {
	color: #161616;
	font-size: 15px;
	margin-bottom: 0
}

.feedback-box {
	background: #F6F6F6;
	border-radius: 6px;
	padding: 35px 35px 35px 35px;
	position: relative;
	display: inline-block;
}

.feedback-box:hover {
	border-bottom: solid 4px #ff525e;
	margin-bottom: -4px
}

.feedback-box:hover:after,
.feedback-box:hover:before {
	top: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute
}

.feedback-box:hover:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 5px;
	margin-left: -5px
}

.feedback-box:hover:before {
	border-color: rgba(245, 37, 14, 0);
	border-top-color: #ff525e;
	border-width: 11px;
	margin-left: -11px
}

.feedback-box img {
	float: left
}

.feedback-box blockquote {
	color: #161616;
	background: url(../images/quotes.png) left top no-repeat;
	padding-left: 30px;
	margin-left: 120px;
	line-height: 25px
}

#services {
	padding-top: 80px;
	background: #f5f5f5;
}

#services span {
	color: #ff525e;
	font-size: 30px;
	border-radius: 50%;
	border: 1px solid;
	padding: 20px
}

#services img {
	margin: 0 auto
}

#services h3 {
	color: #161616;
	font-size: 20px;
	margin-bottom: 10px
}

#services p {
	color: #a1a1a1
}

.icon-container-left {
	float: right;
	margin-top: 14px;
	display: block;
	min-height: 100px;
	margin-left: 25px
}

.icon-container-right {
	float: left;
	margin-top: 14px;
	display: block;
	min-height: 100px;
	margin-right: 25px
}

.services-left li {
	display: inline-block;
	margin-bottom: 27px
}

.services-left h3,
.services-left p {
	text-align: right
}

.services-right li {
	display: inline-block;
	margin-bottom: 27px
}

.services-right h3,
.services-right p {
	text-align: left
}

#designed {
	padding: 0 0 50px
}

.ms-caro3d-template {
	max-width: 1024px;
	margin: 0 auto
}

.ms-caro3d-template .master-slider .ms-container {
	padding: 10px 0 50px
}

.ms-caro3d-template .ms-slide {
	-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(90%, transparent), to(rgba(255, 255, 255, .5)))
}

.ms-caro3d-template .ms-slide-bgcont {
	border-radius: 8px
}

#purchase {
	padding-bottom: 70px
}

#purchase p {
	color: #a1a1a1
}

#expertise {
	background: #ff525e;
	padding: 70px 0
}

#expertise p {
	color: #ffbbc0
}

h4.expertise {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	margin-left: 40px;
	border-bottom: 1px dashed #ff8089;
	padding-bottom: 10px;
	margin-bottom: 0
}

ul.expertise li {
	padding: 5px 0
}

span.expertise {
	color: #fff;
	font-size: 20px;
	float: left;
	margin-right: 20px;
	line-height: 30px
}

#designed2 {
	padding-top: 70px
}

#designed2 p {
	color: #a1a1a1
}

.designed2-margin {
	margin-top: 120px
}

#services2 {
	background: #fafafa;
	padding: 70px 0 10px;
}

#services2 span {
	color: #ff525e;
	font-size: 25px;
	float: left;
	line-height: 32px
}

#services2 h3 {
	color: #161616;
	font-size: 20px;
	font-weight: 300;
	margin-left: 50px;
	margin-bottom: 25px
}

#services2 p {
	color: #a1a1a1
}

.home3 #featured-projects {
	background: 0 0
}

.home3 #portfolio-filters {
	margin-top: 0
}

#testimonials {
	background: #1f2629;
	padding: 50px 0
}

#testimonials blockquote {
	color: #fff;
	font-size: 23px;
	font-weight: 300;
	line-height: 30px;
	padding: 0 200px;
	margin-bottom: 25px
}

#testimonials blockquote:before {
	content: "\e71a";
	font-family: icomoon;
	position: absolute;
	left: 120px
}

#testimonials p {
	padding: 0 200px
}

#getintouch {
	padding: 50px 0
}

#getintouch p {
	color: #aeaeae;
	margin-bottom: 0
}

#getintouch span {
	display: block
}

#getintouch ul li {
	margin-bottom: 20px
}

#map {
	width: 100%;
	height: 300px
}

#sub-header {
	background: #ff525e;
	color: #fff;
	padding: 15px 0
}

.breakingnews-date {
	float: left;
	background: rgba(255, 255, 255, .25);
	padding: 5px 10px;
	border-radius: 4px
}

.breakingnews-date p,
.breakingnews-title p {
	color: #fff;
	margin-bottom: 0
}

.breakingnews-title {
	float: left;
	padding: 5px 15px
}

#news {
	padding: 60px 0
}

#news h2 {
	margin-bottom: 60px
}

#news-big .overlay figcaption {
	background: rgba(255, 82, 94, .61);
	color: #fff;
	width: 65%;
	padding: 35px 25px
}

#news-big .overlay figcaption a {
	color: #fff;
	font-weight: 300
}

#news-big p {
	color: #fff
}

.caption-date {
	font-size: 26px;
	font-weight: 300;
	display: inline-block;
	margin-bottom: 15px
}

#news-small .news-small-post {
	padding: 40px 0;
	float: left;
	margin-left: 30px;
	width: calc(50% - 30px)
}

#news-small2 .news-small-post {
	padding: 40px 0 40px 30px;
	float: left;
	margin-right: 30px;
	width: calc(50% - 30px)
}

#news-small .news-small-post .caption-date,
#news-small2 .news-small-post .caption-date {
	font-size: 30px;
	font-weight: 300;
	display: inline-block;
	margin-bottom: 15px;
	color: #ff525e
}

#news-small .news-small-post span,
#news-small2 .news-small-post span {
	color: #c1c1c1
}

#news-small .news-small-post span b,
#news-small2 .news-small-post span b {
	color: #161616
}

#news-small .news-small-post h4,
#news-small2 .news-small-post h4 {
	font-size: 18px;
	font-weight: 400
}

#news-small img {
	float: left
}

#news-small2 img {
	float: right
}

#new-projects {
	background: #fafafa;
	padding: 70px 0
}

#new-projects .portfolio-wrapper .portfolio-item {
	padding-right: 15px
}

#new-projects .portfolio-wrapper .portfolio-item h3 {
	color: #161616;
	font-size: 17px;
	margin: 15px 0 0
}

#new-projects .portfolio-wrapper .portfolio-item span {
	color: #c1c1c1
}

#new-projects .portfolio-wrapper .portfolio-item span b {
	color: #3d3d3d
}

.projects-date {
	color: #ff525e!important
}

#web-design {
	padding: 70px 0
}

#web-design .webdesign-post .post-header h3 {
	color: #161616;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	margin-bottom: 15px
}

#web-design .webdesign-post .post-header span {
	color: #c1c1c1
}

#web-design .webdesign-post .post-header span p {
	display: inline-block;
	color: #3d3d3d
}

#web-design .webdesign-post .post-header .post-tag {
	font-style: italic;
	margin-left: 20px
}

#web-design .webdesign-post .post-content p {
	color: #a1a1a1
}

.releated-posts h3 {
	font-size: 22px;
	font-weight: 300;
	color: #3d3d3d;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: solid 1px #eaeaea
}

#web-design h4 {
	font-size: 16px;
	color: #161616;
	margin: 20px 0 30px;
	font-weight: 400;
	line-height: 22px
}

.releated-posts p {
	color: #a1a1a1
}

.sidebar h3 {
	font-size: 24px;
	color: #161616;
	font-weight: 300;
	margin-bottom: 30px
}

.widget-categories ul li {
	margin-bottom: 10px
}

.widget-categories ul li:before {
	content: "\f105";
	font-family: icomoon;
	border: 1px solid;
	border-radius: 50%;
	color: #cbcbcb;
	padding-left: 8px;
	font-size: 11px;
	margin-right: 5px;
	width: 20px;
	display: inline-block;
	height: 20px;
	line-height: 20px
}

.widget-tags ul {
	display: inline-block
}

.widget-tags ul li {
	display: inline-block;
	float: left;
	margin: 0 3px 12px 0
}

.widget-tags ul li a {
	padding: 5px 10px;
	border-radius: 4px;
	-moz-transition: background-color 200ms;
	-o-transition: background-color 200ms;
	-ms-transition: background-color 200ms;
	transition: background-color 200ms;
	border: 1px solid #d6d6d6
}

.widget-tags ul li a:hover {
	background: #ff525e;
	color: #fff;
	border: none;
	border: 1px solid #ff525e
}

.advertisment {
	background: #fbfbfb;
	padding: 5px 0
}

.advertisment p {
	text-transform: uppercase;
	text-align: center;
	font-size: 10px
}

.advertisment img {
	margin: 0 auto
}

.advertisment2 {
	background: #fbfbfb;
	padding: 5px 0
}

.advertisment2 p {
	text-transform: uppercase;
	text-align: center;
	font-size: 10px
}

.advertisment2 img {
	padding: 3px;
	float: left
}

#agency {
	padding-bottom: 70px
}

#agency p {
	color: #a1a1a1;
	font-size: 17px;
	line-height: 22px;
	font-weight: 300;
}

#agency .nav-tabs {
	border-bottom: none
}

#agency .nav-tabs>li {
	display: inline-block;
	float: none
}

#agency .nav-tabs>li>a {
	background: #f7f7f7;
	border: 0;
	border-bottom: solid 5px #f7f7f7;
	margin-right: 0
}

#agency .nav-tabs>li>a:hover {
	border: none;
	border-bottom: solid 5px #f7f7f7
}

#agency .nav-tabs>li.active>a {
	background: #ff525e;
	color: #fff;
	border: none;
	border-bottom: solid 5px #d84852;
	border-radius: 0
}

#agency .nav-tabs>li.active:first-child>a {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

#agency .nav-tabs>li.active:last-child>a {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

#agency .tab-content h3 {
	color: #161616;
	font-size: 24px;
	line-height: 32px;
	font-weight: 300;
	margin-bottom: 30px
}

#help {
	background: #fafafa;
	padding: 70px 0
}

#help span {
	float: left;
	font-size: 25px;
	color: #ff525e;
	border: 1px solid;
	border-radius: 50%;
	padding: 20px
}

#help h3 {
	color: #161616;
	font-size: 16px;
	margin-left: 85px;
	margin-bottom: 10px
}

#help p {
	margin-left: 85px;
	margin-bottom: 10px;
	font-weight: 300;
}

#help a {
	margin-left: 85px
}

.home5 #featured-projects {
	background: #fff
}

.home5 .overlay figcaption h3,
.home5 .overlay figcaption h5 {
	text-align: left
}

.home5 .portfolio-wrapper .portfolio-item {
	width: 100%
}

#testimonials2 {
	background: #cf111b;
	color: #fff;
	text-align: center;
	padding: 70px 0
}

.testimonials2-carousel blockquote {
	font-size: 76px;
	line-height: 78px;
	font-weight: 900;
	margin-bottom: 20px;
	color: #fff
}

.testimonials2-carousel h6 {
	font-size: 16px;
	color: #fff
}

.test-quotes {
	color: #fff;
	font-size: 22px;
	border: 2px solid;
	border-radius: 50%;
	padding: 20px;
	margin-bottom: 10px;
	display: inline-block
}

.services-box2 span {
	float: none;
	display: inline-block;
	margin-bottom: 20px
}

.services-box2 h3 {
	display: block;
	margin: 0 0 20px
}

.services-box2 p {
	margin: 0 0 20px
}

#produce {
	background: #fafafa;
	padding: 70px 0
}

.bg-white {
	background: #fff !important;
}

#produce h2 {
	color: #161616;
	font-size: 28px;
	line-height: 35px;
	font-weight: 300;
	margin-bottom: 20px
}

#produce p {
	color: #a1a1a1;
	margin-bottom: 30px
}

#produce img {
	margin: 0 auto
}

#produce .left {
	margin-top: 50px
}

#testimonials3 {
	background: url(../images/clients-page-bg.jpg) 0 0/cover no-repeat;
	padding: 70px 0
}

#testimonials3 blockquote {
	color: #161616;
	font-size: 20px;
	line-height: 32px;
	font-weight: 300;
	background: #fff;
	padding: 30px 40px;
	border-radius: 4px;
	width: 450px;
	margin: 0 auto 25px;
	position: relative
}

#testimonials3 blockquote:before {
	content: "";
	font-family: icomoon;
	color: #ff525e;
	margin-right: 10px
}

#testimonials3 blockquote:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: rgba(255, 255, 255, .5);
	border-width: 10px;
	margin-left: -10px
}

#testimonials3 h5 {
	color: #fff;
	font-size: 15px;
	margin-bottom: 0
}


#testimonials3 p {
	color: #fff
}

#testimonials3 .owl-buttons .owl-prev i {
	color: #fff;
	border: 2px solid;
	border-radius: 4px;
	padding: 13px 20px;
	position: absolute;
	left: 0;
	top: 43%;
	font-size: 20px
}

#testimonials3 .owl-buttons .owl-prev i:hover {
	background-color: #ff525e;
	border: 2px solid #ff525e
}

#testimonials3 .owl-buttons .owl-next i {
	color: #fff;
	border: 2px solid;
	border-radius: 4px;
	padding: 13px 20px;
	position: absolute;
	right: 0;
	top: 43%;
	font-size: 20px
}

#testimonials3 .owl-buttons .owl-next i:hover {
	background-color: #ff525e;
	border: 2px solid #ff525e
}
#testimonials3  img{
	margin:0 auto;
}

#our-office {
	padding: 70px 0
}

#our-office h3 {
	color: #161616;
	font-size: 18px;
	margin-bottom: 30px
}

#our-office p {
	color: #a1a1a1
}

.bg-grey {
	background: #fafafa;
}

#photo-gallery2 {
	padding-top: 35px;
}

#photo-gallery2 h6 {
	padding-left: 15px;
}

#from-blog {
	background: #fafafa;
	padding: 70px 0 100px;
}

#from-blog .blog-date {
	font-size: 32px;
	font-weight: 300;
	color: #ff525e;
	margin-bottom: 25px;
	display: inline-block
}

#from-blog h3 {
	color: #161616;
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 25px
}

#from-blog .blog-boxes {
	background: #fff;
	padding: 20px 25px;
	position: relative
}

#from-blog .blog-boxes:after {
	bottom: 100%;
	left: 7%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px
}

#buy-now {
	background: #ff525e;
	padding: 35px 0
}

#buy-now h3 {
	color: #fff;
	font-size: 27px;
	font-weight: 300;
	float: left;
	line-height: 54px;
	margin-left: 20px;
	margin-bottom: 0
}

#buy-now img {
	margin-top: 7px
}

#hello {
	background: #fafafa;
	border-bottom: solid 3px #ff525e;
	padding: 70px 150px;
	text-align: center
}

#hello p {
	color: #a1a1a1
}

#digital-content {
	padding-top: 70px
}

#digital-content h2 {
	margin-top: 50px;
	margin-bottom: 30px
}

#digital-content p {
	color: #9f9f9f
}

#amazing-team {
	background: #fafafa;
	padding: 70px 0
}

#amazing-team h4 {
	color: #161616;
	font-size: 16px;
	margin-bottom: 10px
}

#amazing-team p {
	color: #a1a1a1
}

#amazing-team img {
	margin: 0 auto
}

#testimonials4 {
	padding: 70px 0
}

#testimonials4 blockquote {
	background: #fafafa;
	padding: 25px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	color: #161616;
	margin-bottom: 30px;
	position: relative
}

#testimonials4 blockquote:before {
	content: "\e71d";
	font-family: icomoon;
	color: #ff525e;
	margin-right: 20px
}

#testimonials4 blockquote:after {
	top: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(250, 250, 250, 0);
	border-top-color: #fafafa;
	border-width: 10px;
	margin-left: -10px
}

#testimonials4 h4 {
	color: #161616;
	font-size: 15px
}

#testimonials4 p {
	color: #a1a1a1
}

#recent-works {
	padding: 70px 0
}

#recent-works .owl-buttons .owl-prev i,
#testimonials4 .owl-buttons .owl-prev i {
	color: #fff;
	border-radius: 4px;
	padding: 9px 17px;
	position: absolute;
	right: 60px;
	top: 68px;
	font-size: 20px;
	background: #ff525e;
	border-bottom: solid 3px #d84852
}

#recent-works .owl-buttons .owl-prev i:hover,
#testimonials4 .owl-buttons .owl-prev i:hover {
	background-color: #ff525e
}

#recent-works .owl-buttons .owl-prev i:active,
#testimonials4 .owl-buttons .owl-prev i:active {
	margin-top: 3px;
	border-bottom: solid 1px #d84852
}

#recent-works .owl-buttons .owl-next i,
#testimonials4 .owl-buttons .owl-next i {
	color: #fff;
	border-radius: 4px;
	padding: 9px 17px;
	position: absolute;
	right: 15px;
	top: 68px;
	font-size: 20px;
	background: #ff525e;
	border-bottom: solid 3px #d84852
}

#recent-works .owl-buttons .owl-next i:hover,
#testimonials4 .owl-buttons .owl-next i:hover {
	background-color: #ff525e
}

#recent-works .owl-buttons .owl-next i:active,
#testimonials4 .owl-buttons .owl-next i:active {
	margin-top: 3px;
	border-bottom: solid 1px #d84852
}

#amazing2 {
	padding: 100px 0;
	background: url(../images/amazing2bg.jpg) center bottom/cover no-repeat
}

#amazing2 p {
	color: #fff
}

.amazing2-left,
.amazing2-right {
	margin-top: 100px
}

.home8 #hello {
	background: #fff;
	border-bottom: none;
	padding: 0 200px 70px
}

#services3 {
	background: url(../images/services3.jpg) center top no-repeat fixed;
	padding: 90px 0 70px;
}

.services3-boxes {
	background: #fff;
	border-radius: 4px;
	padding: 30px 25px;
	margin-bottom: 20px
}

.services3-boxes span {
	font-size: 24px;
	color: #ff525e;
	border: 1px solid;
	border-radius: 50%;
	padding: 15px;
	display: inline-block;
	margin-bottom: 20px
}

.services3-boxes h3 {
	color: #161616;
	font-size: 23px;
	line-height: 27px;
	font-weight: 300;
	margin-bottom: 20px
}

.services3-boxes p {
	color: #a1a1a1;
	margin-bottom: 20px
}

#featured-projects2 {
	padding: 70px 0
}

.home8 .portfolio-wrapper .portfolio-item {
	width: 33%
}

#skills {
	background: #fafafa;
	padding: 70px 0;
	text-align: center
}

#skills p {
	color: #a1a1a1;
	margin-top: 10px
}

#skills h4 {
	color: #a1a1a1;
	font-size: 16px;
	margin-top: 5px
}

#skills .sub-title {
	padding: 0 150px
}

#skills span {
	font-size: 34px;
	color: #adadad;
	display: block;
	margin-top: -130px;
	margin-bottom: 150px
}

#skills .procent {
	color: #161616;
	display: initial
}

#skills .separator2 {
	border: 1px solid #dfdfdf;
	padding: 0 100px;
	display: inline-block
}

#skills .circular-bar canvas {
	margin-top: 30px;
	position: relative
}

#skills .circular-bar.featured canvas {
	width: 250px!important;
	height: 250px!important;
	margin-top: 0
}

#skills .circular-bar.featured span {
	font-size: 50px;
	margin-top: -160px;
	margin-bottom: 140px
}

#getintouch2 {
	padding: 70px 0
}

.getintouch-info ul li {
	margin-bottom: 20px
}

.getintouch-info span {
	font-size: 30px;
	color: #d7d7d7;
	float: left;
	margin-right: 25px
}

.getintouch-info h4 {
	color: #161616;
	font-size: 14px;
	margin-left: 60px;
	margin-bottom: 0
}

.getintouch-info p {
	color: #a1a1a1;
	margin-left: 60px;
	margin-bottom: 0
}

#services4 {
	background: url(../images/home9-bg/img1.jpg) center bottom fixed;
	padding: 90px 0 70px;
	background-size: cover;
}

.services4-boxes {
	background: #fff;
	border-radius: 4px;
	padding: 25px;
	margin-bottom: 20px
}

.services4-boxes span {
	font-size: 24px;
	color: #ff525e;
	padding: 15px;
	display: inline-block;
	margin-bottom: 30px
}

.services4-boxes h3 {
	color: #161616;
	font-size: 23px;
	line-height: 27px;
	font-weight: 300;
	margin-bottom: 30px;
	padding-top: 20px
}

.services4-boxes p {
	color: #a1a1a1;
	margin-bottom: 30px
}

 #new-theme {
	background: url(../images/osensindexbanner/bg.jpg) center bottom fixed;
	background-size: cover;
	padding: 70px 0;
	color: #fff;
	 height: 836px; 

} 



#other-say {
	background: url(../images/home9-bg/img3.jpg) center bottom fixed;
	background-size: cover;
	padding: 70px 0;
	color: #fff
}

#other-say .item {
	background: #3d3d3d;
	padding: 30px 25px
}

#other-say blockquote {
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
	margin-bottom: 30px
}

#other-say blockquote:before {
	content: "\e71d";
	font-family: icomoon;
	color: #fff;
	margin-right: 20px
}

#few-words {
	background: url(../images/home9-bg/img4.jpg) center bottom fixed;
	background-size: cover;
	padding: 70px 0;
	color: #fff
}

#few-words h4 {
	font-size: 18px;
	line-height: 25px;
	margin-left: 230px;
	margin-bottom: 20px
}

#few-words p {
	margin-bottom: 20px;
	color: #fff
}

#why {
	background: url(../images/home9-bg/img5.jpg) center bottom fixed;
	background-size: cover;
	padding: 70px 0;
	color: #fff
}

#why span {
	font-size: 20px;
	float: left;
	margin-right: 25px;
	line-height: 30px
}

#why h4 {
	font-size: 14px;
	margin-bottom: 0
}

#why ul li {
	background: rgba(255, 255, 255, .25);
	margin-bottom: 1px;
	padding: 15px
}

#recent-projects {
	background: url(../images/home9-bg/img6.jpg) center bottom fixed;
	padding: 70px 0;
	color: #fff
}

#recent-projects .owl-buttons {
	position: absolute;
	top: 0px;
	right: 16px
}

#recent-projects .owl-buttons .owl-prev i {
	color: #fff;
	border: 2px solid;
	border-radius: 4px;
	padding: 10px 16px;
	position: absolute;
	right: 50px;
	font-size: 20px
}

#recent-projects .owl-buttons .owl-prev i:hover {
	background-color: #ff525e;
	border: 2px solid #ff525e
}

#recent-projects .owl-buttons .owl-next i {
	color: #fff;
	border: 2px solid;
	border-radius: 4px;
	padding: 10px 16px;
	position: absolute;
	right: 0;
	font-size: 20px
}

#recent-projects .owl-buttons .owl-next i:hover {
	background-color: #ff525e;
	border: 2px solid #ff525e
}

#recent-projects .overlay figure {
	position: relative
}

#recent-projects .overlay-effect figcaption {
	min-height: 60px
}

#recent-projects h3 {
	float: left
}

#recent-projects span {
	float: right;
	margin-top: 10px
}

#shop-header {
	min-height: 520px;
	position: relative;
	margin-bottom: 30px
}

#shop-header .shop-header-caption {
	position: absolute;
	width: 100%;
	bottom: 10%;
	margin-bottom: 30px
}

#shop-header .shop-bg {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

#shop-header .banners img {
	margin-top: 20px
}

#shop-header p {
	color: #6e6e6e
}

#shop-banners {
	margin-bottom: 70px
}

#shop-banners .shop-banner {
	border: 1px solid #d7dadb;
	padding: 30px 20px;
	color: #3d3d3d
}

#shop-banners .shop-banner span {
	float: left;
	font-size: 40px;
	border-right: dashed 1px #d7dadb;
	padding-right: 20px;
	margin-right: 25px;
	line-height: 50px
}

#shop-banners .shop-banner h3 {
	font-size: 24px;
	font-weight: 300;
	line-height: 26px;
	margin-bottom: 0
}

.shop-sidebar .widget {
	margin-bottom: 50px
}

.shop-sidebar .checkbox label {
	display: block;
	border-bottom: dashed 1px rgba(221, 221, 221, .71);
	padding: 10px 10px 10px 40px
}

.shop-sidebar .checkbox label:hover {
	color: #ff525e
}

.price-range {
	position: relative
}

.price-range-slider {
	height: 4px;
	background: #e7e7e7;
	border-radius: 4px;
	margin-bottom: 13px
}

.price-range-slider .ui-slider-range {
	background: #e5e5e7;
	border-radius: 4px
}

.price-range-slider .ui-slider-handle {
	border-radius: 9px;
	background-color: #ff525e;
	width: 17px;
	height: 17px;
	margin-top: -6px;
	outline: 0;
	cursor: pointer
}

.price-range-slider .ui-slider-handle:active {
	outline: 0
}

.price-range .price-result {
	border: 0;
	background: 0 0;
	max-width: 120px;
	font-size: 13px;
	font-weight: 600;
	color: #a1a1a1;
	outline: 0;
	height: 32px;
	position: absolute;
	top: 12px;
	left: 40px
}

.price-range:hover .price-range-slider {
	background: #e7e7e7
}

.price-range:hover .price-range-slider .ui-slider-range {
	background: #c1c1c1
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.price-range .filter {
	position: absolute;
	right: 20px
}

.price-range span {
	color: #a1a1a1;
	display: inline-block
}

.top-shop-section {
	color: #a1a1a1
}

.found {
	border-right: solid 1px;
	padding-right: 10px;
	margin-right: 7px
}

.select {
	float: right
}

.select .caret {
	margin-left: 65px;
	border: none;
	vertical-align: initial
}

.select .caret:after {
	content: "\e89a";
	font-family: icomoon
}

.select .btn {
	border: 1px solid #e5e4e4;
	background: #fff;
	color: #a1a1a1;
	padding: 5px 15px;
	width: 150px;
	text-align: left;
	border-radius: 0
}

.select ul.dropdown-menu {
	min-width: 150px;
	border-radius: 0
}

.sort {
	line-height: 32px;
	margin-right: 15px
}

.products h4 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 14px
}

.products .price {
	color: #161616;
	font-size: 16px;
	display: block;
	margin-bottom: 15px
}

.products .buy-cart {
	background: #ff525e;
	color: #fff;
	padding: 10px;
	font-size: 20px;
	display: inline-block;
	margin-right: 15px
}

.products .details {
	vertical-align: top;
	line-height: 40px
}

input[type=checkbox] {
	-webkit-appearance: none;
	height: 1em;
	width: 1em;
	cursor: pointer;
	position: relative;
	-webkit-transition: .15s;
	background-color: #fff;
	border: 1px solid #ddd;
	outline: 0
}

input[type=checkbox]:focus {
	outline: 0
}

input[type=checkbox]:checked {
	background-color: #ff525e;
	outline: 0
}

.sidebar2 img {
	float: left
}

.sidebar2 h4 {
	color: #161616;
	font-size: 13px;
	line-height: 16px;
	margin-left: 100px;
	margin-bottom: 0
}

.sidebar2 .tag {
	display: block;
	margin-left: 100px;
	font-style: italic;
	color: #aeaeae;
	font-size: 11px
}

.sidebar2 span {
	color: #aeaeae
}

.sidebar2 b {
	color: #161616
}

.sidebar2 ul li {
	margin-bottom: 30px
}

.sidebar2 ul.twitter-feed span {
	background: #ff525e;
	color: #fff;
	border-radius: 50%;
	padding: 5px;
	float: left;
	margin-right: 5px;
	margin-top: 5px
}

.sidebar2 ul.twitter-feed .date {
	color: #161616;
	border-radius: 0;
	padding: 0;
	background: 0 0;
	margin-left: 35px
}

.sidebar2 ul.twitter-feed h3 {
	font-size: 16px;
	color: #9f9f9f;
	margin-left: 35px;
	line-height: 25px;
	margin-bottom: 0
}

.blog-post {
	position: relative
}

.blog-post figcaption {
	min-height: 65px
}

.blog-post .post-head h2 {
	color: #161616;
	font-size: 25px;
	font-weight: 300;
	line-height: 35px;
	margin-bottom: 10px
}

.blog-post .post-head b {
	color: #161616
}

.blog-post .post-head span {
	color: #a1a1a1
}

.blog-post .post-content p {
	color: #a1a1a1;
	font-size: 17px;
	line-height: 22px
}

.blog-carousel .owl-buttons .owl-prev i {
	color: #505050;
	padding: 9px 15px;
	position: absolute;
	right: 45px;
	top: 5px;
	font-size: 16px;
	background: #fff
}

.blog-carousel .owl-buttons .owl-next i {
	color: #505050;
	padding: 9px 15px;
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 16px;
	background: #fff
}

.testimonials5 .item {
	background: #ff525e;
	color: #fff;
	padding: 30px 25px;
	border-radius: 4px
}

.testimonials5 blockquote {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	margin-bottom: 20px
}

.testimonials5 blockquote:before {
	content: "\e71d";
	font-family: icomoon;
	color: #fff;
	margin-right: 15px
}

.pagination {
	display: inline-block
}

.pagination li a {
	border: 1px solid #e5e4e4;
	color: #9f9f9f
}

.pagination li a:hover {
	color: #727272
}

.pagination>.active>a {
	color: #000;
	border: 1px solid #000;
	background: #fff
}

.pagination>.active>a:hover {
	background: #fff;
	color: #000;
	border: 1px solid #000
}

.pagination>li:first-child>a,
.pagination>li:last-child>a {
	color: #ff525e
}

.blog-video {
	width: 100%;
	height: 281px
}

.soundcloud iframe {
	width: 100%;
	height: 166px
}

.attachment {
	background-color: #f7f7f7;
	padding: 50px 40px
}

.attachment-span {
	color: #ff525e;
	font-size: 26px;
	float: left;
	margin-right: 25px;
	line-height: 42px
}

.attachment p {
	text-decoration: underline;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 0;
	line-height: 40px
}

.blog3 .blog-post .post-head h2 {
	font-size: 20px;
	line-height: 30px
}

.blog-post2 .btn-default {
	background: #ff525e
}

.blog-post2 .btn-default:active,
.blog-post2 .btn-default:hover {
	background: #ebebeb
}

.blog4 .blog-post .post-head h2 {
	font-size: 20px;
	line-height: 30px
}

.blog-posted p {
	margin-top: 15px;
	font-size: 16px;
	color: #a1a1a1
}

.blog-posted .blog-social ul {
	margin-left: 115px
}

.blog-posted .blog-social ul li {
	float: left;
	margin-right: 5px
}

.form-row {
	margin-left: -10px;
	margin-right: -10px
}

.form-line.half {
	width: 50%
}

.form-line.full {
	width: 100%
}

.form-line {
	margin-bottom: 20px;
	float: left;
	position: relative;
	padding-left: 10px;
	padding-right: 10px
}

.br-form input[type=text] {
	width: 100%;
	border: 1px solid #ddd;
	background-color: #FCFCFC;
	font-size: 13px;
	color: #9ea3a7;
	height: 40px;
	text-indent: 15px;
	outline: 0;
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #f1f3f3
}

.br-form input[type=text]:hover {
	border-color: #bbb
}

.br-form input[type=text]:focus {
	border-color: #B4B4B4;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(104, 104, 104, .19);
	background-color: #FFF;
	color: #23262D
}

.br-form textarea {
	width: 100%;
	height: 200px;
	padding: 15px;
	border: 1px solid #ddd;
	background-color: #FCFCFC;
	font-size: 13px;
	color: #9ea3a7;
	outline: 0;
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #f1f3f3
}

.br-form textarea:hover {
	border-color: #bbb
}

.br-form textarea:focus {
	border-color: #B4B4B4;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(104, 104, 104, .19);
	background-color: #FFF;
	color: #23262D
}

.blog-social span {
	color: #c9c9c9;
	display: inline-block;
	margin-right: 10px
}

.blog-social span:hover {
	color: #a1a1a1
}

.comments span {
	color: #161616
}

.comments p {
	font-size: 18px;
	margin-top: 15px
}

.portfolio .portfolio-wrapper .portfolio-item {
	position: relative;
	float: left;
	overflow: hidden;
	width: initial
}

.portfolio #portfolio-filters {
	text-align: right
}

.portfolio .portfolio-wrapper .portfolio-item h3 {
	display: block;
	width: 100%
}

.portfolio-item div {
	float: left;
	width: 100%;
}

.portfolio-item .full-width {
	width: 100%;
	float: left
}

.portfolio-item .half-width {
	width: 49%;
	float: left
}

.portfolio-item .third-width {
	width: 33%;
	float: left
}

@media (max-width:768px) {
	.portfolio-item .half-width,
	.portfolio-item .third-width {
		width: 100%
	}
}

.portfolio2 .portfolio-wrapper .portfolio-item {
	position: relative;
	float: left;
	overflow: hidden;
	width: initial
}

.portfolio2 #portfolio-filters {
	text-align: right
}

.ch-grid {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%
}

.ch-grid:after,
.ch-item:before {
	content: '';
	display: table
}

.ch-grid:after {
	clear: both
}

.ch-grid li {
	width: 330px;
	height: 330px;
	display: inline-block
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: inset 0 0 0 16px rgba(255, 255, 255, .6), 0 1px 2px rgba(0, 0, 0, .1);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.ch-img-1 {
	background-image: url(../images/blog/rounded.jpg)
}

.ch-img-2 {
	background-image: url(../images/blog/rounded2.jpg)
}

.ch-img-3 {
	background-image: url(../images/blog/rounded3.jpg)
}

.ch-img-4 {
	background-image: url(../images/blog/rounded4.jpg)
}

.ch-img-5 {
	background-image: url(../images/blog/rounded5.jpg)
}

.ch-img-6 {
	background-image: url(../images/blog/rounded6.jpg)
}

.ch-img-7 {
	background-image: url(../images/blog/rounded7.jpg)
}

.ch-img-8 {
	background-image: url(../images/blog/rounded8.jpg)
}

.ch-img-9 {
	background-image: url(../images/blog/rounded9.jpg)
}

.ch-info {
	position: absolute;
	background: rgba(63, 147, 147, .8);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 130px 0 0;
	text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, .5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out .4s;
	-moz-transition: all 1s ease-in-out .4s;
	-o-transition: all 1s ease-in-out .4s;
	-ms-transition: all 1s ease-in-out .4s;
	transition: all 1s ease-in-out .4s
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255, 255, 255, .7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255, 242, 34, .8)
}

.ch-item:hover {
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 1px 2px rgba(0, 0, 0, .1)
}

.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.ch-item:hover .ch-info p {
	opacity: 1
}

@media (min-width:992px) and (max-width:1200px) {
	.ch-grid li {
		width: 300px;
		height: 300px
	}
	.ch-info h3 {
		padding: 90px 0 0
	}
}

@media (min-width:768px) and (max-width:992px) {
	.ch-grid li {
		width: 220px;
		height: 220px
	}
	.ch-info h3 {
		font-size: 16px;
		height: 115px;
		padding-top: 55px;
		margin-bottom: 5px
	}
}

@media (max-width:768px) {
	.portfolio2 #portfolio-filters {
		text-align: center
	}
	.ch-grid li {
		width: 290px;
		height: 290px
	}
	.ch-info h3 {
		padding: 90px 0 0
	}
}

#project p {
	color: #9f9f9f
}

.project-info ul.info li span {
	color: #161616;
	font-size: 14px;
	margin-right: 30px;
	min-width: 50px;
	display: inline-block
}

.project-info ul.info li {
	border-bottom: solid 1px #e5e4e4;
	font-size: 14px;
	padding: 5px 0;
	color: #9f9f9f
}

.project-info ul.info li:last-child {
	border-bottom: none
}

.project-info ul.project-social {
	padding: 10px 15px;
	border: 1px solid #e4e4e4;
	text-align: center
}

.project-info ul.project-social li {
	display: inline-block;
	margin-left: 15px;
	color: #a1a1a1;
	border-left: solid 1px #efefef;
	padding-left: 15px
}

.project-info ul.project-social li:first-child {
	margin-left: 0;
	border-left: 0;
	padding-left: 0
}

.project-info ul.project-social span {
	color: #161616
}

#single-project .owl-controls .item-link {
	position: relative;
	display: block;
	width: 161.1px;
	height: 106px;
	margin: 0 1px;
	outline: 0
}

#single-project .owl-controls .item-link:focus {
	-webkit-box-shadow: 0 0 8px #cc4895;
	-moz-box-shadow: 0 0 8px #cc4895;
	box-shadow: 0 0 8px #cc4895;
	outline: 0
}

#single-project .owl-controls .owl-page span {
	display: none
}

#single-project .owl-controls {
	margin-top: 1px
}

#single-project .item img {
	height: 366px;
	width: 100%
}

#single-project .owl-buttons .owl-prev i {
	color: #505050;
	padding: 9px 15px;
	position: absolute;
	left: 25px;
	top: 35%;
	font-size: 16px;
	background: #fff
}

#single-project .owl-buttons .owl-next i {
	color: #505050;
	padding: 9px 15px;
	position: absolute;
	right: 25px;
	top: 35%;
	font-size: 16px;
	background: #fff
}

#recent-works2 {
	background: #fafafa
}

#recent-works2 h4 {
	font-size: 15px;
	color: #161616;
	margin-bottom: 5px
}

#recent-works2 img {
	margin-bottom: 10px
}

#recent-works2 .owl-buttons .owl-prev i {
	color: #fff;
	border-radius: 4px;
	padding: 9px 17px;
	position: absolute;
	right: 75px;
	top: 50px;
	font-size: 20px;
	background: #ff525e;
	border-bottom: solid 3px #d84852
}

#recent-works2 .owl-buttons .owl-prev i:hover {
	background-color: #ff525e
}

#recent-works2 .owl-buttons .owl-prev i:active {
	margin-top: 3px;
	border-bottom: solid 1px #d84852
}

#recent-works2 .owl-buttons .owl-next i {
	color: #fff;
	border-radius: 4px;
	padding: 9px 17px;
	position: absolute;
	right: 30px;
	top: 50px;
	font-size: 20px;
	background: #ff525e;
	border-bottom: solid 3px #d84852
}

#recent-works2 .owl-buttons .owl-next i:hover {
	background-color: #ff525e
}

#recent-works2 .owl-buttons .owl-next i:active {
	margin-top: 3px;
	border-bottom: solid 1px #d84852
}

input.searchBox {
	border: 1px solid #e5e4e4;
	height: 35px;
	width: 200px;
	padding: 5px 10px;
	outline: none;
}

.searchForm span {
	font-size: 12px
}

h3.pricing {
	color: #a1a1a1;
	font-size: 18px;
	line-height: 28px
}

.pricing-table.starter {
	opacity: .85
}

.pricing-table.featured {
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, .11);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	width: -moz-calc(110% - -7px);
	width: -webkit-calc(110% - -7px);
	width: -o-calc(110% - -7px);
	width: calc(110% - -7px);
	margin-left: -16px;
	margin-top: 6px;
	position: relative;
	z-index: 1
}

.pricing-table .pricing-header {
	height: 200px;
	text-align: center;
	font-size: inherit;
	background: #ff757e;
	background: -moz-linear-gradient(-45deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #ff525e 41%, #ff525e 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff757e), color-stop(41%, #ff757e), color-stop(41%, #ff757e), color-stop(41%, #ff525e), color-stop(100%, #ff525e));
	background: -webkit-linear-gradient(-45deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #ff525e 41%, #ff525e 100%);
	background: -o-linear-gradient(-45deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #ff525e 41%, #ff525e 100%);
	background: -ms-linear-gradient(-45deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #ff525e 41%, #ff525e 100%);
	background: linear-gradient(148deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #ff525e 41%, #ff525e 100%)
}

.pricing-table.prof .pricing-header {
	background: #d6686f;
	background: -moz-linear-gradient(-45deg, #d6686f 0, #d6686f 41%, #d6686f 41%, #cc424b 41%, #cc424b 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #d6686f), color-stop(41%, #d6686f), color-stop(41%, #d6686f), color-stop(41%, #cc424b), color-stop(100%, #cc424b));
	background: -webkit-linear-gradient(-45deg, #d6686f 0, #d6686f 41%, #d6686f 41%, #cc424b 41%, #cc424b 100%);
	background: -o-linear-gradient(-45deg, #d6686f 0, #d6686f 41%, #d6686f 41%, #cc424b 41%, #cc424b 100%);
	background: -ms-linear-gradient(-45deg, #d6686f 0, #d6686f 41%, #d6686f 41%, #cc424b 41%, #cc424b 100%);
	background: linear-gradient(148deg, #d6686f 0, #d6686f 41%, #d6686f 41%, #cc424b 41%, #cc424b 100%)
}

.pricing-table.prof .btn {
	background: #cc424b
}

.pricing-table.prof .btn:hover {
	background: #ebebeb
}

.pricing-table.guru .pricing-header {
	background: #997275;
	background: -moz-linear-gradient(-45deg, #997275 0, #997275 41%, #997275 41%, #7f4f53 41%, #7f4f53 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #997275), color-stop(41%, #997275), color-stop(41%, #997275), color-stop(41%, #7f4f53), color-stop(100%, #7f4f53));
	background: -webkit-linear-gradient(-45deg, #997275 0, #997275 41%, #997275 41%, #7f4f53 41%, #7f4f53 100%);
	background: -o-linear-gradient(-45deg, #997275 0, #997275 41%, #997275 41%, #7f4f53 41%, #7f4f53 100%);
	background: -ms-linear-gradient(-45deg, #997275 0, #d6686f 41%, #d6686f 41%, #7f4f53 41%, #7f4f53 100%);
	background: linear-gradient(148deg, #997275 0, #997275 41%, #997275 41%, #7f4f53 41%, #7f4f53 100%)
}

.pricing-table.guru .btn {
	background: #7f4f53
}

.pricing-table.guru .btn:hover {
	background: #ebebeb
}

.pricing-table .pricing-header h3 {
	font-size: 29px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	padding-top: 30px;
	margin-bottom: 40px
}

.pricing-table ul {
	border-left: solid 1px #e5e4e4;
	border-right: solid 1px #e5e4e4;
	border-bottom: solid 1px #e5e4e4
}

.pricing-table ul li {
	text-align: center;
	font-size: 14px;
	color: #a1a1a1;
	padding: 10px 0;
	border-top: solid 1px #f4f4f4;
	background: #fefefe
}

.pricing-table ul li:nth-child(odd):not(:first-child) {
	background: #fafafa
}

.pricing-table .pricing-header .price {
	display: inline-block;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	padding: 15px
}

.pricing-table .pricing-header .price span {
	display: block;
	color: #505050;
	font-size: 25px
}

.pricing-table .pricing-header .price b {
	display: block;
	color: #9f9f9f;
	font-weight: 300;
	font-size: 14px
}

.pricing-table .btn {
	border-radius: 0;
	padding: 15px 35px
}

.pricing-table .btn:active {
	border: none
}

.pricing-table .order {
	background: #fafafa;
	padding: 25px 0
}

.pricing2 .pricing-header {
	height: inherit;
	background: none!important
}

.pricing2 .pricing-table.featured .pricing-header img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	margin: 0 auto
}

.pricing2 .pricing-table .title {
	display: block;
	width: 100%;
	background: #fafafa;
	border-bottom: solid 1px #f4f4f4;
	margin-bottom: 15px;
	text-align: center;
	margin-left: inherit
}

.pricing2 .pricing-table .title:before {
	content: none
}

.pricing2 .pricing-table .title h3 {
	color: #161616;
	font-size: 18px
}

.pricing2 .pricing-table .title p {
	color: #161616
}

.pricing2 .pricing-table ul li:nth-child(odd):not(:first-child) {
	background: 0 0
}

.pricing2 .pricing-table ul li {
	background: 0 0;
	border-top: 0;
	text-align: inherit;
	margin-left: 45px
}

.pricing2 .pricing-table ul li:before {
	content: "\f105";
	font-family: icomoon;
	color: #ff525e;
	padding-right: 5px;
	font-size: 13px
}

.pricing2 .pricing-table .order {
	border-top: solid 1px #f4f4f4;
	text-align: center;
	margin-left: inherit
}

.pricing2 .pricing-table .order:before {
	content: none
}

.coming-soon h2.section-title {
	margin-top: 150px;
	margin-bottom: 10px
}

.coming-soon h3 {
	color: #a1a1a1;
	font-weight: 300;
	font-size: 20px
}

.coming-soon input {
	display: inline-block;
	border: 1px solid #e5e4e4;
	padding: 12px 15px;
	width: 280px;
	margin-right: 5px;
	outline: 0;
	margin-bottom: 10px;
	height: 47px;
	background-color: #fafafa;
	border-radius: 4px;
}

.coming-soon .btn2 {
	padding: 10px 55px
}

.coming-soon .btn-2 {
	box-shadow: 0 4px #d84852
}

.coming-soon .btn-2:hover {
	top: 0
}

.coming-soon .btn-2:active {
	box-shadow: none;
	top: 3px
}

#countdown {
	margin-top: 80px
}

#countdown .counter ul {
	padding: 0
}

.count-widget {
	text-align: center
}

.count-widget ul {
	display: inline-block;
	padding: 0;
	margin-bottom: 60px
}

#countdown ul li {
	list-style: none;
	padding: 0;
	float: left;
	margin-right: 30px
}

#countdown ul li:last-child {
	margin-right: 0
}

#countdown span {
	font-size: 40px;
	line-height: 70px;
	color: #ff525e;
	font-weight: 100;
	padding: 10px 24px 36px;
	background: #FFF;
	border: 1px solid #ff525e;
	border-radius: 3px
}

#countdown p {
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 100
}

.under-social ul li {
	display: inline-block;
	margin-left: 10px
}

.under-social span {
	color: #ff525e;
	font-size: 20px
}

.team-members h3 {
	color: #161616;
	font-size: 18px;
	margin-bottom: 15px
}

.team-members p {
	color: #a1a1a1;
	margin-bottom: 15px
}

.sidebar3 {
	padding: 40px 25px;
	background: #fafafa;
	border: 1px solid #e5e4e4
}

.sidebar3 input {
	width: 100%;
	border: 1px solid #ddd;
	background-color: #FCFCFC;
	font-size: 13px;
	color: #9ea3a7;
	height: 40px;
	text-indent: 15px;
	outline: 0;
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #f1f3f3;
	margin-bottom: 15px
}

.sidebar3 input:hover {
	border-color: #bbb
}

.sidebar3 input:focus {
	border-color: #B4B4B4;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(104, 104, 104, .19);
	background-color: #FFF;
	color: #23262D
}

.sidebar3 textarea {
	width: 100%;
	height: 200px;
	padding: 15px;
	border: 1px solid #ddd;
	background-color: #FCFCFC;
	font-size: 13px;
	color: #9ea3a7;
	outline: 0;
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #f1f3f3;
	margin-bottom: 20px
}

.sidebar3 textarea:hover {
	border-color: #bbb
}

.sidebar3 textarea:focus {
	border-color: #B4B4B4;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(104, 104, 104, .19);
	background-color: #FFF;
	color: #23262D
}

.sidebar3 .btn {
	padding: 17px 54px
}

.sidebar3 h4 {
	color: #161616;
	font-size: 17px;
	margin-bottom: 10px
}

.sidebar3 p {
	color: #a1a1a1
}

.team-social ul li {
	display: inline-block;
	margin-right: 5px
}

.team-social span {
	color: #d1d0d0;
	font-size: 16px
}

.team-social span:hover {
	color: #3d3d3d
}

ul.activity li {
	color: #161616;
	margin-bottom: 5px
}

ul.activity li:before {
	content: "\f105";
	font-family: icomoon;
	color: #ff525e;
	font-size: 11px;
	margin-right: 5px
}

ul.activity li p {
	display: inline-block;
	margin-bottom: 0
}

.latest-projects .owl-buttons .owl-prev i {
	color: #fff;
	border-radius: 4px;
	padding: 9px 17px;
	position: absolute;
	right: 75px;
	top: 0;
	font-size: 20px;
	background: #ff525e;
	border-bottom: solid 3px #d84852
}

.latest-projects .owl-buttons .owl-prev i:hover {
	background-color: #ff525e
}

.latest-projects .owl-buttons .owl-prev i:active {
	margin-top: 3px;
	border-bottom: solid 1px #d84852
}

.latest-projects .owl-buttons .owl-next i {
	color: #fff;
	border-radius: 4px;
	padding: 9px 17px;
	position: absolute;
	right: 30px;
	top: 0;
	font-size: 20px;
	background: #ff525e;
	border-bottom: solid 3px #d84852
}

.latest-projects .owl-buttons .owl-next i:hover {
	background-color: #ff525e
}

.latest-projects .owl-buttons .owl-next i:active {
	margin-top: 3px;
	border-bottom: solid 1px #d84852
}

.latest-projects h4 {
	color: #161616;
	font-size: 16px
}

.contact #contact_form .label-form input {
	width: 450px;
	border: 1px solid #ddd;
	background-color: #FCFCFC;
	font-size: 13px;
	color: #9ea3a7;
	height: 40px;
	text-indent: 15px;
	outline: 0;
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #f1f3f3;
	margin-bottom: 15px
}

.contact #contact_form .label-form input:hover {
	border-color: #bbb
}

.contact #contact_form .label-form input:focus {
	border-color: #B4B4B4;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(104, 104, 104, .19);
	background-color: #FFF;
	color: #23262D
}

.contact #contact_form .label-form textarea {
	width: 550px;
	height: 200px;
	padding: 15px;
	border: 1px solid #ddd;
	background-color: #FCFCFC;
	font-size: 13px;
	color: #9ea3a7;
	outline: 0;
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #f1f3f3;
	margin-bottom: 20px
}

.contact #contact_form .label-form textarea:hover {
	border-color: #bbb
}

.contact #contact_form .label-form textarea:focus {
	border-color: #B4B4B4;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(104, 104, 104, .19);
	background-color: #FFF;
	color: #23262D
}

.contact .btn2 {
	padding: 11px 35px
}

.contact-info span {
	font-size: 35px;
	float: left;
	color: #cf111b;
	border-right: solid 1px #e5e4e4;
	padding-right: 20px;
	margin-right: 15px;
	line-height: 105px
}

.contact-info li {
	padding-bottom: 15px
}

.contact-info h4 {
	color: #161616;
	font-size: 16px;
	margin-bottom: 10px
}

.contact-info p {
	color: #9f9f9f;
	margin-bottom: 0
}

.sidebar4 {
	background: #f7f7f7;
	padding: 15px 10px
}

.sidebar4 .panel {
	background-color: transparent;
	border: none;
	box-shadow: none
}

.sidebar4 .panel-default {
	border-color: transparent
}

.sidebar4 .panel-heading {
	background-color: transparent;
	border-color: transparent;
	padding: 0 15px
}

.sidebar4 .panel-title {
	font-size: 14px;
	border-bottom: solid 1px #e5e4e4;
	position: relative;
	padding: 5px 0
}

.sidebar4 .panel .panel-group h4.panel-title:after {
	content: "\e607";
	font-family: icomoon;
	color: #ff525e;
	font-size: 11px;
	position: absolute;
	right: 0
}

.sidebar4 h4.panel-title.nochild:after {
	content: none!important
}

.sidebar4 h4.panel-title.nochild {
	cursor: pointer
}

.sidebar4 .panel-default>.panel-heading+.panel-collapse .panel-body {
	border-top: none
}

.sidebar4 .panel-body ul li a {
	color: #9f9f9f;
	font-size: 14px
}

.sidebar4 .panel-body ul li {
	padding: 0 10px 10px
}

.sidebar4 .panel-body ul li:last-child {
	padding-bottom: 0
}

.sidebar4 .panel-body ul li a:hover {
	color: #707070
}

.text_page p {
	color: #9f9f9f
}

.blockquote-left {
	padding: 5px 10px 5px 0;
	margin: 10px 15px 10px 0;
	font-size: 17.5px;
	border-right: 5px solid #ff525e;
	color: #161616;
	line-height: 25px;
	width: 330px;
	float: left
}

.blockquote-right {
	padding: 5px 0 5px 25px;
	margin: 10px 0 10px 15px;
	font-size: 17.5px;
	border-left: 5px solid #ff525e;
	color: #161616;
	line-height: 25px;
	width: 330px;
	float: right
}

.circular-bar p {
	color: #a1a1a1;
	margin-top: 10px
}

.circular-bar h4 {
	color: #a1a1a1;
	font-size: 16px;
	margin-top: 5px
}

.circular-bar .sub-title {
	padding: 0 150px
}

.circular-bar span {
	font-size: 34px;
	color: #adadad;
	display: block;
	margin-top: -130px;
	margin-bottom: 150px
}

.circular-bar .procent {
	color: #161616;
	display: initial
}

.circular-bar .separator2 {
	border: 1px solid #dfdfdf;
	padding: 0 100px;
	display: inline-block
}

.circular-bar canvas {
	margin-top: 30px;
	position: relative
}

.circular-bar.featured canvas {
	width: 250px!important;
	height: 250px!important;
	margin-top: 0
}

.circular-bar.featured span {
	font-size: 50px;
	margin-top: -160px;
	margin-bottom: 140px
}

.text_page .owl-carousel {
	width: 100%
}

.custom-box-1 {
	background: url(../images/custom-boxes/box1.jpg) no-repeat
}

.custom-box-1 h2 {
	padding-top: 70px;
	margin-bottom: 30px
}

.custom-box-1 .btn {
	background: #fff;
	color: #3d3d3d
}

.custom-box-1 .btn:hover {
	background: #dd3e49;
	color: #fff
}

.custom-box-1 p {
	padding: 0 200px
}

.custom-box-2 {
	background: url(../images/custom-boxes/box2.jpg) no-repeat
}

.custom-box-2 h2 {
	margin-bottom: 30px;
	padding: 70px 40px 0 0
}

.custom-box-2 p {
	padding: 0 40px 0 0
}

.custom-box-3 {
	background: #f7f7f7;
	padding: 50px 100px
}

.custom-box-3 span {
	font-size: 25px;
	color: #ff525e;
	border-radius: 50%;
	border: 1px solid;
	padding: 31px;
	display: inline-block;
	margin-bottom: 20px
}

.custom-box-4 {
	background: #ff525e;
	padding: 50px
}

.custom-box-4 span {
	float: left;
	font-size: 25px;
	color: #fff;
	border-radius: 50%;
	border: 1px solid;
	padding: 31px
}

.custom-box-4 .line2 {
	border-left: solid 1px #ff757e;
	margin-left: 130px;
	padding-left: 30px
}

.sidebar5 {
	background: #f7f7f7;
	padding: 40px 25px
}

.sidebar5 ul li {
	padding: 8px 0;
	border-bottom: solid 1px #e5e4e4;
	position: relative
}

.sidebar5 ul li:last-child {
	border-bottom: none
}

.sidebar5 ul li.active a {
	color: #9f9f9f
}

.sidebar5 ul li a {
	font-size: 14px
}

.features .services4-boxes {
	background: #fafafa
}

.features-services span {
	color: #ff525e;
	font-size: 20px;
	float: left;
	padding: 5px
}

.features-services h3 {
	color: #161616;
	font-size: 16px;
	margin-left: 50px;
	margin-bottom: 20px
}

.sidebar3 h3 {
	color: #161616;
	font-size: 14px
}

.sidebar3 .item h3 {
	font-size: 15px
}

.sidebar3 .owl-carousel {
	position: relative
}

.sidebar3 .owl-buttons .owl-prev i {
	background: #fff;
	color: #505050;
	padding: 5px 10px;
	position: absolute;
	right: 35px;
	top: -60px;
	font-size: 20px
}

.sidebar3 .owl-buttons .owl-prev i:hover {
	background-color: #fafafa
}

.sidebar3 .owl-buttons .owl-next i {
	background: #fff;
	color: #505050;
	padding: 5px 10px;
	position: absolute;
	right: 0;
	top: -60px;
	font-size: 20px
}

.sidebar3 .owl-buttons .owl-next i:hover {
	background-color: #fafafa
}

.testimonials .item {
	width: 33%
}

.testimonials .item .testimonial img {
	float: left;
	margin-right: 20px
}

.testimonials .item h3 {
	font-size: 16px;
	color: #161616
}

.testimonials .item .testimonial {
	padding: 20px 30px;
	margin: 10px;
	border: 1px solid #f5f4f4
}

.testimonials .item .testimonial:hover {
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 0 10px rgba(0, 0, 0, .1)
}

.team-carousel .item {
	width: inherit
}

h1 {
	font-weight: 300;
	color: #161616;
	font-size: 34px;
	line-height: 40px
}

h2 {
	font-weight: 300;
	color: #161616;
	font-size: 30px;
	line-height: 35px
}

h3 {
	font-weight: 300;
	color: #161616;
	font-size: 28px;
	line-height: 32px
}

h4 {
	font-weight: 300;
	color: #161616;
	font-size: 26px;
	line-height: 30px
}

h5 {
	font-weight: 300;
	color: #161616;
	font-size: 24px;
	line-height: 26px
}

h6 {
	font-weight: 300;
	color: #161616;
	font-size: 22px;
	line-height: 28px
}

h2.satisfy-title {
	font-family: Satisfy;
	font-size: 32px;
	line-height: 37px;
	color: #3d3d3d;
	margin-bottom: 15px
}

h2.default-title {
	font-size: 32px;
	color: #3d3d3d;
	line-height: 37px;
	margin-bottom: 15px
}

h2.romanesco-title {
	font-family: Romanesco;
	font-size: 32px;
	line-height: 37px;
	color: #3d3d3d;
	margin-bottom: 15px
}

::selection {
	color: #fff;
	background: #ff525e
}

::-moz-selection {
	color: #fff;
	background: #ff525e
}

.underline {
	text-decoration: underline
}

strong {
	font-weight: 700
}

.blockquote1 {
	background: #fafafa;
	border: 1px solid #e5e4e4;
	padding: 40px 30px;
	font-size: 28px;
	line-height: 40px;
	color: #161616
}

.blockquote1:before {
	content: "\e71d";
	font-family: icomoon;
	float: left;
	margin-right: 25px;
	color: #b2b2b2
}

.blockquote2 {
	padding: 15px 20px;
	font-size: 28px;
	line-height: 40px;
	border-left: 5px solid #ff525e;
	color: #161616
}

.firstcharacter {
	float: left;
	color: #ff525e;
	font-size: 43px;
	line-height: 43px;
	margin-right: 5px
}

.firstcharacter2 {
	float: left;
	color: #fff;
	background: #ff525e;
	font-size: 40px;
	line-height: 40px;
	margin-right: 10px;
	padding: 2px 9px
}

.buttons-intro {
	background: #ff525e;
	padding: 70px 0
}

.buttons-intro p {
	font-size: 14px;
	padding: 0 100px
}

ul.buttons li {
	display: inline-block;
	margin-right: 10px
}

.simple-btn {
	background: #f3f3f3!important;
	color: #161616!important;
	box-shadow: 0 6px #e8e8e8!important;
	font-weight: 400
}

.simple-btn:hover {
	color: #161616!important;
	box-shadow: 0 4px #e8e8e8!important
}

.simple-btn:active {
	box-shadow: 0 0 #e8e8e8!important;
	top: 6px;
	border: none
}

.small-salmon {
	background: salmon!important;
	box-shadow: 0 4px #d36e62!important;
	color: #fff;
	padding: 8px 20px
}

.small-salmon:hover {
	color: #fff;
	box-shadow: 0 2px #d36e62!important
}

.small-salmon:active {
	box-shadow: 0 0 #d36e62!important;
	top: 4px;
	border: none
}

.small-dodger {
	background: #1e90ff!important;
	box-shadow: 0 4px #1c7bd8!important;
	color: #fff;
	padding: 8px 20px
}

.small-dodger:hover {
	color: #fff;
	box-shadow: 0 2px #1c7bd8!important
}

.small-dodger:active {
	box-shadow: 0 0 #1c7bd8!important;
	top: 4px;
	border: none
}

.small-sea-green {
	background: #8fbc8f!important;
	box-shadow: 0 4px #7aa07a!important;
	color: #fff;
	padding: 8px 20px
}

.small-sea-green:hover {
	color: #fff;
	box-shadow: 0 2px #7aa07a!important
}

.small-sea-green:active {
	box-shadow: 0 0 #7aa07a!important;
	top: 4px;
	border: none
}

.small-pale {
	background: #db7093!important;
	box-shadow: 0 4px #ba617e!important;
	color: #fff;
	padding: 8px 20px
}

.small-pale:hover {
	color: #fff;
	box-shadow: 0 2px #ba617e!important
}

.small-pale:active {
	box-shadow: 0 0 #ba617e!important;
	top: 4px;
	border: none
}

.small-slate {
	background: #708090!important;
	box-shadow: 0 4px #616e7b!important;
	color: #fff;
	padding: 8px 20px
}

.small-slate:hover {
	color: #fff;
	box-shadow: 0 2px #616e7b!important
}

.small-slate:active {
	box-shadow: 0 0 #616e7b!important;
	top: 4px;
	border: none
}

.medium-teal {
	background: teal!important;
	box-shadow: 0 4px #046e6e!important;
	color: #fff;
	padding: 8px 25px
}

.medium-teal:hover {
	color: #fff;
	box-shadow: 0 2px #046e6e!important
}

.medium-teal:active {
	box-shadow: 0 0 #046e6e!important;
	top: 4px;
	border: none
}

.medium-pink {
	background: #f96!important;
	box-shadow: 0 4px #d88358!important;
	color: #fff;
	padding: 8px 25px
}

.medium-pink:hover {
	color: #fff;
	box-shadow: 0 2px #d88358!important
}

.medium-pink:active {
	box-shadow: 0 0 #d88358!important;
	top: 4px;
	border: none
}

.medium-sky {
	background: #87ceeb!important;
	box-shadow: 0 4px #74afc7!important;
	color: #fff;
	padding: 8px 25px
}

.medium-sky:hover {
	color: #fff;
	box-shadow: 0 2px #74afc7!important
}

.medium-sky:active {
	box-shadow: 0 0 #74afc7!important;
	top: 4px;
	border: none
}

.medium-robin {
	background: #0cc!important;
	box-shadow: 0 4px #04adad!important;
	color: #fff;
	padding: 8px 25px
}

.medium-robin:hover {
	color: #fff;
	box-shadow: 0 2px #04adad!important
}

.medium-robin:active {
	box-shadow: 0 0 #04adad!important;
	top: 4px;
	border: none
}

.medium-slate-blue {
	background: #6a5acd!important;
	box-shadow: 0 4px #5c4eae!important;
	color: #fff;
	padding: 8px 25px
}

.medium-slate-blue:hover {
	color: #fff;
	box-shadow: 0 2px #5c4eae!important
}

.medium-slate-blue:active {
	box-shadow: 0 0 #5c4eae!important;
	top: 4px;
	border: none
}

.large-royal {
	background: #4169e1!important;
	box-shadow: 0 4px #3a5bbf!important;
	color: #fff;
	padding: 10px 30px
}

.large-royal:hover {
	color: #fff;
	box-shadow: 0 2px #3a5bbf!important
}

.large-royal:active {
	box-shadow: 0 0 #3a5bbf!important;
	top: 4px;
	border: none
}

.large-rosy {
	background: #bc8f8f!important;
	box-shadow: 0 4px #a07a7a!important;
	color: #fff;
	padding: 10px 30px
}

.large-rosy:hover {
	color: #fff;
	box-shadow: 0 2px #a07a7a!important
}

.large-rosy:active {
	box-shadow: 0 0 #a07a7a!important;
	top: 4px;
	border: none
}

.large-mountbatten {
	background: #997a8d!important;
	box-shadow: 0 4px #836979!important;
	color: #fff;
	padding: 10px 30px
}

.large-mountbatten:hover {
	color: #fff;
	box-shadow: 0 2px #836979!important
}

.large-mountbatten:active {
	box-shadow: 0 0 #836979!important;
	top: 4px;
	border: none
}

.large-pale {
	background: #abcdef!important;
	box-shadow: 0 4px #92aeca!important;
	color: #fff;
	padding: 10px 30px
}

.large-pale:hover {
	color: #fff;
	box-shadow: 0 2px #92aeca!important
}

.large-pale:active {
	box-shadow: 0 0 #92aeca!important;
	top: 4px;
	border: none
}

.small-outline {
	background: #fff!important;
	color: #a1a1a1!important;
	border: 1px solid #dedede!important;
	box-shadow: none!important;
	padding: 8px 20px
}

.small-outline:hover {
	box-shadow: none!important;
	color: #a1a1a1!important;
	top: 0
}

.small-outline:active {
	border: 1px solid #dedede!important;
	box-shadow: none!important;
	top: 0
}

.medium-outline {
	background: #fff!important;
	color: #a1a1a1!important;
	border: 1px solid #dedede!important;
	box-shadow: none!important;
	padding: 10px 25px
}

.medium-outline:hover {
	box-shadow: none!important;
	color: #a1a1a1!important;
	top: 0
}

.medium-outline:active {
	border: 1px solid #dedede!important;
	box-shadow: none!important;
	top: 0
}

.large-outline {
	background: #fff!important;
	color: #a1a1a1!important;
	border: 1px solid #dedede!important;
	box-shadow: none!important;
	padding: 12px 25px
}

.large-outline:hover {
	box-shadow: none!important;
	color: #a1a1a1!important;
	top: 0
}

.large-outline:active {
	border: 1px solid #dedede!important;
	box-shadow: none!important;
	top: 0
}

.small-2d-salmon {
	background: salmon!important;
	box-shadow: none!important;
	color: #fff;
	padding: 8px 20px
}

.small-2d-salmon:hover {
	background: #d36e62!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.small-2d-salmon:active {
	background: #d36e62!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.small-2d-dodger {
	background: #1e90ff!important;
	box-shadow: none!important;
	color: #fff;
	padding: 8px 20px
}

.small-2d-dodger:hover {
	background: #1c7bd8!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.small-2d-dodger:active {
	background: #1c7bd8!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.small-2d-sea-green {
	background: #8fbc8f!important;
	box-shadow: none!important;
	color: #fff;
	padding: 8px 20px
}

.small-2d-sea-green:hover {
	background: #7aa07a!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.small-2d-sea-green:active {
	background: #7aa07a!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.small-2d-pale {
	background: #db7093!important;
	box-shadow: none!important;
	color: #fff;
	padding: 8px 20px
}

.small-2d-pale:hover {
	background: #ba617e!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.small-2d-pale:active {
	background: #ba617e!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.small-2d-slate {
	background: #708090!important;
	box-shadow: none!important;
	color: #fff;
	padding: 8px 20px
}

.small-2d-slate:hover {
	background: #616e7b!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.small-2d-slate:active {
	background: #616e7b!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.medium-2d-teal {
	background: teal!important;
	box-shadow: none!important;
	color: #fff;
	padding: 8px 25px
}

.medium-2d-teal:hover {
	background: #046e6e!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.medium-2d-teal:active {
	background: #046e6e!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.medium-2d-pink {
	background: #f96!important;
	box-shadow: none!important;
	color: #fff;
	padding: 8px 25px
}

.medium-2d-pink:hover {
	background: #d88358!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.medium-2d-pink:active {
	background: #d88358!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.medium-2d-sky {
	background: #87ceeb!important;
	box-shadow: none!important;
	color: #fff;
	padding: 8px 25px
}

.medium-2d-sky:hover {
	background: #74afc7!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.medium-2d-sky:active {
	background: #74afc7!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.medium-2d-robin {
	background: #0cc!important;
	box-shadow: none!important;
	color: #fff;
	padding: 8px 25px
}

.medium-2d-robin:hover {
	background: #04adad!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.medium-2d-robin:active {
	background: #04adad!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.medium-2d-slate-blue {
	background: #6a5acd!important;
	box-shadow: none!important;
	color: #fff;
	padding: 8px 25px
}

.medium-2d-slate-blue:hover {
	background: #5c4eae!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.medium-2d-slate-blue:active {
	background: #5c4eae!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.large-2d-royal {
	background: #4169e1!important;
	box-shadow: none!important;
	color: #fff;
	padding: 10px 30px
}

.large-2d-royal:hover {
	background: #3a5bbf!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.large-2d-royal:active {
	background: #3a5bbf!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.large-2d-rosy {
	background: #bc8f8f!important;
	box-shadow: none!important;
	color: #fff;
	padding: 10px 30px
}

.large-2d-rosy:hover {
	background: #a07a7a!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.large-2d-rosy:active {
	background: #a07a7a!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.large-2d-mountbatten {
	background: #997a8d!important;
	box-shadow: none!important;
	color: #fff;
	padding: 10px 30px
}

.large-2d-mountbatten:hover {
	background: #836979!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.large-2d-mountbatten:active {
	background: #836979!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.large-2d-pale {
	background: #abcdef!important;
	box-shadow: none!important;
	color: #fff;
	padding: 10px 30px
}

.large-2d-pale:hover {
	background: #92aeca!important;
	color: #fff;
	box-shadow: none!important;
	top: 0
}

.large-2d-pale:active {
	background: #92aeca!important;
	box-shadow: none!important;
	top: 0;
	border: none
}

.panel .panel-heading h4.panel-title {
	padding-left: 10px;
	position: relative
}

.panel .panel-heading h4.panel-title:after {
	content: "\f105";
	font-family: icomoon;
	color: #fff;
	background: #ff525e;
	border-radius: 50%;
	padding: 4px 4px 4px 10px;
	font-size: 14px;
	position: absolute;
	width: 23px;
	height: 23px;
	line-height: 15px;
	right: 0;
	top: 5px
}

.panel-heading span {
	float: left;
	line-height: 31px;
	font-size: 20px;
	margin-right: 10px;
	color: #b9b9b9
}

.panel-group .panel {
	border-radius: 0
}

.panel-body img {
	padding: 10px
}

.panel-body .img-p {
	float: left;
	width: 280px;
	margin-left: 10px;
	margin-top: 5px
}

.panel-heading.with-bg {
	background: #ff525e;
	color: #fff;
	border-radius: 0
}

.panel-heading.with-bg h4.panel-title:after {
	background: #fff;
	color: #ff525e
}

.panel-heading.with-bg h4 a:hover,
.panel-heading.with-bg span {
	color: #fff
}

.panel-title>a {
	display: block
}

.simple-styles .panel-default {
	border: none
}

.simple-styles .panel-default>.panel-heading {
	background: 0 0;
	border-bottom: solid 1px #e5e4e4
}

.simple-styles h4.panel-title:after {
	background: #e5e4e4
}

.simple-styles .panel-collapse .collapse.in h4.panel-title:after {
	content: "\e605";
	font-family: icomoon
}

.price {
	font-size: 18px;
	color: #000;
	display: inline-block
}

.product-info span {
	float: left;
	font-size: 20px;
	color: #ff525e;
	line-height: 32px
}

.product-info b {
	display: block;
	margin-left: 30px;
	line-height: 17px
}

.product-info ul li {
	background: #f7f7f7;
	display: inline-block;
	padding: 20px 25px;
	min-width: 182px;
	margin-bottom: 3px
}

.thumbnails li {
	margin-bottom: 7px
}

.rating {
	width: 80px;
	height: 16px;
	padding: 0;
	list-style: none;
	clear: both;
	position: relative;
	background: url(../images/stars.png) no-repeat;
	margin: 25px 0;
	display: block
}

.threestar {
	background-position: 0 -48px
}

ul.rating li {
	cursor: pointer;
	float: left;
	text-indent: -999em
}

ul.rating li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	text-decoration: none;
	z-index: 200
}

ul.rating li.one a {
	left: 0
}

ul.rating li.two a {
	left: 16px
}

ul.rating li.three a {
	left: 32px
}

ul.rating li.four a {
	left: 48px
}

ul.rating li.five a {
	left: 64px
}

ul.rating li a:hover {
	z-index: 2;
	width: 80px;
	height: 16px;
	overflow: hidden;
	left: 0;
	background: url(../images/stars.png) no-repeat
}

ul.rating li.one a:hover {
	background-position: 0 -96px
}

ul.rating li.two a:hover {
	background-position: 0 -112px
}

ul.rating li.three a:hover {
	background-position: 0 -128px
}

ul.rating li.four a:hover {
	background-position: 0 -144px
}

ul.rating li.five a:hover {
	background-position: 0 -160px
}

.cart-qty {
	display: inline-block;
	border: 1px solid #eaebeb;
	border-radius: 3px;
	box-shadow: 0 1px 1px #F3F3F3;
	margin-bottom: 25px
}

.cart-qty button,
.cart-qty input {
	float: left;
	height: 35px;
	width: 36px;
	border: 0;
	margin: 0;
	padding: 0;
	background: 0 0;
	outline: 0
}

.cart-qty button {
	color: #d7d8da;
	font-size: 11px;
	font-weight: 600
}

.cart-qty button:hover {
	color: #ccc
}

.cart-qty button:active {
	color: #999
}

.cart-qty input {
	border-left: 1px solid #eaebeb;
	border-right: 1px solid #eaebeb;
	color: #45474d;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	width: 42px
}

.info {
	font-size: 14px
}

.tab-content {
	padding: 20px
}

.left-tab .nav-tabs {
	float: left;
	margin-right: 20px
}

.left-tab .nav-tabs>li {
	float: none
}

.left-tab .nav-tabs>li>a {
	border-radius: 0;
	background: #f7f7f7;
	color: #a1a1a1;
	margin-right: 0;
	border: 1px solid #eee
}

.left-tab .nav-tabs li.active>a {
	border: 1px solid #eee;
	border-right: 0;
	background: #fff;
	color: #ff525e;
	min-width: 114px
}

.left-tab .nav-tabs>li.active>a:hover {
	border: 1px solid #eee;
	border-right: 0
}

.left-tab .tab-content {
	margin-left: 113px;
	border: 1px solid #eee;
	padding: 20px
}

.left-tab h6 {
	font-size: 14px;
	font-weight: 400
}

.nav-tabs>li.active>a {
	color: #ff525e
}

.right-tab .nav-tabs {
	float: right
}

.right-tab .nav-tabs>li {
	float: none
}

.right-tab .nav-tabs>li>a {
	border-radius: 0;
	background: #f7f7f7;
	color: #a1a1a1;
	margin-right: 0;
	border: 1px solid #eee
}

.right-tab .nav-tabs li.active>a {
	border: 1px solid #eee;
	border-left: 0;
	background: #fff;
	color: #ff525e;
	min-width: 114px
}

.right-tab .tab-content {
	margin-right: 113px;
	border: 1px solid #eee;
	padding: 20px
}

.right-tab h6 {
	font-size: 14px;
	font-weight: 400
}

.related-products-carousel .owl-buttons .owl-prev i {
	color: #fff;
	border-radius: 4px;
	padding: 9px 17px;
	position: absolute;
	right: 75px;
	top: 50px;
	font-size: 20px;
	background: #ff525e;
	border-bottom: solid 3px #d84852
}

.related-products-carousel .owl-buttons .owl-prev i:hover {
	background-color: #ff525e
}

.related-products-carousel .owl-buttons .owl-prev i:active {
	margin-top: 3px;
	border-bottom: solid 1px #d84852
}

.related-products-carousel .owl-buttons .owl-next i {
	color: #fff;
	border-radius: 4px;
	padding: 9px 17px;
	position: absolute;
	right: 30px;
	top: 50px;
	font-size: 20px;
	background: #ff525e;
	border-bottom: solid 3px #d84852
}

.related-products-carousel .owl-buttons .owl-next i:hover {
	background-color: #ff525e
}

.related-products-carousel .owl-buttons .owl-next i:active {
	margin-top: 3px;
	border-bottom: solid 1px #d84852
}

.related-products-carousel h4 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 14px
}

.related-products-carousel .price {
	color: #161616;
	font-size: 16px;
	display: block;
	margin-bottom: 10px
}

.related-products-carousel .buy-cart {
	background: #ff525e;
	color: #fff;
	padding: 10px;
	font-size: 20px;
	display: inline-block;
	margin-right: 15px
}

.related-products-carousel .details {
	vertical-align: top;
	line-height: 40px
}

.table-bordered {
	border: 1px solid #eee
}

.table-bordered>tbody>tr>td {
	border: 1px solid #eee;
	padding: 30px;
	vertical-align: middle
}

.table-bordered>thead>tr>th {
	border: 1px solid #eee;
	color: #161616;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	padding: 10px
}

.table-bordered>thead>tr {
	background: #f8f8f8
}

.shopping-table h4 {
	font-size: 14px;
	margin-bottom: 0
}

.shopping-table b {
	display: block;
	color: #8f8f8f
}

.shopping-table .price {
	color: #a3a2a2;
	font-size: 25px;
	font-weight: 300
}

.shopping-table .cart-qty {
	margin-bottom: 0
}

.shopping-table span {
	font-size: 20px
}

.shopping-table .cupon {
	background-color: #f8f8f8
}

.coupon b {
	color: #151515;
	font-size: 22px;
	font-weight: 300;
	float: left;
	margin-right: 20px;
	line-height: 40px
}

.coupon .btn {
	border-radius: 0;
	padding: 0 30px;
	height: 40px;
	line-height: 40px;
	vertical-align: top
}

.coupon input {
	padding: 0 10px;
	margin-right: 20px;
	outline: 0;
	border: 1px solid #DFDFDF;
	height: 40px
}

.cart-total ul li {
	border: 1px solid #e8e8e8;
	padding: 7px 20px
}

.cart-total .total {
	background: #fdfdfd
}

.cart-total .total p {
	font-size: 16px
}

.cart-total b {
	color: #9f9f9f
}

.features-sidebar ul li {
	border: 1px solid #e4e4e4;
	padding: 10px 13px;
	border-bottom: 0;
	position: relative
}

.features-sidebar ul li:last-child {
	border-bottom: solid 1px #e4e4e4
}

.features-sidebar ul li:before {
	content: "\f105";
	font-family: icomoon;
	color: #636363;
	display: inline-block;
	font-size: 11px;
	margin-right: 5px
}

.features-sidebar ul li.active a {
	color: #000;
	font-size: 14px
}

.boots {
	display: inline-block;
	font-weight: 500;
	color: #5A4080;
	font-size: 60px;
	border: 1px solid #5A4080;
	padding: 30px 20px;
	border-radius: 10px
}

.order span {
	display: inline-block;
	height: 18px;
	line-height: 18px
}

.register-panel {
	border: 1px solid #E6E7E8;
	padding: 20px 25px;
	border-radius: 5px;
	float: none;
	margin: 20px 0 40px
}

.register-panel .separator {
	background: #E6E7E8;
	padding: 0;
	margin: 10px 0
}

.register-panel input {
	width: 100%;
	border: 1px solid #ddd;
	background-color: #FCFCFC;
	font-size: 13px;
	color: #9ea3a7;
	height: 40px;
	text-indent: 15px;
	outline: 0;
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #f1f3f3;
	margin-bottom: 15px
}

.reg-panel-title {
	color: #161616;
	font-size: 15px;
	font-weight: 600;
	border-bottom: 1px solid #EDEDED;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 20px
}

.progress2 {
	height: 30px;
	border-radius: 0
}

.progress-bar2 {
	background-color: #ff525e;
	line-height: 30px
}

.ms-laptop-template .ms-laptop-cont .ms-view {
	background-color: #17171a
}

.ms-laptop-template .ms-laptop-cont {
	max-width: 645px;
	position: relative;
	margin: 0 auto
}

.ms-laptop-template .ms-lt-slider-cont {
	position: relative;
	padding: 5% 11.9% 20%;
	max-width: 645px
}

.ms-laptop-template .ms-laptop-bg {
	max-width: 100%;
	position: absolute;
	height: auto
}

.ms-laptop-template .ms-nav-next,
.ms-laptop-template .ms-nav-prev {
	background: url(../images/masterslider/skin.png) -11px -9px no-repeat;
	width: 35px;
	height: 40px;
	left: -80px;
	margin-top: -17px;
	position: absolute;
	top: 50%;
	cursor: pointer
}

.ms-laptop-template .ms-nav-next {
	background-position: -59px -9px;
	right: -80px;
	left: auto
}

.ms-laptop-template .ms-bullets.ms-dir-h {
	position: absolute;
	bottom: -30%;
	right: 50%;
	width: 100px
}

.ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count {
	position: relative;
	right: -50%
}

.ms-laptop-template .ms-bullet {
	width: 10px;
	height: 10px;
	background: #d9d9d9;
	border-radius: 50%;
	margin: 4px
}

.ms-laptop-template .ms-bullet:hover {
	background: #333
}

.ms-laptop-template .ms-bullet-selected {
	background: #f4f4f4;
	box-shadow: 0 0 0 2px #DB2B1C
}

.ms-laptop-template .ms-bullet-selected:hover {
	background: #f4f4f4
}

.gallery-overlay {
	position: relative
}

.gallery-overlay a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(../images/image-overlay-icon.png) center center no-repeat #000;
	-ms-filter: "alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out
}

.gallery-overlay a:hover:before {
	visibility: visible;
	-ms-filter: "alpha(Opacity=80)";
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .7
}

.gallery-masonry .masonry-item {
	width: 25%;
	padding: 5px
}

#gallery-full-masonry .masonry-item {
	padding: 10px
}

.support-box {
	background: #f4f4f4;
	border: 1px solid #e0e0e0;
	padding: 30px;
	margin-bottom: 50px;
	border-radius: 4px;
}

.support-box h3 {
	font-weight: 400;
	font-size: 18px;
	color: #000;
	border-bottom: solid 1px #ddd;
	padding-bottom: 5px;
	margin-bottom: 15px
}

.support-box span {
	font-size: 25px;
	border: 1px solid #FF525E;
	border-radius: 100px;
	padding: 15px;
	background: #FF525E;
	color: #fff;
	position: absolute;
	top: -29px;
	right: 35px
}

.support-box p {
	margin-bottom: 20px
}

.support-box a {
	font-size: 14px
}

.maintenance-top {
	margin: 100px 0
}

.maintenance {
	background: url(../images/maintenance_bg.jpg);
	background-size: cover;
	border-top: solid 7px #ff525e;
	padding-top: 120px;
	padding-bottom: 100px
}

.our-office .owl-prev i {
	color: #fff;
	border: 2px solid;
	border-radius: 4px;
	padding: 13px 20px;
	position: absolute;
	left: 30px;
	top: 33%;
	font-size: 20px
}

.our-office .owl-next i {
	color: #fff;
	border: 2px solid;
	border-radius: 4px;
	padding: 13px 20px;
	position: absolute;
	right: 30px;
	top: 33%;
	font-size: 20px
}

.our-office .owl-next:hover i,
.our-office .owl-prev:hover i {
	background-color: #ff525e;
	border: 2px solid #ff525e
}

@media (max-width:1200px) {
	.our-office .owl-next i,
	.our-office .owl-prev i {
		top: 29%
	}
}

@media (min-width:992px) and (max-width:1200px) {
	.our-office .owl-next i,
	.our-office .owl-prev i {
		top: 29%
	}
}

@media (min-width:768px) and (max-width:992px) {
	.our-office .owl-next i,
	.our-office .owl-prev i {
		top: 24%
	}
}

@media (max-width:768px) {
	.our-office .owl-next i,
	.our-office .owl-prev i {
		top: 20%
	}
}

.fancy-box {
	padding: 0
}

.fancy-box li {
	height: 300px;
	overflow: hidden;
	position: relative;
	background: #fff;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear
}

.fancy-box li:hover {
	background-color: #ff525e
}

.fancy-box li:hover .fancy-icon {
	color: #fff;
	font-size: 90px
}

.fancy-box li:hover .fancy-main {
	color: #fff;
	-webkit-animation: moveFromLeftRotate 300ms ease;
	-moz-animation: moveFromLeftRotate 300ms ease;
	-ms-animation: moveFromLeftRotate 300ms ease
}

.fancy-box li:hover .fancy-sub {
	color: #fff;
	-webkit-animation: moveFromBottom 500ms ease;
	-moz-animation: moveFromBottom 500ms ease;
	-ms-animation: moveFromBottom 500ms ease
}

.fancy-box li a {
	text-align: left;
	width: 100%;
	height: 100%;
	display: block;
	color: #333;
	position: relative
}

.fancy-icon {
	font-size: 60px;
	color: #ff525e;
	line-height: 150px;
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	top: 0;
	text-align: center;
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	-ms-transition: all 400ms linear;
	transition: all 400ms linear
}

.fancy-content {
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	top: 50%
}

.fancy-main {
	font-size: 26px;
	font-weight: 400;
	text-align: center;
	margin-top: 0;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear
}

.fancy-sub {
	text-align: center;
	font-size: 14px;
	color: #666;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear
}

@-webkit-keyframes moveFromLeftRotate {
	from {
		-webkit-transform: translateX(-100%) rotate(-90deg)
	}
	to {
		-webkit-transform: translateX(0%) rotate(0deg)
	}
}

@-moz-keyframes moveFromLeftRotate {
	from {
		-moz-transform: translateX(-100%) rotate(-90deg)
	}
	to {
		-moz-transform: translateX(0%) rotate(0deg)
	}
}

@-ms-keyframes moveFromLeftRotate {
	from {
		-ms-transform: translateX(-100%) rotate(-90deg)
	}
	to {
		-ms-transform: translateX(0%) rotate(0deg)
	}
}

@-webkit-keyframes moveFromBottom {
	from {
		-webkit-transform: translateY(100%)
	}
	to {
		-webkit-transform: translateY(0%)
	}
}

@-moz-keyframes moveFromBottom {
	from {
		-moz-transform: translateY(100%)
	}
	to {
		-moz-transform: translateY(0%)
	}
}

@-ms-keyframes moveFromBottom {
	from {
		-ms-transform: translateY(100%)
	}
	to {
		-ms-transform: translateY(0%)
	}
}

#product-launch-header {
	position: relative;
	height: 500px;
	background: url(../images/video-bg.jpg) center center/cover.text_page .owl-carousel;
	padding-top: 150px
}

#section-overlay {
	background-color: rgba(33, 40, 42, .5);
	position: absolute;
	width: 100%;
	height: 500px;
	left: 0;
	top: 0
}

#product-launch-header h2 {
	color: #fff;
	font-weight: 400
}

#product-launch-header p {
	color: #fff;
	font-size: 17px
}

#product-launch-header span {
	font-size: 40px;
	color: #fff;
	display: inline-block;
	line-height: 44px;
	vertical-align: bottom
}

#product-launch-header a.watch-now {
	color: #fff;
	font-size: 22px;
	line-height: 44px;
	vertical-align: bottom
}

#product-launch-header a.watch-now:hover {
	text-shadow: 0 1px 3px rgba(0, 0, 0, .8)
}

.purchase-banner h3 {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 15px
}

.purchase-banner {
	background: #F6F6F6;
	border-top: solid 3px #ff525e
}

.purchase-banner a {
	margin-top: 22px
}

#how-it-works span {
	font-size: 30px;
	vertical-align: middle
}

#how-it-works h3 {
	display: inline-block;
	font-weight: 300;
	vertical-align: middle;
	margin-bottom: 0
}

#how-it-works img {
	height: 250px;
	margin: 20px auto
}

.product-slider img {
	margin: 0 auto
}

.product-slider .owl-buttons .owl-prev i {
	color: #fff;
	border-radius: 4px;
	padding: 9px 17px;
	position: absolute;
	left: 25px;
	top: 110px;
	font-size: 20px;
	background: #ff525e;
	border-bottom: solid 3px #d84852
}

.product-slider .owl-buttons .owl-prev i:hover {
	background-color: #ff525e
}

.product-slider .owl-buttons .owl-prev i:active {
	margin-top: 3px;
	border-bottom: solid 1px #d84852
}

.product-slider .owl-buttons .owl-next i {
	color: #fff;
	border-radius: 4px;
	padding: 9px 17px;
	position: absolute;
	right: 25px;
	top: 110px;
	font-size: 20px;
	background: #ff525e;
	border-bottom: solid 3px #d84852
}

.product-slider .owl-buttons .owl-next i:hover {
	background-color: #ff525e
}

.product-slider .owl-buttons .owl-next i:active {
	margin-top: 3px;
	border-bottom: solid 1px #d84852
}

.copyright {
	font-size: 11px;
	color: #575656!important;
	line-height: 17px;
	margin-bottom: 0
}

footer {
	padding: 60px 0 0;
	color: #161616
}

footer>.container {
	margin-bottom: 30px;
}

footer h3 {
	font-size: 24px;
	font-weight: 300;
	color: #3d3d3d;
	margin-bottom: 40px
}

footer ul.footer-blog {
	display: inline-block
}

footer ul.footer-blog li p {
	margin-left: 90px;
	margin-bottom: 3px
}

footer ul.footer-blog img {
	float: left
}

footer .default {
	margin-bottom: 5px
}

footer .only3 {
	display: none
}

.social ul li {
	float: left;
	background: #ececec;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 10px
}

.social ul li a {
	line-height: 40px;
	color: #161616;
	display: block
}

.social ul li a span {
	line-height: 40px
}

.ico-facebook:hover {
	background: #4c81d2!important
}

.ico-facebook:hover>a {
	color: #fff
}

.ico-twitter:hover {
	background: #47daff!important
}

.ico-twitter:hover>a {
	color: #fff
}

.ico-pinterest:hover {
	background: #e43333!important
}

.ico-pinterest:hover>a {
	color: #fff
}

.ico-dribbble:hover {
	background: #ff4978!important
}

.ico-dribbble:hover>a {
	color: #fff
}

.ico-google:hover {
	background: #ff6252!important
}

.ico-google:hover>a {
	color: #fff
}

.ico-instagram:hover {
	background: #3f729b!important
}

.ico-instagram:hover>a {
	color: #fff
}

ul.menu-list li:before {
	content: "\f105";
	font-family: icomoon;
	color: #ff525e;
	font-size: 11px;
	margin-right: 5px
}

#subscribe.footer-subscribe input {
	width: 224px
}

#subscribe.footer-subscribe .alert.animate {
	width: 100%
}

.bottom-footer {
	background: #EDEDED;
	padding: 30px 0
}

.social-buttons {
	text-align: right
}

.facebook-button {
	display: inline-block;
	width: 90px;
	margin-right: 20px
}

.twitter-button {
	display: inline-block;
	width: 80px;
	margin-right: 20px
}

.google-button {
	display: inline-block;
	width: 60px
}

.footer-style2 {
	border-top: solid 6px #cf111b;
}

.footer-style3 {
	background: #ff525e;
	color: #fff
}

.footer-style3 p {
	color: #fff
}

.footer-style3 .only3 {
	display: block;
	margin-bottom: 10px
}

.footer-style3 .default {
	display: none
}

.footer-style3 .copyright {
	color: #fff;
	margin-top: 5px
}

.footer-style3 h3,
.footer-style3 ul.menu-list li a {
	color: #fff
}

.footer-style3 ul.menu-list li a:hover {
	color: #C4C4C4
}

.footer-style3 ul.menu-list li:before {
	color: #fff
}

footer.footer-style3 ul.footer-blog li p {
	color: #fff!important
}

.footer-style4 {
	background-color: #f9f9f9
}

.highlight {
	margin-bottom: 14px;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	border-radius: 4px;
	padding: 9px 14px
}

.s {
	color: #d44950
}

.na {
	color: #4f9fcf
}

.nt {
	color: #2f6f9f
}

.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.has_shadow {
	position: relative;
	padding: 0;
	border: none;
	background: #FFF;
	z-index: 1
}

.has_shadow:after,
.has_shadow:before {
	content: "";
	position: absolute;
	z-index: -2
}

.has_shadow.lifted {
	border-radius: 4px
}

.has_shadow.lifted:after,
.has_shadow.lifted:before {
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	max-height: 100px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg)
}

.has_shadow.lifted:after {
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg)
}

.has_shadow.curled {
	border: none;
	border-radius: 0 0 120px 120px/0 0 6px 6px
}

.has_shadow.curled>img {
	border-radius: 0 0 120px 120px/0 0 6px 6px
}

.has_shadow.curled:after,
.has_shadow.curled:before {
	bottom: 12px;
	left: 10px;
	width: 50%;
	height: 55%;
	max-width: 200px;
	max-height: 100px;
	box-shadow: 0 8px 12px rgba(0, 0, 0, .5);
	-webkit-transform: skew(-8deg) rotate(-3deg);
	-ms-transform: skew(-8deg) rotate(-3deg);
	transform: skew(-8deg) rotate(-3deg)
}

.has_shadow.curled:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg)
}

.has_shadow.perspective:before {
	left: 80px;
	bottom: 5px;
	width: 50%;
	height: 35%;
	max-width: 200px;
	max-height: 50px;
	box-shadow: -80px 0 8px rgba(0, 0, 0, .4);
	-webkit-transform: skew(50deg);
	-ms-transform: skew(50deg);
	transform: skew(50deg);
	-webkit-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.has_shadow.perspective:after {
	display: none
}

.has_shadow.raised {
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

.has_shadow.curved:before {
	top: 10px;
	bottom: 10px;
	left: 0;
	right: 50%;
	box-shadow: 0 0 15px rgba(0, 0, 0, .6);
	border-radius: 10px/100px
}

.has_shadow.curved-vt-2:before {
	right: 0
}

.has_shadow.curved-hz-1:before {
	top: 50%;
	bottom: 0;
	left: 10px;
	right: 10px;
	border-radius: 100px/10px
}

.has_shadow.curved-hz-2:before {
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	border-radius: 100px/10px
}

#swappers {
	height: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1111
}

.swappers-table .helper {
	position: absolute;
	background-color: rgba(255, 82, 94, 0.7);
	padding: 10px;
	color: #fff;
	margin-top: -49px;
	margin-right: 15px;
	-webkit-backface-visibility: hidden;
	top: 0;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 300ms cubic-bezier(0.19, 1, .22, 1);
	-moz-transition: all 300ms cubic-bezier(0.19, 1, .22, 1);
	-o-transition: all 300ms cubic-bezier(0.19, 1, .22, 1);
	-ms-transition: all 300ms cubic-bezier(0.19, 1, .22, 1);
	transition: all 300ms cubic-bezier(0.19, 1, .22, 1)
}

.swappers-table .modulecontent {
	opacity: .5
}

.swappers-table:hover .helper {
	background-color: rgba(0, 0, 0, .8);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	top: 50px
}

.swappers-table:hover .swappers-content {
	opacity: 1
}

.swappers-table:hover .helper:before {
	background-position: center top
}

.swappers-table h3 {
	font-size: 22px;
	line-height: 1.4;
	border-bottom: 1px solid #5a5a5a;
	text-shadow: 1px 1px 0 #383838;
	text-transform: uppercase;
	color: #fff;
	margin-top: 0;
	padding: 1px 0 8px
}

.swappers-content p {
	color: #fff
}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel {
	display: none;
	width: 100%;
	-ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
	float: left
}

.owl-controls .owl-buttons div,
.owl-controls .owl-page {
	cursor: pointer
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	opacity: 1;
	text-decoration: none
}

.owl-theme .owl-controls .owl-page {
	display: inline-block
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	opacity: .5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	opacity: 1;
	background: #666666
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px
}

.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease
}

.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-moz-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@font-face {
	font-family: flexslider-icon;
	src: url(../fonts/flexslider/flexslider-icon.eot);
	src: url(../fonts/flexslider/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(../fonts/flexslider/flexslider-icon.woff) format('woff'), url(../fonts/flexslider/flexslider-icon.ttf) format('truetype'), url(../fonts/flexslider/flexslider-icon.svg#flexslider-icon) format('svg');
	font-weight: 400;
	font-style: normal
}

.flexslider {
	padding: 0
}

.flexslider .slides>li {
	display: none;
	-webkit-backface-visibility: hidden
}

.flex-pauseplay span {
	text-transform: capitalize
}

.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

html[xmlns] .slides {
	display: block
}

* html .slides {
	height: 1%
}

.no-js .slides>li:first-child {
	display: block
}

.flexslider {
	margin: 0 0 60px;
	position: relative
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}

.loading .flex-viewport {
	max-height: 300px
}

.carousel li {
	margin-right: 5px
}

.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 15px;
	height: 25px;
	margin: -20px 0 0;
	position: absolute;
	top: 34%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, .8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.flex-direction-nav .flex-prev {
	left: -50px
}

.flex-direction-nav .flex-next {
	right: -50px;
	text-align: right
}

.flexslider:hover .flex-prev {
	opacity: .7;
	left: 10px
}

.flexslider:hover .flex-next {
	opacity: .7;
	right: 10px
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1
}

.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	cursor: default
}

.flex-direction-nav a:before {
	font-family: flexslider-icon;
	font-size: 22px;
	display: inline-block;
	content: '\f001'
}

.flex-direction-nav a.flex-next:before {
	content: '\f002'
}

.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: .8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000
}

.flex-pauseplay a:before {
	font-family: flexslider-icon;
	font-size: 20px;
	display: inline-block;
	content: '\f004'
}

.flex-pauseplay a:hover {
	opacity: 1
}

.flex-pauseplay a.flex-play:before {
	content: '\f003'
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center
}

.flex-control-nav li {
	margin: 0 6px;
	display: inline-block
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, .5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}

.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, .7)
}

.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, .9);
	cursor: default
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer
}

.flex-control-thumbs img:hover {
	opacity: 1
}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default
}

@media screen and (max-width:860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 10px
	}
	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 10px
	}
}

.nivo-lightbox-theme-default.nivo-lightbox-overlay {
	background: rgba(0, 0, 0, .6)
}

.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
	background: url(../images/nivo/loading.gif) 50% 50% no-repeat
}

.nivo-lightbox-theme-default .nivo-lightbox-nav {
	top: 10%;
	width: 8%;
	height: 80%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: .5
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
	opacity: 1
}

.nivo-lightbox-theme-default .nivo-lightbox-prev {
	background-image: url(../images/nivo/prev.png);
	border-radius: 0 3px 3px 0
}

.nivo-lightbox-theme-default .nivo-lightbox-next {
	background-image: url(../images/nivo/next.png);
	border-radius: 3px 0 0 3px
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
	display: block;
	width: 70px;
	height: 70px;
	text-indent: -9999px;
	padding: 5px;
	opacity: .5
}

.nivo-lightbox-theme-default .nivo-lightbox-close:hover {
	opacity: 1
}

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
	bottom: -7%
}

.nivo-lightbox-theme-default .nivo-lightbox-title {
	font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	background: #000;
	color: #fff;
	padding: 7px 15px;
	border-radius: 30px
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
	background: #fff;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
	background: #fff;
	padding: 40px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

@media (-webkit-min-device-pixel-ratio:1.3),
(-o-min-device-pixel-ratio:2.6/2),
(min--moz-device-pixel-ratio:1.3),
(min-device-pixel-ratio:1.3),
(min-resolution:1.3dppx) {
	.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
		background-image: url(../images/nivo/loading@2x.gif);
		background-size: 32px 32px
	}
	.nivo-lightbox-theme-default .nivo-lightbox-prev {
		background-image: url(../images/nivo/prev@2x.png);
		background-size: 48px 48px
	}
	.nivo-lightbox-theme-default .nivo-lightbox-next {
		background-image: url(../images/nivo/next@2x.png);
		background-size: 48px 48px
	}
	.nivo-lightbox-theme-default .nivo-lightbox-close {
		background-image: url(../images/nivo/close@2x.png);
		background-size: 16px 16px
	}
}

.nivo-lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.nivo-lightbox-overlay.nivo-lightbox-open {
	visibility: visible;
	opacity: 1
}

.nivo-lightbox-wrap {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%
}

.nivo-lightbox-content {
	width: 100%;
	height: 100%
}

.nivo-lightbox-title-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	text-align: center
}

.nivo-lightbox-nav {
	display: none
}

.nivo-lightbox-prev {
	position: absolute;
	top: 50%;
	left: 0
}

.nivo-lightbox-next {
	position: absolute;
	top: 50%;
	right: 0
}

.nivo-lightbox-close {
	position: absolute;
	top: 2%;
	right: 2%
}

.nivo-lightbox-image {
	text-align: center
}

.nivo-lightbox-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	vertical-align: middle
}

.nivo-lightbox-content iframe {
	width: 100%;
	height: 100%
}

.nivo-lightbox-ajax,
.nivo-lightbox-inline {
	max-height: 100%;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.nivo-lightbox-error {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-shadow: 0 1px 1px #000
}

.nivo-lightbox-error p {
	display: table-cell;
	vertical-align: middle
}

.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7)
}

.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
	-webkit-transition: all .3s cubic-bezier(0.25, .5, .5, .9);
	-moz-transition: all .3s cubic-bezier(0.25, .5, .5, .9);
	-ms-transition: all .3s cubic-bezier(0.25, .5, .5, .9);
	-o-transition: all .3s cubic-bezier(0.25, .5, .5, .9);
	transition: all .3s cubic-bezier(0.25, .5, .5, .9)
}

.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
	-webkit-transform: translateX(-10%);
	-moz-transform: translateX(-10%);
	-ms-transform: translateX(-10%);
	transform: translateX(-10%)
}

.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
	-webkit-transform: translateX(10%);
	-moz-transform: translateX(10%);
	-ms-transform: translateX(10%);
	transform: translateX(10%)
}

.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transform: translateY(-10%);
	-moz-transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	transform: translateY(-10%)
}

.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
	-webkit-transform: translateY(10%);
	-moz-transform: translateY(10%);
	-ms-transform: translateY(10%);
	transform: translateY(10%)
}

.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px
}

.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-webkit-transform: translateZ(300px);
	-moz-transform: translateZ(300px);
	-ms-transform: translateZ(300px);
	transform: translateZ(300px)
}

.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0)
}

.alerts {
	margin: 20px
}

.alerts p {
	margin: 0;
	padding: 0
}

.alert-message.danger,
.alert-message.danger:hover,
.alert-message.error,
.alert-message.error:hover,
.alert-message.info,
.alert-message.info:hover,
.alert-message.success,
alert-message.success:hover {
	color: #fff
}

.alert-message .close {
	font-family: Arial, sans-serif;
	line-height: 18px
}

.alert-message.danger,
.alert-message.error {
	background-color: #c43c35;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.alert-message.success {
	background-color: #57a957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.alert-message.info {
	background-color: #339bb9;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
	background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
	background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	background-image: linear-gradient(top, #5bc0de, #339bb9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

:root .alert-message {
	border-radius: 0 \0
}

.close {
	float: right;
	color: #000;
	font-size: 11px;
	font-weight: 700;
	line-height: 13.5px;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=25);
	-khtml-opacity: .25;
	-moz-opacity: .25;
	opacity: .25
}

.close:hover {
	color: #000;
	text-decoration: none;
	filter: alpha(opacity=40);
	-khtml-opacity: .4;
	-moz-opacity: .4;
	opacity: .4
}

.alert-message {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	position: relative;
	padding: 7px 15px;
	margin-bottom: 18px;
	color: #404040;
	background-color: #eedc94;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
	background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
	background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
	background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
	background-image: -o-linear-gradient(top, #fceec1, #eedc94);
	background-image: linear-gradient(top, #fceec1, #eedc94);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
	border-color: #eedc94 #eedc94 #e4c652;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25)
}

.alert-message .close {
	margin-top: 0
}

.alert-message a {
	font-weight: 700;
	color: #404040;
	text-decoration: none
}

.alert-message.danger p a,
.alert-message.error p a,
.alert-message.info p a,
.alert-message.success p a {
	color: #fff
}

.alert-message p a:hover {
	text-decoration: underline
}

.alert-message p {
	margin-bottom: 0
}

#superContainer {
	height: 100%;
	position: relative;
	-ms-touch-action: none;
	touch-action: none
}

.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.fp-slide {
	float: left
}

.fp-slide,
.fp-slidesContainer {
	height: 100%;
	display: block
}

.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.fp-section.fp-table,
.fp-slide.fp-table {
	display: table;
	width: 100%
}

.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%
}

.fp-slidesContainer {
	float: left;
	position: relative
}

.fp-controlArrow {
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px
}

.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent
}

.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff
}

.fp-scrollable {
	overflow: scroll
}

.fp-easing {
	-webkit-transition: all .7s ease-out;
	transition: all .7s ease-out
}

#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1
}

#fp-nav.right {
	right: 17px
}

#fp-nav.left {
	left: 17px
}

.fp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1
}

.fp-slidesNav.bottom {
	bottom: 17px
}

.fp-slidesNav.top {
	top: 17px
}

#fp-nav ul,
.fp-slidesNav ul {
	margin: 0;
	padding: 0
}

#fp-nav li,
.fp-slidesNav li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative
}

.fp-slidesNav li {
	display: inline-block
}

#fp-nav li a,
.fp-slidesNav li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none
}

#fp-nav li .active span,
.fp-slidesNav .active span {
	background: #333
}

#fp-nav span,
.fp-slidesNav span {
	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border: 1px solid #000;
	background: 0 0;
	border-radius: 50%;
	position: absolute;
	z-index: 1
}

.fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px
}

.fp-tooltip.right {
	right: 20px
}

.fp-tooltip.left {
	left: 20px
}

.section.slide1 {
	background-image: url(../images/full-page/full-bg-1.jpg);
	background-size: cover
}

.section.slide1 h2 {
	padding-top: 170px;
	text-align: center;
	font-size: 49px;
	color: #756868;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-weight: 600
}

.section.slide2 {
	background-image: url(../images/full-page/full-bg-2.jpg);
	background-size: cover
}

.section.slide3 {
	background-image: url(../images/full-page/full-bg-3.jpg);
	background-size: cover
}

.section.slide4 {
	background-image: url(../images/full-page/full-bg-4.jpg);
	background-size: cover
}

.f300 {
	font-weight: 300;
}

#leftsead {
	width: 131px;
	height: 143px;
	position: fixed;
	top: 258px;
	right: 0;
	z-index: 123456789
}

*html #leftsead {
	margin-top: 258px;
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop))
}
#leftsead ul{list-style: none}
#leftsead li {
	width: 131px;
	height: 60px
}

#leftsead li img {
	float: right
}

#leftsead li a {
	height: 49px;
	float: right;
	display: block;
	min-width: 47px;
	max-width: 131px
}

#leftsead li a .shows {
	display: block
}

#leftsead li a .hides {
	margin-right: -143px;
	cursor: pointer;
	cursor: hand
}

#leftsead li a.youhui .hides {
	display: none;
	position: absolute;
  width:220px;height:220px;
  max-width:220px;
	right: 200px;
	top: 60px
}
.xiaocms-page{display: inline-block;}
.xiaocms-page a {
    display: block;
    float: left;
    margin-right: 10px;
    padding: 2px 12px;
    height: 24px;
    border: 1px #cf111b solid;
    background: #fff;
    text-decoration: none;
    color: #808080;
    font-size: 12px;
    line-height: 20px;
}
.xiaocms-page a:hover{
	background: #cf111b;
	color: #fff;}
.xiaocms-page span{
	border: none;
	background: #cf111b;
	color: #fff;
	padding: 1px 12px;
	margin-right: 10px;
	float: left;
}
.order p{
	margin-bottom: 0;
}