/*Title:   Main Template Css File
Author:  http://themeforest.net/user/lorthemes // Bogdan Laurentiu  */

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: Roboto, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #7e7e7e;
	background-color: #fff
}
a {
	color: #3d3d3d;
	font-weight: 500
}
a:hover {
	text-decoration: none;
	color: #000
}
.tooltip-test+.tooltip>.tooltip-inner {
	background-color: #5b97d1;
	border-radius: 0;
	padding: 6px 10px
}
.tooltip.top .tooltip-arrow {
	border-top-color: #5b97d1
}
h1.section-title {
	font-weight: 300;
	color: #161616;
	font-size: 22px;
	line-height: 30px;
	margin: 0
}
h2.section-title {
	font-weight: 300;
	color: #161616;
	font-size: 30px;
	line-height: 35px
}
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
}
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: #5b97d1;
	color: #fff;
	box-shadow: 0 6px #336fa9;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none
}
.btn-2:hover {
	box-shadow: 0 4px #336fa9;
	top: 2px;
	color: #fff
}
.btn-2:active {
	box-shadow: 0 0 #ab3c3c;
	top: 6px;
	border: none
}
.btn-2:focus {
	outline: 0
}
.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 50px
}
.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;
	margin-left: -10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.btn-small {
	background: #5b97d1;
	box-shadow: 0 4px #336fa9;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none
}
.btn-small:hover {
	top: 2px;
	box-shadow: 0 2px #336fa9
}
.btn-small:active {
	box-shadow: 0 0 #ab3c3c;
	top: 4px
}
.s23 {
	font-size: 23px;
}
.save {
	font-size: 23px;
	line-height: 28px;
	margin-right: 5px;
}
.tcolor {
	color: #5b97d1
}
.gray {
	color: #a1a1a1
}
.black {
	color: #161616!important
}
.white {
	color: #fff
}
.center {
	text-align: center
}
.left {
	text-align: left
}
.right {
	text-align: right
}
.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
}
.size20 {
	font-size: 20px
}
.ptop5 {
	padding-top: 5px
}
.ptop50 {
	padding-top: 50px
}
.ptop100 {
	padding-top: 100px
}
.pbottom50 {
	padding-bottom: 50px
}
.pbottom70 {
	padding-bottom: 70px
}
.pbottom80 {
	padding-bottom: 80px
}
.pright0 {
	padding-right: 0
}
.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!important
}
.mtop106 {
	margin-top: 106px!important
}
.mbottom5 {
	margin-bottom: 5px
}
.mbottom10 {
	margin-bottom: 10px
}
.mbottom15 {
	margin-bottom: 15px
}
.mbottom20 {
	margin-bottom: 20px!important
}
.mbottom25 {
	margin-bottom: 25px!important
}
.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: 100px
}
.mleft5 {
	margin-left: 5px
}
.mleft10 {
	margin-left: 10px
}
.mleft20 {
	margin-left: 20px
}
.mleft30 {
	margin-left: 30px
}
.mleft50 {
	margin-left: 50px
}
.mleft60 {
	margin-left: 60px
}
.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
}
.animation {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}
.separator {
	display: block;
	border: 1px solid #e5e4e4
}
#header {
	background-color: #fff;
	min-height: 100px;
	position: fixed;
	top: 0;
	transition: top .2s ease-in-out;
	width: 100%;
	z-index: 100;
	box-shadow: 0 0 10px rgba(0,0,0,.2)
}
#header.nav-up {
	top: -107px
}
h1#logo {
	margin: 0;
	float:left;
}
#logo {
	float: left;
	padding: 30px 0
}
#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: 10px;
	-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 .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: #5b97d1;
	border-radius: 4px;
	border-bottom: solid 2px #336fa9
}
#back-top a {
	color: #fff;
	padding: 5px 13px;
	line-height: 30px
}
#back-top:active {
	border-bottom: none
}
#panel {
	
	background: #5b97d1;
	padding: 8px 0;
	display: none
}
.slide {
	border-top: solid 4px #5b97d1
}
.active-panel {
	background-position: right 12px
}
.slide span {
	background: #5b97d1;
	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
}
#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: 5px;
	background-color: rgba(255,255,255,.5);
	border-radius: 50%
}
#panel ul.info-right li span {
	color: #fff;
	margin-left: 1px
}
#panel ul.info-right li a {
	display: block;
	line-height: 26px
}
.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: transparent transparent #fff;
	border-width: 11px;
	margin-left: -11px
}
.searchPanel .searchForm:before {
	border-color: transparent transparent #ddd;
	border-width: 11px;
	margin-left: -12px
}
.searchPanel .searchForm.active {
	display: block;
	opacity: 1;
	top: 115px;
	right: 22px
}
.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
}
#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 .checkout {
	background: #5b97d1
}
#cart .cart-container .checkout a {
	color: #fff;
	padding: 10px;
	display: block
}
#cart .cart-container .close-btn {
	content: "\e607";
	font-family: icomoon;
	color: #5b97d1;
	font-size: 11px
}
.remove-item {
	font-size: 9px;
	float: right;
	position: absolute;
	right: 15px;
	top: 39px
}
.tp-bannertimer, .tp-bullets {
	display: none
}
.tp-leftarrow.default {
	z-index: 100;
	background: url(../images/large_left.png) no-Repeat;
	width: 60px;
	height: 60px;
	left: 50px!important;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}
.tp-leftarrow.default:hover {
	background: url(../images/large_left_hover.png) no-Repeat;
	width: 60px;
	height: 60px
}
.tp-rightarrow.default {
	z-index: 100;
	background: url(../images/large_right.png) no-Repeat;
	width: 60px;
	height: 60px;
	right: 50px!important;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}
.tp-rightarrow.default:hover {
	background: url(../images/large_right_hover.png) no-Repeat;
	width: 60px;
	height: 60px
}
.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: #5b97d1;
	font-size: 60px;
	float: left;
	line-height: 60px;
	font-weight: 300
}
.firstslide .second-span {
	color: #5b97d1;
	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: #5b97d1;
	font-size: 60px;
	float: left;
	line-height: 60px;
	font-weight: 300
}
.secondslide .second-span {
	color: #5b97d1;
	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 {
	color: #fff;
	font-size: 16px;
	line-height: 25px;
	text-align: center
}
.thirdslide .first-span {
	color: #5b97d1;
	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: #5b97d1;
	font-size: 60px;
	float: left;
	line-height: 60px;
	font-weight: 300
}
#main-menu {
	float: left;
	margin-left:50px;
}
#main-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 1
}
#main-menu>ul {
	position: relative;
	display: block;
	width: 100%;
	z-index: 500
}
#main-menu>ul>li {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0
}
#main-menu>ul>#menu-button {
	display: none
}
#main-menu ul li a {
	display: block;
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: 400
}
#main-menu>ul>li>a {
	line-height: 50px;
	font-size: 14px;
	padding: 0 16px;
	color: #000;
	text-transform: uppercase;
	-webkit-transition: color .25s ease-out;
	-moz-transition: color .25s ease-out;
	-ms-transition: color .25s ease-out;
	-o-transition: color .25s ease-out;
	transition: color .25s 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: #333;
}
#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: " ";
	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;
	left: -9999px;
	top: 10px;
	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;
	z-index: 1000
}
#main-menu ul ul ul {
	top: 0px
}
#main-menu ul ul li {
	position: relative
}
#main-menu>ul>li:hover>ul {
	left: auto;
	top: 50px;
	opacity: 1
}
#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 #5b97d1
}
#main-menu ul ul li.active:hover {
	border-right: 0
}
#main-menu ul ul li.last>a, #main-menu ul ul li:last-child>a {
	border-bottom: 1px solid #fff
}
#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
}
.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: 140px
}
.header2 .dl-menuwrapper {
	text-align: right!important;
	margin-right: 80px
}
.header3.nav-up {
	top: -120px!important
}
.header3 .btn-slide {
	display: initial
}
.header3 #panel {
	display: none
}
.header3 #logo {
	float: none;
	margin: 0 auto;
	padding: 15px 0 5px
}
.header3 #main-menu {
	text-align: center;
	float: none;
	margin-right: 65px
}
.header3 #main-menu>ul>li {
	display: inline-block;
	float: none
}
.header3 #main-menu>ul>li>a {
	line-height: 42px
}
.header3 #main-menu>ul>li:hover>ul {
	top: 42px
}
.header3 #main-menu ul ul li a {
	text-align: left
}
.header3 .searchPanel {
	margin-top: 77px
}
.header3 .searchPanel .searchForm.active {
	top: 128px;
	right: 20px
}
.header3 #cart {
	margin-top: 77px;
	padding-bottom: 14px
}
.header3 #cart:hover .cart-container {
	top: 113px
}
.header3 .logo-container {
	display: inline-block
}
.header3 .logo-container.hasinfocard:before {
	display: none
}
.header3 #infocard {
	top: 110px;
	left: -60%
}
.header3 .dl-menuwrapper {
	text-align: right!important;
	margin-right: 80px
}
.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;
	margin-right: 65px
}
.header4 #main-menu>ul>li {
	display: inline-block;
	float: none
}
.header4 #main-menu>ul>li>a {
	line-height: 51px
}
.header4 #main-menu ul ul li a {
	text-align: left
}
.header4 #main-menu>ul>li:hover>ul {
	top: 51px
}
.header4 #cart {
	margin-top: 92px;
	padding-bottom: 16px
}
.header4 .searchPanel {
	margin-top: 92px
}
.header4 .searchPanel .searchForm.active {
	top: 144px
}
.header4 #cart .cart-container {
	top: 160px
}
.header4 #cart:hover .cart-container {
	top: 130px
}
.header4 .slide {
	border-top: 0
}
.header4>#slideshow {
	margin-top: 0px!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
}
.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:not(.fillbg) #dl-menu {
	text-align: right;
	padding-top: 37px;
	margin-right: 80px
}
.dl-menuwrapper {
	text-align: right!important;
	margin-right: 80px!important;
	padding-top: 36px;
	z-index: 1000;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%
}
.dl-menuwrapper:first-child {
	margin-right: 100px
}
.dl-menuwrapper button {
	background: 0 0;
	border: none;
	width: 25px;
	height: 28px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: 0;
	padding: 0
}
.dl-menuwrapper button.dl-active, .dl-menuwrapper button:hover, .dl-menuwrapper ul {
	background: 0 0
}
.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	background: #3d3d3d;
	border-radius: 4px;
	left: 0;
	box-shadow: 0 8px 0 #3d3d3d, 0 16px 0 #3d3d3d
}
.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.dl-menuwrapper li {
	position: relative;
	background: #fafafa
}
.dl-menuwrapper ul li.active {
	background: #EEE
}
.dl-menu span.icon-angle-right.pull-right {
	position: absolute;
	right: 10px;
	font-size: 11px;
	top: 20px
}
.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #3d3d3d;
	outline: 0
}
.dl-menuwrapper li a.active {
	background: #EEE
}
.dl-menuwrapper li a.active:hover {
	border-right: 0
}
.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,.1)
}
.dl-menuwrapper li.dl-back>a {
	padding-left: 30px;
	background: rgba(0,0,0,.1)
}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li>a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: icomoon;
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\f105";
	color: #3d3d3d;
	font-size: 12px
}
.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: #3d3d3d;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.dl-menuwrapper li>a:after {
	right: 10px;
	color: rgba(0,0,0,.15)
}
.dl-menuwrapper .dl-menu {
	text-align: left;
	margin: 5px 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	display: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all .3s ease
}
.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	width: 100%;
	position: absolute;
	left: 45px;
	margin: 0;
	top: 102px;
	display: block;
}
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subview>a, .dl-menu.dl-subview li.dl-subviewopen>a, .dl-menuwrapper li .dl-submenu {
	display: none
}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu, .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
	display: block
}
.dl-menuwrapper>.dl-submenu {
	position: absolute;
	width: 100%;
	top: 102px;
	left: 0;
	margin: 0
}
.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 .4s;
	animation: MenuAnimOut1 .4s
}
@-webkit-keyframes MenuAnimOut1 {
50% {
-webkit-transform:translateZ(-250px) rotateY(30deg)
}
75% {
-webkit-transform:translateZ(-372.5px) rotateY(15deg);
opacity:.5
}
100% {
-webkit-transform:translateZ(-500px) rotateY(0deg);
opacity:0
}
}
@keyframes MenuAnimOut1 {
50% {
-webkit-transform:translateZ(-250px) rotateY(30deg);
transform:translateZ(-250px) rotateY(30deg)
}
75% {
-webkit-transform:translateZ(-372.5px) rotateY(15deg);
transform:translateZ(-372.5px) rotateY(15deg);
opacity:.5
}
100% {
-webkit-transform:translateZ(-500px) rotateY(0deg);
transform:translateZ(-500px) rotateY(0deg);
opacity:0
}
}
.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 .3s;
	animation: MenuAnimIn1 .3s
}
@-webkit-keyframes MenuAnimIn1 {
0% {
-webkit-transform:translateZ(-500px) rotateY(0deg);
opacity:0
}
20% {
-webkit-transform:translateZ(-250px) rotateY(30deg);
opacity:.5
}
100% {
-webkit-transform:translateZ(0px) rotateY(0deg);
opacity:1
}
}
@keyframes MenuAnimIn1 {
0% {
-webkit-transform:translateZ(-500px) rotateY(0deg);
transform:translateZ(-500px) rotateY(0deg);
opacity:0
}
20% {
-webkit-transform:translateZ(-250px) rotateY(30deg);
transform:translateZ(-250px) rotateY(30deg);
opacity:.5
}
100% {
-webkit-transform:translateZ(0px) rotateY(0deg);
transform:translateZ(0px) rotateY(0deg);
opacity:1
}
}
.dl-menuwrapper>.dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 .4s ease;
	animation: SubMenuAnimIn1 .4s ease
}
@-webkit-keyframes SubMenuAnimIn1 {
0% {
-webkit-transform:translateX(50%);
opacity:0
}
100% {
-webkit-transform:translateX(0px);
opacity:1
}
}
@keyframes SubMenuAnimIn1 {
0% {
-webkit-transform:translateX(50%);
transform:translateX(50%);
opacity:0
}
100% {
-webkit-transform:translateX(0px);
transform:translateX(0px);
opacity:1
}
}
.dl-menuwrapper>.dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 .4s ease;
	animation: SubMenuAnimOut1 .4s ease
}
@-webkit-keyframes SubMenuAnimOut1 {
0% {
-webkit-transform:translateX(0%);
opacity:1
}
100% {
-webkit-transform:translateX(50%);
opacity:0
}
}
@keyframes SubMenuAnimOut1 {
0% {
-webkit-transform:translateX(0%);
transform:translateX(0%);
opacity:1
}
100% {
-webkit-transform:translateX(50%);
transform:translateX(50%);
opacity:0
}
}
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
.no-js .dl-menuwrapper li .dl-submenu {
	display: block
}
.no-js .dl-menuwrapper li.dl-back {
	display: none
}
.no-js .dl-menuwrapper li>a:not(:only-child) {
	background: rgba(0,0,0,.1)
}
.no-js .dl-menuwrapper li>a:not(:only-child):after {
	content: ''
}
.welcome-message {
	position: absolute;
	width: 100%;
	top: 44%;
	text-align: center;
	z-index: 50
}
.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: 32%
}
.tp-caption {
	font-family: Roboto, Helvetica, Arial, sans-serif!important
}
.services-box span {
	float: left;
	font-size: 25px;
	color: #5b97d1;
	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
}
.services-box p {
	margin-top: 40px;
	margin-bottom: 30px
}
#featured-projects {
	background-color: #fafafa
}
#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: #5b97d1!important;
	border-bottom: solid 4px #336fa9!important;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}
.filters-nav ul li.filter-item.is-active {
	color: #fff!important;
	background: #5b97d1!important;
	border-bottom: solid 4px #336fa9!important
}
.filters-nav ul li.filter-item.is-active:last-child {
	color: #fff!important;
	background: #5b97d1!important;
	border-bottom: solid 4px #336fa9!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: #fff;
	border-bottom: solid 4px #fff;
	-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
}
.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
}
.overlay figure img {
	max-width: 100%;
	display: block;
	position: relative
}
.overlay figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	background: #5b97d1;
	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;
	margin-bottom: 25px
}
.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) no-Repeat;
	background-size: 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: 10px;
	right: 16px
}
#our-team .owl-buttons .owl-prev i {
	color: #fff;
	border: 2px solid;
	border-radius: 4px;
	padding: 13px 20px;
	position: absolute;
	right: 58px;
	font-size: 20px
}
#our-team .owl-buttons .owl-prev i:hover {
	background-color: #5b97d1;
	border: 2px solid #5b97d1
}
#our-team .owl-buttons .owl-next i {
	color: #fff;
	border: 2px solid;
	border-radius: 4px;
	padding: 13px 20px;
	position: absolute;
	right: 0;
	font-size: 20px
}
#our-team .owl-buttons .owl-next i:hover {
	background-color: #5b97d1;
	border: 2px solid #5b97d1
}
.buy {
	background: #5b97d1;
	padding: 50px 0
}
.buy h2 {
	color: #fff;
	font-size: 38px;
	line-height: 39px;
	margin-top: 0
}
.buy span {
	color: #cd1320
}
.buy h5 {
	color: #ffbbc0;
	font-size: 15px;
	font-weight: 300
}
#subscribe h2 {
	margin-top: 0
}
#subscribe h5 {
	color: #a1a1a1;
	margin-bottom: 25px
}
#subscribe input {
	background: #E4E4E4;
	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: 2.4em;
	margin-bottom: 20px;
	vertical-align: top;
	border-width: 1px;
	width: 40%;
	margin-top: 30px
}
.close {
	background: 0 0;
	border: 0;
	float: right;
	font-size: 12px
}
#amazing {
	background: #5b97d1;
	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: 70px 0
}
#feedbacks .feedbacks-header span {
	font-size: 65px;
	color: #5b97d1;
	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
}
.feedback-box {
	background: #fafafa;
	border-radius: 6px;
	padding: 35px;
	margin-bottom: 20px;
	position: relative
}
.feedback-box:hover {
	border-bottom: solid 4px #5b97d1;
	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: #fff transparent transparent;
	border-width: 5px;
	margin-left: -5px
}
.feedback-box:hover:before {
	border-color: #5b97d1 transparent transparent;
	border-width: 11px;
	margin-left: -11px
}
.feedback-box img {
	float: left
}
.feedback-box blockquote {
	color: #161616;
	background: url(../images/quotes.png) no-repeat left top;
	padding-left: 30px;
	margin-left: 120px;
	line-height: 25px
}
#services {
	padding-top: 80px;
	background: #fafafa
}
#services span {
	color: #5b97d1;
	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: 30px
}
.services-left h3, .services-left p {
	text-align: right
}
.services-right li {
	display: inline-block;
	margin-bottom: 30px
}
.services-right h3, .services-right p {
	text-align: left
}
#designed {
	background: #5b97d1;
	padding: 50px 0
}
#iCarousel-timer {
	display: none!important
}
.carousel-container {
	width: 100%;
	overflow: hidden
}
#icarousel {
	width: 490px;
	height: 400px;
	position: relative;
	margin: 20px auto;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px
}
#icarousel .slide {
	display: block;
	width: 480px;
	height: 360px
}
a.iCarouselNav {
	display: block;
	position: absolute;
	top: 178px;
	width: 43px;
	height: 43px;
	background: url(../img/arrows.html) no-repeat;
	z-index: 1000;
	text-indent: -9999px
}
a#iCarouselPrev {
	left: 10px;
	background-position: left top
}
a#iCarouselPrev:hover {
	background-position: left bottom
}
a#iCarouselNext {
	right: 10px;
	background-position: right top
}
a#iCarouselNext:hover {
	background-position: right bottom
}
#purchase {
	padding-bottom: 70px
}
#purchase p {
	color: #a1a1a1
}
#expertise {
	background: #5b97d1;
	padding: 70px 0
}
#expertise p {
	color: #ffbbc0
}
#expertise h4 {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	margin-left: 40px;
	border-bottom: 1px dashed #ff8089;
	padding-bottom: 10px
}
#expertise ul li {
	padding: 5px 0
}
#expertise span {
	color: #fff;
	font-size: 20px;
	float: left;
	margin-right: 20px
}
#designed2 {
	padding-top: 70px
}
#designed2 p {
	color: #a1a1a1
}
.designed2-margin {
	margin-top: 120px
}
#services2 {
	background: #fafafa;
	padding: 70px 0
}
#services2 span {
	color: #5b97d1;
	font-size: 25px;
	float: left
}
#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: "\e11c";
	font-family: icomoon;
	position: absolute;
	left: 120px
}
#testimonials p {
	padding: 0 200px
}
#getintouch {
	padding: 50px 0
}
#getintouch p {
	color: #aeaeae
}
#getintouch span {
	display: block
}
#getintouch ul li {
	margin-bottom: 20px
}
#map {
	width: 100%;
	height: 300px
}
#sub-header {
	background: #5b97d1;
	color: #fff;
	padding: 15px 0;
	margin-top: 106px
}
.breakingnews-date {
	float: left;
	background: rgba(255,255,255,.25);
	padding: 5px 10px;
	border-radius: 4px
}
.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
}
.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: #5b97d1
}
#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
}
#new-projects .portfolio-wrapper .portfolio-item span {
	color: #c1c1c1
}
#new-projects .portfolio-wrapper .portfolio-item span b {
	color: #3d3d3d
}
.projects-date {
	color: #5b97d1!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: #5b97d1;
	color: #fff;
	border: none;
	border: 1px solid #5b97d1
}
.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: 24px
}
#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: #5b97d1;
	color: #fff;
	border: none;
	border-bottom: solid 5px #336fa9;
	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: #5b97d1;
	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
}
#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: #5b97d1;
	color: #fff;
	text-align: center;
	padding: 70px 0
}
#testimonials2 blockquote {
	font-size: 40px;
	line-height: 50px;
	font-weight: 300;
	margin-bottom: 20px
}
#testimonials2 p {
	font-size: 16px
}
#testimonials2 .quotes {
	font-size: 22px;
	border: 2px solid;
	border-radius: 50%;
	padding: 20px;
	margin-bottom: 10px;
	display: inline-block
}
.home6 .services-box span {
	float: none;
	display: inline-block;
	margin-bottom: 20px
}
.home6 .services-box h3 {
	display: block;
	margin: 0 0 20px
}
.home6 .services-box p {
	margin: 0 0 20px
}
#produce {
	background: #fafafa;
	padding: 70px 0
}
#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/testimonials-bg.jpg) no-repeat;
	background-size: cover;
	padding: 70px 0
}
#testimonials3 blockquote {
	color: #161616;
	font-size: 20px;
	line-height: 32px;
	font-weight: 300;
	background: rgba(255,255,255,.5);
	padding: 30px 40px;
	border-radius: 4px;
	width: 450px;
	margin: 0 auto 25px;
	position: relative
}
#testimonials3 blockquote:before {
	content: "\e11c";
	font-family: icomoon;
	color: #5b97d1;
	margin-right: 10px
}
#testimonials3 blockquote:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: transparent;
	border-top-color: rgba(255,255,255,.5);
	border-width: 10px;
	margin-left: -10px
}
#testimonials3 h5 {
	color: #161616;
	font-size: 15px
}
#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: #5b97d1;
	border: 2px solid #5b97d1
}
#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: #5b97d1;
	border: 2px solid #5b97d1
}
#our-office {
	padding: 70px 0
}
#our-office h3 {
	color: #161616;
	font-size: 18px;
	margin-bottom: 30px
}
#our-office p {
	color: #a1a1a1
}
#from-blog {
	background: #fafafa;
	padding: 70px 0
}
#from-blog .blog-date {
	font-size: 32px;
	font-weight: 300;
	color: #5b97d1;
	margin-bottom: 25px;
	display: inline-block
}
#from-blog h3 {
	color: #161616;
	font-size: 16px;
	margin-bottom: 5px
}
#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: transparent transparent #fff;
	border-width: 10px;
	margin-left: -10px
}
#buy-now {
	background: #5b97d1;
	padding: 20px 0
}
#buy-now h3 {
	color: #fff;
	font-size: 27px;
	font-weight: 300;
	float: left;
	line-height: 54px;
	margin-left: 20px
}
#buy-now img {
	margin-top: 7px
}
#hello {
	background: #fafafa;
	border-bottom: solid 3px #5b97d1;
	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: #5b97d1;
	margin-right: 20px
}
#testimonials4 blockquote:after {
	top: 100%;
	left: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: #fafafa transparent transparent;
	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: #5b97d1;
	border-bottom: solid 3px #336fa9
}
#recent-works .owl-buttons .owl-prev i:hover, #testimonials4 .owl-buttons .owl-prev i:hover {
	background-color: #5b97d1
}
#recent-works .owl-buttons .owl-prev i:active, #testimonials4 .owl-buttons .owl-prev i:active {
	margin-top: 3px;
	border-bottom: solid 1px #336fa9
}
#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: #5b97d1;
	border-bottom: solid 3px #336fa9
}
#recent-works .owl-buttons .owl-next i:hover, #testimonials4 .owl-buttons .owl-next i:hover {
	background-color: #5b97d1
}
#recent-works .owl-buttons .owl-next i:active, #testimonials4 .owl-buttons .owl-next i:active {
	margin-top: 3px;
	border-bottom: solid 1px #336fa9
}
#amazing2 {
	padding: 100px 0;
	background: url(../images/amazing2bg.jpg) no-repeat center bottom;
	background-size: cover
}
#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) no-repeat center top fixed;
	padding: 70px 0
}
.services3-boxes {
	background: #fff;
	border-radius: 4px;
	padding: 30px 25px;
	margin-bottom: 20px
}
.services3-boxes span {
	font-size: 24px;
	color: #5b97d1;
	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
}
.getintouch-info p {
	color: #a1a1a1;
	margin-left: 60px
}
#services4 {
	background: url(../images/home9-bg/img1.jpg) center bottom fixed;
	padding: 70px 0
}
.services4-boxes {
	background: #fff;
	border-radius: 4px;
	padding: 25px;
	margin-bottom: 20px
}
.services4-boxes span {
	font-size: 24px;
	color: #5b97d1;
	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/home9-bg/img2.jpg) center bottom fixed;
	padding: 70px 0;
	color: #fff
}
#new-theme span {
	font-size: 26px;
	float: left
}
#new-theme h4 {
	margin-left: 40px;
	margin-bottom: 20px
}
#other-say {
	background: url(../images/home9-bg/img3.jpg) center bottom fixed;
	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;
	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
}
#why {
	background: url(../images/home9-bg/img5.jpg) center bottom fixed;
	padding: 70px 0;
	color: #fff
}
#why span {
	font-size: 20px;
	float: left;
	margin-right: 25px
}
#why h4 {
	font-size: 14px
}
#why ul li {
	background: rgba(255,255,255,.25);
	margin-bottom: 1px;
	padding: 15px 10px
}
#recent-projects {
	background: url(../images/home9-bg/img6.jpg) center bottom fixed;
	padding: 70px 0;
	color: #fff
}
#recent-projects .owl-buttons {
	position: absolute;
	top: 10px;
	right: 16px
}
#recent-projects .owl-buttons .owl-prev i {
	color: #fff;
	border: 2px solid;
	border-radius: 4px;
	padding: 13px 20px;
	position: absolute;
	right: 58px;
	font-size: 20px
}
#recent-projects .owl-buttons .owl-prev i:hover {
	background-color: #5b97d1;
	border: 2px solid #5b97d1
}
#recent-projects .owl-buttons .owl-next i {
	color: #fff;
	border: 2px solid;
	border-radius: 4px;
	padding: 13px 20px;
	position: absolute;
	right: 0;
	font-size: 20px
}
#recent-projects .owl-buttons .owl-next i:hover {
	background-color: #5b97d1;
	border: 2px solid #5b97d1
}
#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
}
.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: #5b97d1
}
.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: #5b97d1;
	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: 10px
}
.products .buy-cart {
	background: #5b97d1;
	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: #5b97d1;
	outline: 0
}
.header-breadcrumb {
	background: #f4f4f4;
	padding: 12px 0
}
.header-breadcrumb ul {
	float: right
}
.header-breadcrumb ul li {
	float: left;
	color: #161616;
	font-size: 15px;
	line-height: 34px;
	margin-right: 10px
}
.header-breadcrumb ul li:last-child {
	margin-right: 0
}
.header-breadcrumb ul li.active {
	color: #a1a1a1
}
.header-breadcrumb h2 {
	font-size: 22px;
	line-height: 35px
}
.sidebar2 img {
	float: left
}
.sidebar2 h4 {
	color: #161616;
	font-size: 13px;
	line-height: 16px;
	margin-left: 100px
}
.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: #5b97d1;
	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
}
.blog-post {
	position: relative
}
.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: #5b97d1;
	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: #5b97d1
}
.blog-video {
	width: 100%;
	height: 281px
}
.blog3 .blog-post .post-head h2 {
	font-size: 20px;
	line-height: 30px
}
.blog-post2 .btn-default {
	background: #5b97d1
}
.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
}
.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 30px;
	padding: 130px 0 0;
	height: 140px;
	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!important;
	margin-bottom: 30px
}
}

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

@media (max-width:768px) {
.portfolio2 #portfolio-filters {
	text-align: center
}
.ch-grid li {
	width: 290px;
	height: 290px
}
}
#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
}
#wrapper {
	position: relative
}
#carousel-wrapper {
	padding-bottom: 1px;
	position: relative
}
#carousel, #thumbs {
	overflow: hidden
}
#carousel img, #carousel span, #thumbs a, #thumbs img {
	display: block;
	float: left
}
#carousel a, #carousel span, #thumbs a, #thumbs span {
	position: relative
}
#carousel img, #thumbs img {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}
#carousel img.glare, #thumbs img.glare {
	width: 102%;
	height: auto;
	display: none
}
#carousel span {
	width: 554px;
	height: 313px
}
#thumbs a {
	width: 150px;
	height: 100px;
	margin: 0 1px;
	overflow: hidden
}
#next, #prev {
	background: url(../images/carousel_nav.png) no-repeat;
	display: block;
	width: 35px;
	height: 35px;
	margin-top: -10px;
	position: absolute;
	top: 37%
}
#prev {
	background-position: 0 0;
	left: 5px
}
#next {
	background-position: -35px 0;
	right: 4px
}
#prev:hover {
	background-position: 0 -35px
}
#next:hover {
	background-position: -35px -35px
}
#next.hidden, #prev {
	display: block!important;
	visibility: visible!important
}
#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: #5b97d1;
	border-bottom: solid 3px #336fa9
}
#recent-works2 .owl-buttons .owl-prev i:hover {
	background-color: #5b97d1
}
#recent-works2 .owl-buttons .owl-prev i:active {
	margin-top: 3px;
	border-bottom: solid 1px #336fa9
}
#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: #5b97d1;
	border-bottom: solid 3px #336fa9
}
#recent-works2 .owl-buttons .owl-next i:hover {
	background-color: #5b97d1
}
#recent-works2 .owl-buttons .owl-next i:active {
	margin-top: 3px;
	border-bottom: solid 1px #336fa9
}
input.searchBox {
	border: 1px solid #e5e4e4;
	height: 35px;
	width: 200px
}
.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%, #5b97d1 41%, #5b97d1 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff757e), color-stop(41%, #ff757e), color-stop(41%, #ff757e), color-stop(41%, #5b97d1), color-stop(100%, #5b97d1));
	background: -webkit-linear-gradient(-45deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #5b97d1 41%, #5b97d1 100%);
	background: -o-linear-gradient(-45deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #5b97d1 41%, #5b97d1 100%);
	background: -ms-linear-gradient(-45deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #5b97d1 41%, #5b97d1 100%);
	background: linear-gradient(148deg, #ff757e 0, #ff757e 41%, #ff757e 41%, #5b97d1 41%, #5b97d1 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: #5b97d1;
	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 {
	border: 1px solid #e5e4e4;
	padding: 12px 15px;
	width: 280px;
	margin-right: 5px;
	outline: 0;
	margin-bottom: 10px;
	height: 45px
}
.coming-soon .btn2 {
	padding: 10px 55px
}
.coming-soon .btn-2 {
	box-shadow: 0 4px #336fa9
}
.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: #5b97d1;
	font-weight: 100;
	padding: 10px 24px 36px;
	background: #FFF;
	border: 1px solid #5b97d1;
	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: #5b97d1;
	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: #5b97d1;
	font-size: 11px;
	margin-right: 5px
}
ul.activity li p {
	display: inline-block
}
.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: #5b97d1;
	border-bottom: solid 3px #336fa9
}
.latest-projects .owl-buttons .owl-prev i:hover {
	background-color: #5b97d1
}
.latest-projects .owl-buttons .owl-prev i:active {
	margin-top: 3px;
	border-bottom: solid 1px #336fa9
}
.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: #5b97d1;
	border-bottom: solid 3px #336fa9
}
.latest-projects .owl-buttons .owl-next i:hover {
	background-color: #5b97d1
}
.latest-projects .owl-buttons .owl-next i:active {
	margin-top: 3px;
	border-bottom: solid 1px #336fa9
}
.latest-projects h4 {
	color: #161616;
	font-size: 16px
}
.contact #contact_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 input:hover {
	border-color: #bbb
}
.contact #contact_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 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 textarea:hover {
	border-color: #bbb
}
.contact #contact_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: #5b97d1;
	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
}
.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: #5b97d1;
	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
}
.text_page .blockquote-left {
	padding: 5px 10px 5px 0;
	margin: 10px 15px 10px 0;
	font-size: 17.5px;
	border-right: 5px solid #5b97d1;
	color: #161616;
	line-height: 25px;
	width: 330px;
	float: left
}
.text_page .blockquote-right {
	padding: 5px 0 5px 25px;
	margin: 10px 0 10px 15px;
	font-size: 17.5px;
	border-left: 5px solid #5b97d1;
	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: 60%
}
.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;
	background-size: cover
}
.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: #5b97d1;
	border-radius: 50%;
	border: 1px solid;
	padding: 31px;
	display: inline-block;
	margin-bottom: 20px
}
.custom-box-4 {
	background: #5b97d1;
	padding: 50px
}
.custom-box-4 span {
	float: left;
	font-size: 25px;
	color: #fff;
	border-radius: 50%;
	border: 1px solid;
	padding: 31px
}
.custom-box-4 .line {
	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
}
.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: #5b97d1;
	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;
	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;
	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: 30px
}
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: #5b97d1
}
::-moz-selection {
color:#fff;
background:#5b97d1
}
.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 #5b97d1;
	color: #161616
}
.firstcharacter {
	float: left;
	color: #5b97d1;
	font-size: 43px;
	line-height: 43px;
	margin-right: 5px
}
.firstcharacter2 {
	float: left;
	color: #fff;
	background: #5b97d1;
	font-size: 40px;
	line-height: 40px;
	margin-right: 10px;
	padding: 2px 9px
}
.buttons-intro {
	background: #5b97d1;
	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;
	color: #161616;
	box-shadow: 0 6px #e8e8e8;
	font-weight: 400
}
.simple-btn:hover {
	color: #161616;
	box-shadow: 0 4px #e8e8e8
}
.simple-btn:active {
	box-shadow: 0 0 #e8e8e8;
	top: 6px;
	border: none
}
.small-salmon {
	background: salmon;
	box-shadow: 0 4px #d36e62;
	color: #fff;
	padding: 8px 20px
}
.small-salmon:hover {
	color: #fff;
	box-shadow: 0 2px #d36e62
}
.small-salmon:active {
	box-shadow: 0 0 #d36e62;
	top: 4px;
	border: none
}
.small-dodger {
	background: #1e90ff;
	box-shadow: 0 4px #1c7bd8;
	color: #fff;
	padding: 8px 20px
}
.small-dodger:hover {
	color: #fff;
	box-shadow: 0 2px #1c7bd8
}
.small-dodger:active {
	box-shadow: 0 0 #1c7bd8;
	top: 4px;
	border: none
}
.small-sea-green {
	background: #8fbc8f;
	box-shadow: 0 4px #7aa07a;
	color: #fff;
	padding: 8px 20px
}
.small-sea-green:hover {
	color: #fff;
	box-shadow: 0 2px #7aa07a
}
.small-sea-green:active {
	box-shadow: 0 0 #7aa07a;
	top: 4px;
	border: none
}
.small-pale {
	background: #db7093;
	box-shadow: 0 4px #ba617e;
	color: #fff;
	padding: 8px 20px
}
.small-pale:hover {
	color: #fff;
	box-shadow: 0 2px #ba617e
}
.small-pale:active {
	box-shadow: 0 0 #ba617e;
	top: 4px;
	border: none
}
.small-slate {
	background: #708090;
	box-shadow: 0 4px #616e7b;
	color: #fff;
	padding: 8px 20px
}
.small-slate:hover {
	color: #fff;
	box-shadow: 0 2px #616e7b
}
.small-slate:active {
	box-shadow: 0 0 #616e7b;
	top: 4px;
	border: none
}
.medium-teal {
	background: teal;
	box-shadow: 0 4px #046e6e;
	color: #fff;
	padding: 8px 25px
}
.medium-teal:hover {
	color: #fff;
	box-shadow: 0 2px #046e6e
}
.medium-teal:active {
	box-shadow: 0 0 #046e6e;
	top: 4px;
	border: none
}
.medium-pink {
	background: #f96;
	box-shadow: 0 4px #d88358;
	color: #fff;
	padding: 8px 25px
}
.medium-pink:hover {
	color: #fff;
	box-shadow: 0 2px #d88358
}
.medium-pink:active {
	box-shadow: 0 0 #d88358;
	top: 4px;
	border: none
}
.medium-sky {
	background: #87ceeb;
	box-shadow: 0 4px #74afc7;
	color: #fff;
	padding: 8px 25px
}
.medium-sky:hover {
	color: #fff;
	box-shadow: 0 2px #74afc7
}
.medium-sky:active {
	box-shadow: 0 0 #74afc7;
	top: 4px;
	border: none
}
.medium-robin {
	background: #0cc;
	box-shadow: 0 4px #04adad;
	color: #fff;
	padding: 8px 25px
}
.medium-robin:hover {
	color: #fff;
	box-shadow: 0 2px #04adad
}
.medium-robin:active {
	box-shadow: 0 0 #04adad;
	top: 4px;
	border: none
}
.medium-slate-blue {
	background: #6a5acd;
	box-shadow: 0 4px #5c4eae;
	color: #fff;
	padding: 8px 25px
}
.medium-slate-blue:hover {
	color: #fff;
	box-shadow: 0 2px #5c4eae
}
.medium-slate-blue:active {
	box-shadow: 0 0 #5c4eae;
	top: 4px;
	border: none
}
.large-royal {
	background: #4169e1;
	box-shadow: 0 4px #3a5bbf;
	color: #fff;
	padding: 10px 30px
}
.large-royal:hover {
	color: #fff;
	box-shadow: 0 2px #3a5bbf
}
.large-royal:active {
	box-shadow: 0 0 #3a5bbf;
	top: 4px;
	border: none
}
.large-rosy {
	background: #bc8f8f;
	box-shadow: 0 4px #a07a7a;
	color: #fff;
	padding: 10px 30px
}
.large-rosy:hover {
	color: #fff;
	box-shadow: 0 2px #a07a7a
}
.large-rosy:active {
	box-shadow: 0 0 #a07a7a;
	top: 4px;
	border: none
}
.large-mountbatten {
	background: #997a8d;
	box-shadow: 0 4px #836979;
	color: #fff;
	padding: 10px 30px
}
.large-mountbatten:hover {
	color: #fff;
	box-shadow: 0 2px #836979
}
.large-mountbatten:active {
	box-shadow: 0 0 #836979;
	top: 4px;
	border: none
}
.large-pale {
	background: #abcdef;
	box-shadow: 0 4px #92aeca;
	color: #fff;
	padding: 10px 30px
}
.large-pale:hover {
	color: #fff;
	box-shadow: 0 2px #92aeca
}
.large-pale:active {
	box-shadow: 0 0 #92aeca;
	top: 4px;
	border: none
}
.small-outline {
	background: #fff;
	color: #a1a1a1;
	border: 1px solid #dedede;
	box-shadow: none;
	padding: 8px 20px
}
.small-outline:hover {
	box-shadow: none;
	color: #a1a1a1;
	top: 0
}
.small-outline:active {
	border: 1px solid #dedede;
	box-shadow: none;
	top: 0
}
.medium-outline {
	background: #fff;
	color: #a1a1a1;
	border: 1px solid #dedede;
	box-shadow: none;
	padding: 10px 25px
}
.medium-outline:hover {
	box-shadow: none;
	color: #a1a1a1;
	top: 0
}
.medium-outline:active {
	border: 1px solid #dedede;
	box-shadow: none;
	top: 0
}
.large-outline {
	background: #fff;
	color: #a1a1a1;
	border: 1px solid #dedede;
	box-shadow: none;
	padding: 12px 25px
}
.large-outline:hover {
	box-shadow: none;
	color: #a1a1a1;
	top: 0
}
.large-outline:active {
	border: 1px solid #dedede;
	box-shadow: none;
	top: 0
}
.small-2d-salmon {
	background: salmon;
	box-shadow: none;
	color: #fff;
	padding: 8px 20px
}
.small-2d-salmon:hover {
	background: #d36e62;
	color: #fff;
	box-shadow: none;
	top: 0
}
.small-2d-salmon:active {
	background: #d36e62;
	box-shadow: none;
	top: 0;
	border: none
}
.small-2d-dodger {
	background: #1e90ff;
	box-shadow: none;
	color: #fff;
	padding: 8px 20px
}
.small-2d-dodger:hover {
	background: #1c7bd8;
	color: #fff;
	box-shadow: none;
	top: 0
}
.small-2d-dodger:active {
	background: #1c7bd8;
	box-shadow: none;
	top: 0;
	border: none
}
.small-2d-sea-green {
	background: #8fbc8f;
	box-shadow: none;
	color: #fff;
	padding: 8px 20px
}
.small-2d-sea-green:hover {
	background: #7aa07a;
	color: #fff;
	box-shadow: none;
	top: 0
}
.small-2d-sea-green:active {
	background: #7aa07a;
	box-shadow: none;
	top: 0;
	border: none
}
.small-2d-pale {
	background: #db7093;
	box-shadow: none;
	color: #fff;
	padding: 8px 20px
}
.small-2d-pale:hover {
	background: #ba617e;
	color: #fff;
	box-shadow: none;
	top: 0
}
.small-2d-pale:active {
	background: #ba617e;
	box-shadow: none;
	top: 0;
	border: none
}
.small-2d-slate {
	background: #708090;
	box-shadow: none;
	color: #fff;
	padding: 8px 20px
}
.small-2d-slate:hover {
	background: #616e7b;
	color: #fff;
	box-shadow: none;
	top: 0
}
.small-2d-slate:active {
	background: #616e7b;
	box-shadow: none;
	top: 0;
	border: none
}
.medium-2d-teal {
	background: teal;
	box-shadow: none;
	color: #fff;
	padding: 8px 25px
}
.medium-2d-teal:hover {
	background: #046e6e;
	color: #fff;
	box-shadow: none;
	top: 0
}
.medium-2d-teal:active {
	background: #046e6e;
	box-shadow: none;
	top: 0;
	border: none
}
.medium-2d-pink {
	background: #f96;
	box-shadow: none;
	color: #fff;
	padding: 8px 25px
}
.medium-2d-pink:hover {
	background: #d88358;
	color: #fff;
	box-shadow: none;
	top: 0
}
.medium-2d-pink:active {
	background: #d88358;
	box-shadow: none;
	top: 0;
	border: none
}
.medium-2d-sky {
	background: #87ceeb;
	box-shadow: none;
	color: #fff;
	padding: 8px 25px
}
.medium-2d-sky:hover {
	background: #74afc7;
	color: #fff;
	box-shadow: none;
	top: 0
}
.medium-2d-sky:active {
	background: #74afc7;
	box-shadow: none;
	top: 0;
	border: none
}
.medium-2d-robin {
	background: #0cc;
	box-shadow: none;
	color: #fff;
	padding: 8px 25px
}
.medium-2d-robin:hover {
	background: #04adad;
	color: #fff;
	box-shadow: none;
	top: 0
}
.medium-2d-robin:active {
	background: #04adad;
	box-shadow: none;
	top: 0;
	border: none
}
.medium-2d-slate-blue {
	background: #6a5acd;
	box-shadow: none;
	color: #fff;
	padding: 8px 25px
}
.medium-2d-slate-blue:hover {
	background: #5c4eae;
	color: #fff;
	box-shadow: none;
	top: 0
}
.medium-2d-slate-blue:active {
	background: #5c4eae;
	box-shadow: none;
	top: 0;
	border: none
}
.large-2d-royal {
	background: #4169e1;
	box-shadow: none;
	color: #fff;
	padding: 10px 30px
}
.large-2d-royal:hover {
	background: #3a5bbf;
	color: #fff;
	box-shadow: none;
	top: 0
}
.large-2d-royal:active {
	background: #3a5bbf;
	box-shadow: none;
	top: 0;
	border: none
}
.large-2d-rosy {
	background: #bc8f8f;
	box-shadow: none;
	color: #fff;
	padding: 10px 30px
}
.large-2d-rosy:hover {
	background: #a07a7a;
	color: #fff;
	box-shadow: none;
	top: 0
}
.large-2d-rosy:active {
	background: #a07a7a;
	box-shadow: none;
	top: 0;
	border: none
}
.large-2d-mountbatten {
	background: #997a8d;
	box-shadow: none;
	color: #fff;
	padding: 10px 30px
}
.large-2d-mountbatten:hover {
	background: #836979;
	color: #fff;
	box-shadow: none;
	top: 0
}
.large-2d-mountbatten:active {
	background: #836979;
	box-shadow: none;
	top: 0;
	border: none
}
.large-2d-pale {
	background: #abcdef;
	box-shadow: none;
	color: #fff;
	padding: 10px 30px
}
.large-2d-pale:hover {
	background: #92aeca;
	color: #fff;
	box-shadow: none;
	top: 0
}
.large-2d-pale:active {
	background: #92aeca;
	box-shadow: none;
	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: #5b97d1;
	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: #5b97d1;
	color: #fff;
	border-radius: 0
}
.panel-heading.with-bg h4.panel-title:after {
	background: #fff;
	color: #5b97d1
}
.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: #5b97d1;
	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: 183px;
	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: #5b97d1;
	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: #5b97d1
}
.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: #5b97d1;
	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: #5b97d1;
	border-bottom: solid 3px #336fa9
}
.related-products-carousel .owl-buttons .owl-prev i:hover {
	background-color: #5b97d1
}
.related-products-carousel .owl-buttons .owl-prev i:active {
	margin-top: 3px;
	border-bottom: solid 1px #336fa9
}
.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: #5b97d1;
	border-bottom: solid 3px #336fa9
}
.related-products-carousel .owl-buttons .owl-next i:hover {
	background-color: #5b97d1
}
.related-products-carousel .owl-buttons .owl-next i:active {
	margin-top: 3px;
	border-bottom: solid 1px #336fa9
}
.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: #5b97d1;
	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
}
.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
}
.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: #5b97d1;
	line-height: 30px
}
.laptop-mask {
	position: relative;
	max-width: 601px;
	padding-bottom: 0;
	padding-top: 57.23%;
	height: 0;
	margin: 0 auto
}
.laptop-mask .flexslider {
	position: absolute;
	top: 26px;
	left: 17.9%;
	right: 11.4%;
	bottom: 0;
	overflow: hidden;
	max-width: 387px
}
.laptop-mask:after {
	background: url(../images/laptop-slider/laptop.png) no-repeat 50% 0;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: 100%
}
.support-box {
	background: #f4f4f4;
	border: 1px solid #e0e0e0;
	padding: 30px;
	margin-bottom: 50px
}
.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: #313338;
	border-top: solid 7px #5b97d1;
	padding-top: 100px;
	padding-bottom: 100px
}
.copyright {
	font-size: 11px;
	color: #a1a1a1;
	line-height: 17px
}
footer {
	padding: 50px 0;
	color: #161616
}
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: #5b97d1;
	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
}
.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: #5b97d1;
	font-size: 11px;
	margin-right: 5px
}
.footer-style2 {
	border-top: solid 6px #5b97d1
}
.footer-style3 {
	background: #5b97d1;
	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
}
.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
}
.grabbing {
	cursor: url(grabbing.html) 8 8, move
}
.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: #cd3a44
}
.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-icond41d.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
}
}