body,
html {
    scroll-behavior: smooth;
	margin: 0;
	padding: 0;
}
.page-section{font-size:15px;}
.breadcrumbs,
.page-sub-title,
.page-title,
.page-title-font-big,
.port-filter,
.port-title-cont span a,
.select-md,
.shop-info h6,
.tags a,
.uppercase,
.widget-title {
	text-transform: uppercase
}

.customNavigation a,
.owl-controls {
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-tap-highlight-color: transparent
}

.customNavigation a,
.mfp-arrow,
.owl-controls {
	-webkit-tap-highlight-color: transparent
}

#main-menu .sub a,
.header .primary .sub a,
.port-filter a,
.port-filter a:hover,
.tags a,
.work-navigation a,
a,
button {
	text-decoration: none
}

.fs-header,
.fs-parent .open-sub:before,
.fs-primary-nav li {
	-moz-osx-font-smoothing: grayscale
}

#loader-overflow {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 99999
}

#loader3 {
	will-change: transform;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	background-color: #b6b6b7;
	border-radius: 50%;
	-webkit-animation: scaleout 1.1s infinite ease-in-out;
	animation: scaleout 1.1s infinite ease-in-out;
	text-indent: -99999px;
	z-index: 999991
}

abbr,
acronym,
body,
fieldset,
img {
	border: 0
}

@-webkit-keyframes scaleout {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0)
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0
	}
}

@keyframes scaleout {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 0
	}
	40% {
		opacity: 1
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

a,
abbr,
acronym,
address,
applet,
b,
big,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
object,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}

:focus {
	outline: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: 400
}

caption,
th {
	text-align: left
}

.client1-item,
.fes1-img-cont,
.google-map-container,
.local-scroll-cont,
.member,
.port-view-more-cont-dark,
.sale-label,
.shop-add-btn,
.video-ads-text-cont {
	text-align: center
}

q:after,
q:before {
	content: ''
}

body {
	outline: 0;
	vertical-align: baseline;
	font-size: 14px;
	line-height: 25px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #7e8082;
	background-color: #fff;
	-webkit-font-smoothing: antialiased!important;
	-webkit-text-size-adjust: 100%!important
}

.section-more .icon,
.sm-cont-middle,
table.shopping-cart-table tr td,
table.shopping-cart-table tr th {
	vertical-align: middle
}

.bold {
	font-weight: 700
}

.font-light {
	font-weight: 100
}

.font-norm {
	font-weight: 400!important
}

::selection {
	background-color: #d3d3d3;/* changed #ffea00*/
	color: #4b4e53
}

::-moz-selection {
	background-color: #d3d3d3;/* changed #ffea00*/
	color: #4b4e53
}

.relative {
	position: relative
}

.gsc-selected-option-container.gsc-inline-block {
	width: auto!important
}

.cd-main-content,
.cd-main-header {
	position: relative;
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform
}

@media only screen and (max-width:1169px) {
	.cd-main-content.nav-is-visible,
	.cd-main-header.nav-is-visible {
		-webkit-transform: translateX(-260px);
		-moz-transform: translateX(-260px);
		-ms-transform: translateX(-260px);
		-o-transform: translateX(-260px);
		transform: translateX(-260px)
	}
	.nav-on-left .cd-main-content.nav-is-visible,
	.nav-on-left .cd-main-header.nav-is-visible {
		-webkit-transform: translateX(260px);
		-moz-transform: translateX(260px);
		-ms-transform: translateX(260px);
		-o-transform: translateX(260px);
		transform: translateX(260px)
	}
}

.affix .cd-header-buttons,
.cd-header-buttons {
	transition: top .4s ease 0s;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0)
}

.cd-main-content {
	background: #e2e3df;
	min-height: 100vh;
	z-index: 2
}

.cd-main-header {
	height: 50px;
	background: #fff;
	z-index: 3
}

.nav-is-fixed .cd-main-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}

@media only screen and (min-width:1170px) {
	.cd-main-header {
		height: 80px
	}
	.cd-main-header:after {
		content: "";
		display: table;
		clear: both
	}
}

.cd-logo {
	position: absolute;
	top: 12px;
	left: 5%
}

.cd-logo img {
	display: block
}

.cd-header-buttons,
.cd-header-buttons li {
	display: inline-block
}

@media only screen and (max-width:1169px) {
	.nav-on-left .cd-logo {
		left: auto;
		right: 5%
	}
}

@media only screen and (min-width:1170px) {
	.cd-logo {
		top: 26px;
		left: 4em
	}
}

.cd-header-buttons {
	position: absolute;
	padding: 0;
	top: 26px;
	right: 35px;
	z-index: 29;
	transform: translateZ(0)
}

.affix .cd-header-buttons {
	top: 10px;
	color: #8b8c8e;
	transform: translateZ(0)
}

@media only screen and (max-width:1169px) {
	.nav-on-left .cd-header-buttons {
		right: auto;
		left: 5%
	}
	.nav-on-left .cd-header-buttons li {
		float: right
	}
}

.cd-nav-trigger,
.cd-search-trigger {
	position: relative;
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	white-space: nowrap;
	color: transparent;
	z-index: 3
}

.cd-search-trigger::after,
.cd-search-trigger::before {
	content: '';
	position: absolute;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.cd-search-trigger::before {
	top: 11px;
	left: 11px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #4b4e53
}

.black-header .cd-search-trigger::before {
	border: 2px solid rgba(255, 255, 255, .8)
}

.cd-search-trigger::after {
	height: 1px;
	width: 8px;
	background: #4b4e53;
	bottom: 16px;
	right: 13px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.cd-search,
.cd-search-trigger span::after,
.cd-search-trigger span::before {
	position: absolute;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0)
}

.black-header .cd-search-trigger::after {
	background: rgba(255, 255, 255, .8);
	height: 2px
}

.cd-search-trigger span {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

.cd-search-trigger span::after,
.cd-search-trigger span::before {
	content: '';
	display: inline-block;
	height: 2px;
	width: 22px;
	top: 50%;
	margin-top: -2px;
	left: 50%;
	margin-left: -11px;
	background: #4b4e53;
	opacity: 0;
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity .3s, -webkit-transform .3s;
	-moz-transition: opacity .3s, -moz-transform .3s;
	transition: opacity .3s, transform .3s
}

.btn-5,
.cd-overlay {
	-webkit-backface-visibility: hidden
}

.cd-search-trigger span::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.cd-search-trigger span::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.cd-search-trigger.search-is-visible::after,
.cd-search-trigger.search-is-visible::before {
	opacity: 0
}

.cd-search-trigger.search-is-visible span::after,
.cd-search-trigger.search-is-visible span::before {
	opacity: 1
}

.cd-search-trigger.search-is-visible span::before {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}

.cd-search-trigger.search-is-visible span::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.cd-search {
	width: 100%;
	left: 0;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s, height .4s ease 0s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s, height .4s ease 0s;
	transition: opacity .3s 0s, visibility 0s .3s, height .4s ease 0s;
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

.cd-overlay,
.nav-is-fixed .cd-search {
	position: fixed
}

#main-menu .navbar .nav>li>a,
.cd-search.is-visible {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0)
}

.cd-search form {
	height: 100%;
	width: 100%
}

.cd-search input {
	border-radius: 0;
	border: none;
	background: #fff;
	height: 100%;
	width: 100%;
	padding: 0 40px;
	box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, .05);
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size: 24px;
	line-height: 28px;
	font-weight: 300
}

.cd-search input:-ms-input-placeholder,
.cd-search input::-moz-placeholder,
.cd-search input::-webkit-input-placeholder {
	color: #7f7f7f
}

.cd-search input:focus {
	outline: 0
}

.cd-search.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s, height .4s ease 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s, height .4s ease 0s;
	transition: opacity .3s 0s, visibility 0s 0s, height .4s ease 0s;
	transform: translateZ(0);
	z-index: 28
}

.cd-search {
	height: 100px;
	top: 0
}

.affix .cd-search {
	height: 60px
}

.cd-overlay {
	z-index: 2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	background-color: rgba(105, 170, 111, .8);
	visibility: hidden;
	opacity: 0;
	backface-visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s, -webkit-transform .3s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s, -moz-transform .3s 0s;
	transition: opacity .3s 0s, visibility 0s .3s, transform .3s 0s
}

.btn-5,
.btn-5 .button-text-anim {
	-moz-backface-visibility: hidden
}

.cd-overlay.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s, -webkit-transform .3s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s, -moz-transform .3s 0s;
	transition: opacity .3s 0s, visibility 0s 0s, transform .3s 0s
}

@media only screen and (max-width:1169px) {
	.cd-overlay.is-visible {
		-webkit-transform: translateX(-260px);
		-moz-transform: translateX(-260px);
		-ms-transform: translateX(-260px);
		-o-transform: translateX(-260px);
		transform: translateX(-260px)
	}
	.nav-on-left .cd-overlay.is-visible {
		-webkit-transform: translateX(260px);
		-moz-transform: translateX(260px);
		-ms-transform: translateX(260px);
		-o-transform: translateX(260px);
		transform: translateX(260px)
	}
	.cd-overlay.is-visible.search-is-visible,
	.nav-on-left .cd-overlay.is-visible.search-is-visible {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
}

.no-js .cd-primary-nav {
	position: relative;
	height: auto;
	width: 100%;
	overflow: visible;
	visibility: visible;
	z-index: 2
}

.no-js .cd-search {
	position: relative;
	top: 0;
	opacity: 1;
	visibility: visible
}

@media only screen and (min-width:1170px) {
	.no-js .cd-primary-nav {
		position: absolute;
		z-index: 3;
		display: inline-block;
		width: auto;
		top: 0;
		right: 150px;
		padding: 0
	}
	.no-js .nav-is-fixed .cd-primary-nav {
		position: fixed
	}
}

.page-section,
.rs-fullscr-container {
	display: block;
	overflow: hidden
}

.page-section,
.rs-fullscr-container,
.tp-banner {
	width: 100%;
	position: relative
}

.dark-bg {
	background: #303236
}

.tp-banner-fullscreen-container {
	width: 100%;
	position: relative;
	padding: 0
}

.rs-fullscr-container .tp-leftarrow,
.rs-fullscr-container .tp-rightarrow {
	z-index: 27
}

.tparrows.preview4 .tp-arr-titleholder {
	font-weight: 400
}

.rs-fullscr-container {
	padding: 0
}

.tp-caption.dark-light-32 {
	color: #4b4e53;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 32px;
	line-height: 32px;
	font-weight: 300
}

.tp-caption.dark-black-100,
.tp-caption.dark-light-100 {
	color: #4b4e53;
	font-size: 100px;
	line-height: 100px;
	font-family: Lato, Arial, Helvetica, sans-serif
}

.tp-caption.dark-black-100 {
	font-weight: 900
}

.tp-caption.dark-light-100 {
	font-weight: 300
}

.slider-1-cap-line {
	height: 3px;
	width: 100px;
	background-color: #4b4e53
}

.slider-bg-white-cap {
	display: none;
	visibility: hidden
}

.font-white,
.font-white a {
	color: #fff!important
}

.light-60-wide,
.light-69-wide,
.light-70-wide,
.light-72-wide,
.light-73-wide {
	font-weight: 300;
	color: #4b4e53
}

.light-73-wide {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 73px;
	line-height: 73px;
	letter-spacing: 24px;
}

.light-72-wide {
	font-family: Lato, Arial, Helvetica, sans-serif;
/* 	font-size: 72px;
	line-height: 72px;
	letter-spacing: 25px; */ /* changed */
	font-size: 48px;
    line-height: 72px;
    letter-spacing: 3px;
}

.light-70-wide {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 70px;
	line-height: 70px;
	letter-spacing: 24px
}

.light-69-wide {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 69px;
	line-height: 69px;
	letter-spacing: 20px
}

.light-60,
.light-60-wide {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 60px;
	line-height: 60px
}

.light-60-wide {
	letter-spacing: 15px
}

.light-60 {
	font-weight: 300;
	color: #4b4e53
}

.light-52-wide,
.light-56-wide {
	line-height: 56px;
	color: #4b4e53;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 300
}

.light-56-wide {
	font-size: 56px;
	letter-spacing: 25px
}

.light-52-wide {
	font-size: 54px;
	letter-spacing: 10px
}

.light-50-wide {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 50px;
	line-height: 64px;
	font-weight: 300;
	letter-spacing: 3px;
	color: #4b4e53
}

.light-42-wide,
.norm-42-wide {
	font-size: 42px;
	color: #4b4e53
}

.light-42-wide,
.norm-40-wide,
.norm-42-wide {
	font-family: Lato, Arial, Helvetica, sans-serif;
	line-height: 46px;
	letter-spacing: 2px
}

.light-42-wide {
	font-weight: 300
}

.norm-40-wide {
	font-size: 40px;
	color: #4b4e53
}

.norm-16,
.norm-16-wide {
	font-size: 16px;
	color: #4b4e53;
	font-family: Lato, Arial, Helvetica, sans-serif
}

.norm-16-wide {
	line-height: 18px;
	font-weight: 300;
	letter-spacing: 3px
}

.norm-16 {
	line-height: 25px;
	font-weight: 400
}

.w-50 {
	width: 50%
}

.a-100,
.a-100 span {
	font-size: 100px;
	line-height: 100px
}

@media only screen and (max-width :478px) {
	.slider-bg-white-cap {
		display: block;
		visibility: visible;
		height: 240px;
		width: 1500px;
		background-color: rgba(255, 255, 255, .9)
	}
	.tp-left {
		left: 60px!important
	}
	.tp-caption.center-0-478 {
		left: 50%!important;
		-webkit-transform: translateX(-50%)!important;
		-moz-transform: translateX(-50%)!important;
		-ms-transform: translateX(-50%)!important;
		-o-transform: translateX(-50%)!important;
		transform: translateX(-50%)!important;
		-transform: translateZ(0)
	}
	.hide-0-736 {
		display: none;
		visibility: hidden
	}
	.dark-light-61.tp-resp-24 {
		top: 44%!important
	}
	.dark-light-54.tp-resp-24 {
		top: 49%!important
	}
	.dark-black-63.tp-resp-24 {
		top: 54%!important
	}
	.dark-light-60.tp-resp-24 {
		top: 42%!important
	}
	.dark-black-60.tp-resp-24 {
		top: 47%!important
	}
}

@media only screen and (max-width :736px) {
	.fs16-when-0-736 {
		font-size: 16px!important;
		line-height: 16px!important
	}
	.fs24-when-0-736 {
		font-size: 24px!important;
		line-height: 24px!important
	}
}

@media only screen and (min-width :479px) and (max-width :736px) {
	.hide-0-736,
	.hide-479-736 {
		display: none!important;
		visibility: hidden
	}
}

.tp-caption.dark-light-61 {
	color: #4b4e53;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 61px;
	font-weight: 300;
	letter-spacing: 7px
}

.tp-caption.dark-black-63 {
	color: #4b4e53;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 63px;
	font-weight: 900;
	letter-spacing: 5px
}

.tp-caption.dark-light-54 {
	color: #4b4e53;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 54px;
	font-weight: 300;
	letter-spacing: 7px
}

.tp-caption.dark-black-60,
.tp-caption.dark-light-60 {
	font-size: 75px;
	line-height: 85px;
	font-family: Lato, Arial, Helvetica, sans-serif;
	color: #4b4e53
}

.tp-caption.dark-light-60 {
	font-weight: 300
}

.tp-caption.dark-black-60 {
	font-weight: 900
}

.local-scroll-cont {
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
	z-index: 20;
	-webkit-animation: scroll-down-anim ease-in-out 1s infinite;
	-moz-animation: scroll-down-anim ease-in-out 1s infinite;
	-o-animation: scroll-down-anim ease-in-out 1s infinite;
	animation: scroll-down-anim ease-in-out 1s infinite
}

.scroll-down {
	color: #4b4e53;
	font-size: 32px
}

@-webkit-keyframes scroll-down-anim {
	0%,
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-moz-keyframes scroll-down-anim {
	0%,
	100% {
		-moz-transform: translateY(-8px);
		transform: translateY(-8px)
	}
	50% {
		-moz-transform: translateY(0);
		transform: translateY(0)
	}
}

@-o-keyframes scroll-down-anim {
	0%,
	100% {
		-o-transform: translateY(-8px);
		transform: translateY(-8px)
	}
	50% {
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes scroll-down-anim {
	0%,
	100% {
		transform: translateY(-8px)
	}
	50% {
		transform: translateY(0)
	}
}

img,
img.scale-with-grid,
video {
	max-width: 100%;
	height: auto
}

.logo-row {
	position: relative;
	width: 133px;
	z-index: 1
}

.header-transporent-bg-black {
	background: #303236
}

.fes1-cont {
	padding-top: 130px;
	padding-bottom: 110px
}

.fes1-main-title-cont {
	margin: 30px 0 40px
}

.title-fs-60 {
	color: #4b4e53;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 60px;
	line-height: 60px;
	font-weight: 300
}

.fes1-box h3,
.fes4-title-cont h3,
.title-18 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif
}

.line-3-100 {
	margin-top: 15px;
	height: 3px;
	width: 100px;
	background: #4b4e53
}

.fes2-img,
.fes3-img {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;
	display: block
}

.fes1-box {
	position: relative;
	padding-left: 55px;
	padding-bottom: 10px
}

.fes1-box-icon {
	position: absolute;
	top: 0;
	left: 0;
	color: #4b4e53;
	font-size: 35px
}

.fes1-box h3 {
	color: #4b4e53;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 10px
}

.fes4-box-icon,
.title-fs-45 {
	font-size: 45px;
	color: #4b4e53
}

@media only screen and (min-width:992px) {
	.left-50 {
		left: 50%
	}
	.right-50 {
		right: 50%
	}
}

.fes2-main-text-cont {
	margin: 0 auto;
	padding: 145px 50px 140px;
	max-width: 500px
}

.fes2-text-cont {
	margin-top: 30px
}

.fes2-img {
	background: url(../images/fes2.jpg) center center no-repeat;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box
}

.title-fs-45 {
	font-family: Lato, Arial, Helvetica, sans-serif;
	line-height: 45px;
	font-weight: 300
}

.fes3-img {
	background: url(../images/fes3.jpg) center center no-repeat;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box
}

.fes7-img,
.fes7-img-constr,
.port-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.line-3-70 {
	margin-top: 11px;
	height: 3px;
	width: 70px;
	background: #4b4e53
}

.fes4-cont {
	padding-top: 130px;
	padding-bottom: 80px
}

.fes4-box {
	margin-bottom: 50px
}

.fes4-title-cont {
	position: relative;
	padding-left: 70px;
	padding-bottom: 15px
}

.fes4-box-icon {
	position: absolute;
	top: 7px;
	left: 0
}

.fes4-title-cont h3,
.title-18 {
	color: #4b4e53;
	font-weight: 300;
	font-size: 18px;
	margin: 0
}

.section-title,
.section-title-2 {
	font-weight: 300;
	font-size: 30px;
	margin: 0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #4b4e53
}

.section-title {
	padding: 22px 25px 24px;
	line-height: 36px;
	border-left: #4b4e53 2px solid
}

.section-title-2 {
	padding: 25px 25px 27px;
	line-height: 30px
}

.section-title-3 {
	margin: 0;
	padding: 15px 20px 17px 23px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-weight: 400;
	letter-spacing: 3px;
	line-height: 32px;
	color: #4b4e53;
	border-left: #4b4e53 2px solid
}

.p-50-cont {
	padding-top: 50px;
	padding-bottom: 50px
}

.p-60-cont {
	padding-top: 60px;
	padding-bottom: 60px
}

.p-80-cont {
	padding-top: 80px;
	padding-bottom: 80px
}

.p-110-cont {
	padding-top: 110px;
	padding-bottom: 110px
}

.p-140-cont {
	padding-top: 140px;
	padding-bottom: 140px
}

.pt-110-cont {
	padding-top: 110px
}

.pt-100-cont {
	padding-top: 100px
}

.pt-80-b-50-cont {
	padding-top: 80px;
	padding-bottom: 50px
}

.pt-100-b-80-cont {
	padding-top: 100px;
	padding-bottom: 80px
}

.pt-110-b-30-cont {
	padding-top: 110px;
	padding-bottom: 30px
}

.pt-110-b-40-cont {
	padding-top: 110px;
	padding-bottom: 40px
}

.pt-110-b-50-cont {
	padding-top: 110px;
	padding-bottom: 50px
}

.pt-110-b-60-cont {
	padding-top: 110px;
	padding-bottom: 60px
}

.pt-110-b-80-cont {
	padding-top: 110px;
	padding-bottom: 80px
}

.pt-120-b-100-cont {
	padding-top: 120px;
	padding-bottom: 100px
}

.pt-150-b-110-cont {
	padding-top: 150px;
	padding-bottom: 110px
}

@media only screen and (max-width :1024px) {
	.p-140-cont {
		padding-top: 120px;
		padding-bottom: 120px
	}
}

@media only screen and (max-width :768px) {
	.container {
		padding-left: 20px;
		padding-right: 20px
	}
	.row-sm-fix {
		margin-right: -20px;
		margin-left: -20px
	}
	.fes1-cont {
		padding-top: 80px;
		padding-bottom: 50px
	}
	.fes4-cont {
		padding-top: 80px;
		padding-bottom: 30px
	}
	.p-110-cont,
	.p-140-cont {
		padding-top: 80px;
		padding-bottom: 80px
	}
	.pt-100-cont,
	.pt-110-cont {
		padding-top: 80px
	}
	.pt-100-b-80-cont {
		padding-top: 80px;
		padding-bottom: 60px
	}
	.pt-110-b-30-cont {
		padding-top: 80px;
		padding-bottom: 10px
	}
	.pt-110-b-40-cont,
	.pt-110-b-50-cont {
		padding-top: 80px;
		padding-bottom: 20px
	}
	.pt-110-b-60-cont,
	.pt-110-b-80-cont {
		padding-top: 80px;
		padding-bottom: 40px
	}
	.pt-120-b-100-cont {
		padding-top: 80px;
		padding-bottom: 50px
	}
	.pt-150-b-110-cont {
		padding-top: 80px;
		padding-bottom: 40px
	}
	.title-fs-60 {
		font-size: 40px;
		line-height: 40px
	}
	.title-fs-45 {
		font-size: 30px;
		line-height: 30px
	}
	.line-3-100 {
		margin-top: 10px
	}
	.fes1-img-cont img {
		height: 250px
	}
	.fes2-main-text-cont {
		padding: 70px 30px
	}
}

.fes5-box h3,
.fes6-box h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #4b4e53
}

@media only screen and (max-width :480px) {
	.p-140-cont {
		padding-top: 60px;
		padding-bottom: 60px
	}
}

.fes5-box h3 {
	font-weight: 700;
	margin-bottom: 7px;
	margin-top: 7px
}

.fes6-box {
	margin-top: 25px;
	margin-bottom: 40px
}

.fes6-box h3 {
	font-weight: 400;
	margin: 0
}

.fes6-box .icon {
	color: #4b4e53;
	font-size: 65px;
	line-height: 64px
}

.fes7-box {
	position: relative;
	padding-left: 47px;
	padding-bottom: 10px
}

.fes7-box-icon {
	position: absolute;
	top: 2px;
	left: 0;
	color: #4b4e53;
	font-size: 30px
}

.fes7-img,
.fes7-img-constr,
.fes7-img-cont {
	position: absolute;
	top: 0;
	height: 100%;
	overflow: hidden
}

.fes7-box h3,
.fes8-title-cont h3 {
	font-size: 18px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif
}

.fes7-box h3 {
	color: #4b4e53;
	font-weight: 700;
	margin-bottom: 5px;
	margin-top: 5px
}

.fes7-img-cont {
	padding: 0
}

.fes7-img,
.fes7-img-constr {
	left: 0;
	z-index: 0;
	width: 100%;
	display: block;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center
}

.white-bg {
	background-color: #fff
}

.grey-light-bg {
	/* background-color: #eee */
	background-color:rgba(144, 144, 201, 0.46)
}

.grey-dark-bg,
.header.no-transparent .header-wrapper.grey-dark-bg {
	background-color: #303236
}

.yellow-bg {
	background-color: #ffea00!important
}

.font-black {
	color: #4b4e53!important
}

.font-dark {
	color: #101010
}

.font-text {
	color: #7e8082
}

@media (max-width:992px) {
	.fes7-img,
	.fes7-img-cont {
		position: relative
	}
	.fes7-img {
		height: 390px
	}
}

.fes8-title-cont {
	position: relative;
	padding-left: 52px;
	padding-bottom: 15px
}

.fes8-box-icon,
.fes9-img-cont img {
	position: absolute;
	top: 0;
	left: 0
}

.fes8-title-cont h3 {
	color: #4b4e53;
	font-weight: 400;
	margin: 0
}

.fes8-box {
	margin-bottom: 50px
}

.fes8-box-icon {
	color: #4b4e53;
	font-size: 30px
}

.fes9-img-center {
	width: 416px;
	height: 300px;
	margin: 0 auto;
	position: relative
}

.container-p-75,
.fes10-container {
	margin-right: auto;
	margin-left: auto;
	position: relative
}

@media (max-width:480px) {
	.fes9-img-center {
		width: 280px;
		height: 280px
	}
}

.fes10-container {
	padding: 100px 100px 70px;
	width: 100%
}

@media (min-width:769px) and (max-width:1023px){
.plan .list {height: 130px!important;width: 130px!important;line-height: 3.2!important;top: 54px!important; left: -18px!important;}
.plan .list2 {height: 130px!important;width: 130px!important;line-height: 3.2!important;top: 222px; right: -18px!important;}
.plan .list3 {height: 130px!important;width: 130px!important;line-height: 3.2!important;top: 395px; left: -18px!important;}
.plan .list4 {height: 130px!important;width: 130px!important;line-height: 3.2!important;bottom: 230px!important; right: -18px!important;}
.plan .list5 {height: 130px!important;width: 130px!important;line-height: 3.2!important;bottom: 54px!important; left: -18px!important;}
    
}

@media (max-width:768px) {
    .ch-grid li{margin:20px 0!important;}

    .plan li { height: 160px!important;padding:30px 20px!important;}
    .plan .list {height: 100px!important;width: 100px!important;line-height: 2.5!important;top: -85px!important;left:0!important;}
    .plan .list2 {height: 100px!important;width: 100px!important;line-height: 2.5!important; top: 166px!important;right:0!important;}
    .plan .list3 {height: 100px!important;width: 100px!important;line-height: 2.5!important; top: 390px!important;left:0!important;}
    .plan .list4 {height: 100px!important;width: 100px!important;line-height: 2.5!important; bottom: 360px!important; right: 0px!important;}
    .plan .list5 {height: 100px!important;width: 100px!important;line-height: 2.5!important;bottom: 130px!important;left: 0px!important;}
    
    .fes6-box {
		text-align: center
	}
	.fes10-container {
		padding: 80px 20px 50px
	}
}

.container-p-75 {
	padding: 0 75px 75px;
	width: 100%
}

#menu-cart .icon_cart {
	margin-right: 9px;
	font-size: 14px
}

.select-md {
	font-size: 12px
}

.font-12 {
	font-size: 12px!important
}

.item-price {
	font-size: 24px;
	color: #4b4e53
}

.lh-19 {
	line-height: 19px
}

.lh-20 {
	line-height: 20px
}

.add-rating {
	font-size: 18px
}

.add-rating i {
	margin-left: 2px
}

.rating {
	float: left;
	font-weight: 400
}

.shopping-cart-table th {
	color: #4b4e53;
	font-weight: 600
}

.shopping-cart-table .icon-close {
	font-size: 24px
}

.form input[type=password]:focus,
.form input[type=date]:focus,
.form input[type=color]:focus,
.form input[type=text]:focus,
.form input[type=email]:focus,
.form input[type=number]:focus,
.form input[type=url]:focus,
.form input[type=search]:focus,
.form input[type=tel]:focus,
.form select:focus {
	color: #111;
	border-color: rgba(0, 0, 0, .7);
	outline: 0
}

@media (max-width:1200px) {
	.container-p-75 {
		padding: 0
	}
}

#shop-dep .row {
	margin-left: -5px;
	margin-right: -5px
}

#shop-dep img {
	width: 100%
}

.shop-dep-text-cont {
	position: absolute;
	left: 24px;
	bottom: 20px;
	background: #fff;
	padding: 17px 20px 15px;
	min-width: 160px
}

.shop-ad-img,
.shop-dep-item {
	position: relative
}

.shop-dep-text-cont h4 {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif
}

.shop-dep-item a {
	display: block;
	overflow: hidden
}

.shop-dep-item a span {
	color: #7e8082
}

.shop-dep-item a span.sale-bold {
	color: #4b4e53;
	font-weight: 700
}

.shop-dep-item img {
	transition: all .3s cubic-bezier(.3, .1, .58, 1)
}

.owl-next,
.owl-prev,
.port-filter a {
	-o-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-ms-transition: all .27s cubic-bezier(0, 0, .58, 1)
}

.shop-dep-item a:hover img {
	-webkit-transform: scale(1.3) translateZ(0);
	-moz-transform: scale(1.3) translateZ(0);
	-o-transform: scale(1.3) translateZ(0);
	-ms-transform: scale(1.3) translateZ(0);
	transform: scale(1.3) translateZ(0)
}

.shop-dep-item {
	padding-left: 5px;
	padding-right: 5px
}

.light-34 {
	font-weight: 100;
	font-size: 34px;
	line-height: 40px
}

.block-inline-bg-white {
	display: inline-block;
	background: #fff
}

.shop-ad-img img {
	position: absolute;
	bottom: 0
}

.text-middle {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (max-width:767px) {
    .shrink.header-1 #main-menu .navbar .nav>li.current>a{padding: 16px 9px 16px
 17px!important;}
    .shrink .logo-2 { padding: 10px 0!important;}
    .shrink .hamb-mob-icon{color:#000;}
    .shrink.header {width: 100%;}
    .fes4-box {
    margin-bottom: 20px;}
    #main-menu .navbar .nav {
    margin: 0;
    position: absolute!important;
    background: #464646!important;
    width: 100%!important;
}
.cis-text {height: auto!important;}
.mobile{display:block!important;}
.mobile1{display:none!important;}
	.block-center-x-767 {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

.shop-add-btn-cont {
	margin-right: 65px
}

.shop-sub-btn-cont {
	margin-top: -33px;
	float: right
}

.shop-sub-btn-cont .post-prev-count {
	margin-left: 15px
}

.shop-price-cont {
	font-size: 16px;
	color: #4b4e53;
	margin-bottom: 20px
}

.sale-label-cont {
	position: absolute;
	top: -20px;
	right: 3px;
	font-size: 13px
}

.sale-label {
	display: inline-block;
	padding-top: 17px;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background: #ffea00;
	color: #4b4e53
}

.shop-add-btn {
	display: block;
	width: 100%;
	padding-left: 0!important;
	padding-right: 0!important
}

.port-filter,
.port-grid {
	padding: 0;
	list-style: none
}

.shop-info h6 {
	color: #fff;
	margin-bottom: 30px
}

.shop-info .icon {
	font-size: 40px;
	line-height: 40px
}

.port-filter {
	margin: 0 0 45px;
	font-size: 13px;
	letter-spacing: 2px;
	color: #555;
	cursor: default
}

.port-filter a {
	display: inline-block;
	margin: 0 21px 5px;
	color: #999;
	border-bottom: 1px solid transparent;
	-webkit-transition: all .37s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .27s cubic-bezier(0, 0, .58, 1);
	transition: all .27s cubic-bezier(0, 0, .58, 1);
	cursor: pointer
}

.lightbox-item .port-btn-cont,
.port-main-img,
.port-overlay-cont {
	transition: all .3s cubic-bezier(.3, .1, .58, 1)
}

.port-filter a:hover {
	color: #101010
}

.port-filter a.active {
	color: #101010;
	border-color: #101010;
	cursor: default
}

.port-filter a.active:hover {
	color: #101010
}

.port-grid {
	margin: 0
}

.port-item {
	width: 25%;
	float: left;
	margin: 0;
	box-sizing: border-box
}

.bg-img-alfa:before,
.sm-img-bg-fullscr {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden
}

.port-grid-2 .port-item,
.port-item.port-item-width-2 {
	width: 50%
}

.port-grid-3 .port-item {
	width: 33.333%
}

.container .port-grid-3 .port-item {
	width: 33.2%
}

.port-grid-5 .port-item {
	width: 20%
}

.port-grid.port-grid-gut {
	margin: 0 0 0 -15px
}

.port-grid.port-grid-gut .port-item {
	padding: 0 0 15px 15px
}

.port-grid .port-item>a {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0
}

.block-center-y {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.block-center-xy {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.title-fs-45-wide {
	color: #4b4e53;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 45px;
	line-height: 58px;
	font-weight: 300;
	letter-spacing: 10px
}

@media only screen and (max-width:1200px) {
	.port-grid-5 .port-item {
		width: 25%
	}
	.port-text-cont .title-fs-45-wide {
		font-size: 35px;
		line-height: 47px;
		letter-spacing: 5px
	}
}

@media only screen and (max-width:992px) {
	.container .port-grid-3 .port-item,
	.port-grid-3 .port-item,
	.port-grid-5 .port-item,
	.port-item,
	.port-item.port-item-width-2 {
		width: 50%
	}
	.port-item.port-item-width-2 {
		width: 100%
	}
	#counter-1 .row>div {
		border: none
	}
}

@media only screen and (max-width:480px) {
	.container .port-grid-3 .port-item,
	.port-grid-2 .port-item,
	.port-grid-3 .port-item,
	.port-grid-5 .port-item,
	.port-item,
	.port-item.port-item-width-2 {
		width: 100%
	}
	.port-text-cont .title-fs-45-wide {
		font-size: 25px;
		line-height: 38px;
		letter-spacing: 1px
	}
	.port-filter a {
		width: 100%;
		display: block
	}
}

.port-main-img {
	width: 100%;
	display: block;
	overflow: hidden
}

.port-overlay-cont {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 2;
	padding: 20px 50px 50px
}

.lightbox-item {
	position: relative
}

.lightbox-item .port-btn-cont {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -12px;
	margin-top: -28px;
	font-size: 26px;
	color: #fff
}

.lightbox-item:hover .port-btn-cont {
	margin-top: -12px
}

.lightbox-item .port-btn-cont.lightbox-video {
	margin-left: -18px;
	margin-top: -32px;
	font-size: 34px
}

.lightbox-item:hover .port-btn-cont.lightbox-video {
	margin-top: -17px
}

.lightbox-item:hover .port-main-img,
.port-item:hover .port-main-img {
	-webkit-transform: scale(1.3) translateZ(0);
	-moz-transform: scale(1.3) translateZ(0);
	-o-transform: scale(1.3) translateZ(0);
	-ms-transform: scale(1.3) translateZ(0);
	transform: scale(1.3) translateZ(0)
}

.lightbox-item:hover .port-img-overlay:after,
.port-item:hover .port-img-overlay:after {
	background: rgba(16, 16, 16, .85)
}

.lightbox-item .port-img-overlay:after,
.port-item .port-img-overlay:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0);
	-webkit-transition: all .27s cubic-bezier(.3, .1, .58, 1);
	-moz-transition: all .27s cubic-bezier(.3, .1, .58, 1);
	-o-transition: all .27s cubic-bezier(.3, .1, .58, 1);
	-ms-transition: all .27s cubic-bezier(.3, .1, .58, 1);
	transition: all .27s cubic-bezier(.3, .1, .58, 1)
}

.port-img-overlay {
	position: relative;
	overflow: hidden
}

.container .port-grid-5 .port-overlay-cont {
	padding: 20px 10px 20px 20px
}

.lightbox-item:hover .port-overlay-cont,
.port-item:hover .port-overlay-cont {
	opacity: 1;
	padding-top: 40px
}

.container .port-grid-5 .lightbox-item:hover .port-overlay-cont,
.container .port-grid-5 .port-item:hover .port-overlay-cont {
	padding-top: 30px
}

.port-title-cont {
	margin-bottom: 0;
	transition: all .4s cubic-bezier(.3, .1, .58, 1)
}

.lightbox-item:hover .port-title-cont,
.port-item:hover .port-title-cont {
	margin-bottom: 15px
}

.port-title-cont h3 {
	margin: 0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600
}

.port-title-cont h3 a {
	color: #fff
}

.port-title-cont h3 a:hover {
	color: #dedede
}

.port-grid-gut li:first-child .port-overlay-cont {
	padding-right: 40px
}

.port-title-cont span a {
	color: #bebebe;
	font-size: 12px
}

.port-title-cont span a:hover {
	color: #fff
}

.port-btn-cont a {
	display: inline-block;
	color: #bebebe;
	font-size: 18px
}

.port-view-more,
.port-view-more-dark,
.port-view-more-inv {
	display: block;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	transition: all .3s ease 0s
}

.port-btn-cont a:hover {
	color: #fff
}

.port-view-more-cont {
	margin-top: -1px;
	text-align: center
}

.port-view-more {
	padding-top: 40px;
	padding-bottom: 37px;
	background: #eee;
	font-weight: 100
}

.port-view-more:hover {
	background: #dedede;
	color: #4b4e53
}

.port-view-more-dark {
	padding-top: 55px;
	padding-bottom: 52px;
	background: #4b4e53;
	color: #fff;
	font-weight: 400;
	letter-spacing: 4px
}

.port-view-more-dark:hover {
	background: #101010;
	color: #fff
}

.port-view-more-inv {
	background: #dedede;
	padding-top: 40px;
	padding-bottom: 37px;
	font-weight: 100
}

.port-view-more-inv:hover {
	background: #eee;
	color: #4b4e53
}

.mobile .port-overlay-cont {
	display: none;
	visibility: hidden
}

.port-detail {
	font-size: 12px
}

.port-detail p {
	margin-bottom: 5px
}

.quote p,
.testimonial-2 p {
	margin-bottom: 24px;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-style: normal
}

.port-detail p strong {
	width: 80px;
	display: inline-block;
	letter-spacing: 1px
}

.client-row .col-sm-3,
.client1-item {
	padding-top: 20px;
	padding-bottom: 20px;
	border-left: 1px solid #eee
}

.client-row .client1-item:first-child,
.client-row .col-sm-3:first-child {
	border-left: none
}

.client-row.border-bot {
	border-bottom: 1px solid #eee
}

.client-row img {
	height: 100px
}

@media only screen and (max-width:992px) {
	.client-row .col-sm-3,
	.client-row.border-bot,
	.client1-item {
		border: none
	}
}

.quote p {
	color: #4b4e53;
	font-size: 21px;
	line-height: 32px
}

.quote {
	border: none!important;
	position: relative;
	font-size: 14px
}

.quote footer {
	font-size: 14px;
	color: #7e8082;
	font-style: normal
}

@media only screen and (min-width:1169px) {
	.pl-50-min-1169 {
		padding-left: 50px
	}
	.pr-50-min-1169 {
		padding-right: 50px
	}
}

.ts-author-cont {
	padding-top: 70px;
	padding-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #e6e6e6
}

.ts-author-img {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 128px
}

.testimonial-2:before {
	content: '"';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 60px;
	line-height: 40px;
	color: #dcdddd
}

.blog2-post-title-cont,
.member h3,
.post-prev-more-cont {
	position: relative
}

.testimonial-2 p {
	color: #4b4e53;
	font-size: 21px;
	line-height: 32px
}

.testimonial-2 {
	padding: 10px 20px;
	margin: 15px 0 15px 10px;
	border-left: none
}

.work-proc-1-bg {
	will-change: background-position;
	margin: 0;
	padding: 0;
	background: url(../images/work-proc-bg.jpg) fixed #2c2c2c;
	color: #f1f1f1
}

.work-proc-1-bg .icon,
.work-proc-1-bg h3 {
	color: #f1f1f1
}

.work-proc-1-bg h2 {
	color: #f1f1f1;
	border-color: #f1f1f1
}

.work-proc-1-bg p {
	color: #d3d4d5
}

.team-social {
	list-style: none;
	margin: 15px 0 0;
	padding: 0
}

.team-social li {
	display: inline-block;
	font-size: 18px;
	margin: 0 5px
}

.team-social a {
	color: #97999c
}

.team-social a:hover {
	color: #101010
}

.member h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 5px
}

.member span {
	font-size: 14px;
	font-style: normal
}

.member {
	margin-bottom: 30px
}

.about-us-2-cont {
	background: #f4f4f4
}

.count-number {
	margin-top: 17px;
	font-size: 45px;
	line-height: 45px;
	color: #4b4e53;
	font-weight: 100
}

.count-title {
	font-size: 14px
}

.count-descr {
	margin-top: 10px;
	margin-bottom: 10px
}

#counter-1 .row>div {
	border-left: 1px solid #dadada
}

#counter-1 .row>div:first-child {
	border: none
}

.ads-img-cont {
	padding-top: 50px;
	padding-bottom: 45px
}

.video-ads-bg {
	will-change: background-position;
	margin: 0;
	padding: 0;
	background: url(../images/work-proc-bg.jpg) fixed #2c2c2c
}

.video-ads-text-cont {
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 100px;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height: 36px;
	font-weight: 100;
	color: #f1f1f1
}

.post-prev-title h3,
.widget h4 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif
}

.video-ads-a a:hover {
	color: #a5a5a5
}

.video-ads-text-cont a {
	display: inline-block;
	padding: 20px;
	font-size: 80px;
	line-height: 63px;
	color: #fff;
	vertical-align: middle
}

@media only screen and (max-width:992px) {
	#counter-1 .row>div {
		border: none
	}
	.video-ads-a,
	.video-ads-text {
		display: block
	}
	.video-ads-text-cont {
		font-size: 28px;
		line-height: 28px
	}
	.video-ads-bg,
	.work-proc-1-bg {
		background-attachment: scroll
	}
}

.intro-demo .post-prev-img {
	border: 7px solid #e8e8e8
}

.grey-light-bg .intro-demo .post-prev-img {
	border: 7px solid #d3d3d3
}

.post-prev-img {
	margin-bottom: 25px
}

.post-prev-img img {
	width: 100%
}

.post-prev-title h3 {
	margin: 0;
	font-size: 16px;
	line-height: 26px;
	font-weight: 600
}

.blog-main-posts .post-prev-img {
	margin-bottom: 30px
}

.blog-main-posts .post-prev-info {
	margin-bottom: 20px
}

.blog-main-posts .post-prev-title h3 {
	font-size: 18px;
	line-height: 32px
}

.post-prev-img a:hover {
	opacity: .6
}

.post-prev-img .lightbox-item a:hover {
	opacity: 1
}

.section-more {
	font-size: 14px;
	font-weight: 400;
	color: #7e8082
}

.section-more:hover {
	color: #101010
}

.section-more .icon {
	font-size: 30px
}

.post-prev-info {
	margin-bottom: 14px;
	font-size: 13px;
	text-transform: uppercase
}

.blog2-post-prev-text,
.blog2-post-title-cont,
.post-prev-text {
	margin-bottom: 20px
}

.slash-divider {
	margin-right: 7px;
	margin-left: 7px
}

.slash-divider-10 {
	margin-right: 10px;
	margin-left: 10px
}

.post-prev-info,
.post-prev-info a {
	color: #a3a6a8
}

.post-prev-info a:hover {
	color: #101010
}

.post-prev-text {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee
}

.blog-more {
	font-weight: 600
}

.icon-count {
	font-size: 12px;
	margin-left: 7px
}

.post-prev-count {
	margin-left: 12px;
	color: #7e8082
}

.social-menu.dropdown-menu {
	margin-top: 5px;
	border-radius: 0;
	min-width: 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	border: none;
	background: #eee
}

.social-menu.dropdown-menu li {
	display: inline-block
}

.social-menu.dropdown-menu>li>a {
	padding: 7px 15px;
	color: #7e8082
}

.social-menu.dropdown-menu>li>a:focus,
.social-menu.dropdown-menu>li>a:hover {
	color: #111;
	text-decoration: none;
	background: 0 0
}

.no-border {
	border: none
}

@media (max-width:480px) {
	.section-more.left,
	.section-more.right {
		float: none!important;
		display: block;
		margin-top: 5px
	}
}

.blog2-post-title-cont .post-prev-title {
	padding: 15px 0 15px 20px;
	margin-left: 120px;
	border-left: #C9CACB 1px solid
}

.post-prev-date-cont {
	position: absolute;
	top: 24px;
	left: 15px
}

.blog2-date-numb {
	font-size: 35px;
	font-weight: 100
}

.blog2-month {
	font-size: 13px;
	padding-left: 3px
}

.blog2-post-title-cont .post-prev-info {
	margin: 0
}

.blog-post .post-prev-text p,
.widget-title {
	margin-bottom: 20px
}

@media (max-width:768px) {
	.blog2-month {
		display: block;
		line-height: 18px;
		padding-left: 0
	}
	.blog2-post-title-cont .post-prev-title {
		margin-left: 70px
	}
	.blog2-date-numb {
		font-size: 30px
	}
	.post-prev-date-cont {
		top: 16px;
		text-align: center
	}
}

.widget-search-form {
	position: relative;
	width: 100%;
	font-size: 18px
}

.widget-search-form input {
	width: 100%
}

.widget-search-form button {
	position: absolute;
	right: 0;
	top: 8px;
	background: 0 0
}

.widget-search-form button:hover {
	color: #101010
}

.widget-title {
	font-size: 16px;
	font-weight: 600;
	color: #4b4e53
}

.clearlist,
.clearlist li {
	list-style: none;
	padding: 0;
	margin: 0;
	background: 0 0
}

.widget-menu li {
	padding-bottom: 7px
}

.widget-menu small {
	color: #aaa
}

.widget-posts li {
	font-size: 13px;
	margin-bottom: 20px
}

.widget-posts-img {
	float: left;
	margin: 0 15px 0 0
}

.tags a {
	display: inline-block;
	margin: 0 2px 5px 0;
	padding: 3px 10px;
	border: 1px solid #e9e9e9;
	font-size: 11px;
	letter-spacing: 1px
}

.tags a:hover {
	background: #4b4e53;
	color: #fff;
	border: 1px solid #4b4e53
}

.sm-img-bg,
.sm-img-bg-fullscr,
.sm-video-bg {
	background-position: 50% 0
}

.cis-cont {
	position: relative;
	padding-left: 65px
}

.cis-icon {
	position: absolute;
	top: 25px;
	left: 0;
	color: #7e8082;
	font-size: 35px
}

.cis-text {
    height:120px;
	padding: 16px 0 18px 27px;
	border-left: 1px solid #dedede
}


.grey-light-bg .cis-text {
	border-left: 1px solid #bdbdbd
}

.cis-text h3 {
	color: #4b4e53;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	margin: 0
}

.cis-text p {
	margin: 0;
	font-size: 13px
}

#google-map,
.google-map iframe {
	height: 625px;
	position: relative;
	background-color: #eee!important;
	z-index: 1
}

.google-map iframe {
	display: block;
	width: 100%
}

#google-map.contact-form-with-catcha {
	height: 755px
}

.gm-style-cc,
.gmnoprint {
	display: none!important
}

.google-map-container {
	padding-top: 45px
}

.sm-img-bg-fullscr {
	width: 100%;
	display: block;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box;
	background-repeat: no-repeat
}

.sm-video-bg {
	background-image: url(../images/static-media/video-bg.jpg);
	overflow: hidden;
	position: relative
}

.sm-content-cont {
	display: table;
	height: 600px
}

.sm-content-cont-660 {
	height: 660px
}

.sm-content-cont-fullscr {
	display: table
}

@media only screen and (max-width:767px) {
	.sm-content-cont {
		height: 350px
	}
	.sm-content-cont .light-72-wide,
	.sm-content-cont-fullscr .light-72-wide {
		font-size: 18px; /* changed  25px */
		line-height: 30px;
		letter-spacing: 3px
	}
	.light-72-wide,
	.sm-content-cont .light-50-wide {
		font-size: 21px;
		line-height: 30px;
		letter-spacing: 1px
	}
	.slider-text-bg {
		height: 45%;
		height: 50%;
		width: 100%;
		background: rgba(13, 13, 13, .75);
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		z-index: 0
	}
	.port-filter a {
		width: 40%
	}
}

.sm-video,
.sm-video-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) {
	.sm-content-cont .light-72-wide,
	.sm-content-cont-fullscr .light-72-wide {
		letter-spacing: 5px
	}
}

.sm-cont-middle {
	display: table-cell;
	height: 100%
}

.sm-video-wrapper {
	z-index: 0
}

.sm-video-wrapper video {
	max-width: inherit;
	height: inherit;
	z-index: 0
}

.bg-dark-alfa-40:before,
.bg-dark-alfa-50:before,
.bg-dark-alfa-60:before,
.bg-dark-alfa-70:before,
.bg-dark-alfa-80:before,
.bg-dark-alfa-90:before,
.bg-img-alfa:before {
	content: " ";
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0
}

.bg-img-alfa:before {
	background-image: url(../images/static-media/img-alfa-wide.png);
	background-position: center center;
	z-index: 1;
	display: block;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box;
	background-repeat: no-repeat
}

#contact-form .iconed-box,
.page-title-img {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

@media only screen and (max-width :1024px) {
	.bg-img-alfa:before {
		background-image: url(../images/static-media/img-alfa-wide-1024.png)
	}
}

@media (max-width :1024px) and (orientation:portrait) {
	.bg-img-alfa:before {
		background-image: url(../images/static-media/img-alfa-wide-768.png)
	}
}

.bg-dark-alfa-40:before {
	background: rgba(3, 3, 3, .4)
}

.bg-dark-alfa-50:before {
	background: rgba(3, 3, 3, .5)
}

.bg-dark-alfa-60:before {
	background: rgba(3, 3, 3, .6)
}

.bg-dark-alfa-70:before {
	background: rgba(3, 3, 3, .7)
}

.bg-dark-alfa-80:before {
	background: rgba(3, 3, 3, .8)
}

.bg-dark-alfa-90:before {
	background: rgba(3, 3, 3, .9)
}

.sm-mt-0 {
	margin-top: 0
}

.sm-mt-20 {
	margin-top: 20px
}

.sm-mt-40 {
	margin-top: 40px
}

.sm-mt-50 {
	margin-top: 50px
}

.sm-mt-55 {
	margin-top: 55px
}

.sm-mt-60 {
	margin-top: 60px
}

.sm-mt-70 {
	margin-top: 70px
}

.sm-mb-10 {
	margin-bottom: 10px
}

.sm-mb-15 {
	margin-bottom: 15px
}

.sm-mb-20 {
	margin-bottom: 20px
}

.sm-mb-40 {
	margin-bottom: 40px
}

.sm-mb-50 {
	margin-bottom: 50px
}

.sm-mb-60 {
	margin-bottom: 60px
}

.sm-mb-70 {
	margin-bottom: 70px
}

.sm-mb-80 {
	margin-bottom: 80px
}

.sm-mb-100 {
	margin-bottom: 100px
}

.page-title-cont {
	padding-top: 135px;
	padding-bottom: 65px
}

.page-title {
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 25px;
	letter-spacing: 5px;
	font-weight: 400
}

.page-title-font-big {
	margin-bottom: 0;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 10px;
	font-weight: 600
}

.page-sub-title {
	margin-bottom: 15px;
	letter-spacing: 3px;
	font-size: 12px;
	line-height: 15px
}

.breadcrumbs {
	margin-top: 53px;
	text-align: right;
	font-size: 11px;
	letter-spacing: 2px
}

.breadcrumbs a {
	color: #7e8082
}

.bread-current,
.breadcrumbs a:hover {
	color: #101010
}

.grey-dark-bg .page-title,
.grey-dark-bg .page-title-big {
	color: #fff
}

.grey-dark-bg .page-sub-title {
	color: rgba(255, 255, 255, .7)
}

.page-title-cont.grey-dark-bg a {
	color: rgba(255, 255, 255, .8)
}

.page-title-cont.grey-dark-bg a:hover {
	color: rgba(255, 255, 255, 1)
}

.page-title-cont.grey-dark-bg .bread-current {
	color: #fff
}

.page-title-img {
	width: 100%;
	display: block;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box;
	overflow: hidden;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center
}

.page-title-small {
	padding-top: 118px;
	padding-bottom: 58px
}

.page-title-small .page-title {
	margin-top: 40px;
	margin-bottom: 10px
}

.page-title-small .breadcrumbs {
	margin-top: 40px
}

.blog-single-fullwidth-img {
	padding-top: 550px
}

.menu-contact-info {
	background-color: #c6c7c9;
	padding: 0;
	color: #fff
}

.menu-map-container {
	padding: 0!important
}

ul.contact-list,
ul.contact-list li {
	margin: 0;
	padding: 0;
	list-style: none
}

ul.contact-list {
	padding-top: 85px;
	padding-bottom: 72px;
	padding-left: 28px
}

ul.contact-list li {
	display: block;
	padding-right: 15px;
	padding-bottom: 12px;
	border: none!important
}

.loc-icon-container {
	position: absolute;
	top: 0;
	left: 0
}

.menu-contact-info .contact-list>li {
	position: relative
}

.menu-contact-text-container {
	padding-left: 60px;
	padding-top: 11px;
	min-height: 46px
}

.menu-contact-info .contact-list .a-mail {
	color: #fff!important;
	padding: 0!important
}

.a-mail:hover {
	color: #414146!important;
	background: 0 0!important
}

.menu-contact-info {
	margin-top: -10px;
	margin-bottom: -10px
}

.main-menu-contact-icon {
	display: block;
	font-size: 18px;
	font-weight: 100!important;
	padding: 12px;
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	height: 46px;
	width: 46px
}

.controled,
.w-100 {
	width: 100%
}

.icon_mail_alt.main-menu-contact-icon {
	padding-top: 10px;
	padding-bottom: 14px
}

.contact-form-cont {
	position: relative;
	max-width: 550px;
	padding: 80px 50px 30px 60px
}

.contact-form-container-left {
	position: relative;
	margin: 0 0 0 40px;
	padding-top: 70px;
	padding-bottom: 40px
}

.gray-bg {
	background: #eee
}

.controled {
	display: block;
	line-height: 1.42857143;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	height: auto;
	box-shadow: none!important
}

.controled.error {
	border-color: #E42C3E!important;
	z-index: 1
}

label.error {
	font-weight: 400;
	font-size: 11px;
	color: #e42c3e;
	position: absolute;
	top: 5px;
	right: 15px
}

.checkbox label.error {
	top: 18px;
	left: 0
}

.gray-bg-container .contact-form-cont .controled.valid,
.gray-bg-container .contact-form-container-left .controled.valid {
	border-color: #3db03f;
	z-index: 1
}

.gray-bg-container .contact-form-cont .controled.error,
.gray-bg-container .contact-form-container-left .controled.error {
	border-color: #E42C3E;
	z-index: 1
}

#contactError,
#contactSuccess {
	margin-top: 15px;
	margin-bottom: 0;
	border: none;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	text-align: center
}

.controled,
.login-select,
input,
select,
textarea {
	border: none;
	border-bottom: 1px solid #a6a7a9;
	border-radius: 0;
	background: 0 0;
	color: #4b4e53;
	font-size: 14px;
	margin: 0;
	outline: 0;
	padding: 8px 20px 8px 0
}

.input-border {
	border: 1px solid #dedede;
	padding: 9px 15px
}

select.input-border {
	border: 1px solid #dedede;
	padding: 9px 20px 9px 10px
}

.controled::-webkit-input-placeholder,
::-webkit-input-placeholder {
	color: #4b4e53
}

.controled::-moz-placeholder,
::-moz-placeholder {
	color: #4b4e53
}

.controled:-moz-placeholder,
:-moz-placeholder {
	color: #4b4e53
}

.controled:-ms-input-placeholder,
:-ms-input-placeholder {
	color: #4b4e53
}

:focus::-webkit-input-placeholder {
	color: #a6a7a9
}

:focus::-moz-placeholder {
	color: #a6a7a9
}

:focus:-moz-placeholder {
	color: #a6a7a9
}

:focus:-ms-input-placeholder {
	color: #a6a7a9
}

.controled:focus,
.nl-email-input:focus {
	border-color: #4b4e53
}

.leave-comment-cont {
	padding: 10px 40px 60px
}

.shipping-cont {
	padding: 1px 40px 40px
}

@media (max-width:767px) {
	.leave-comment-cont {
		margin-bottom: 80px
	}
	.display-none-767 {
		display: none
	}
}

.footer-copy {
	margin-top: 5px
}

.footer-copy a {
	font-size: 11px;
	color: #7e8082
}

.footer-soc-a a {
	font-size: 16px;
	padding: 12px
}

.footer-2-copy-cont {
	padding-top: 30px;
	border-top: 1px solid #eee
}

.widget {
	margin-bottom: 60px
}

.footer-2-copy {
	font-size: 11px;
	color: #7e8082
}

.footer-2-copy:hover {
	color: #101010
}

.footer-2-soc-a a {
	font-size: 16px!important;
	padding: 7px 11px!important
}

.logo-footer {
	max-height: 60px
}

.logo-footer-cont {
	margin-bottom: 50px
}

.footer-2-text-cont {
	margin-bottom: 24px
}

.widget h4 {
	margin-top: 16px;
	margin-bottom: 21px;
	font-size: 18px;
	font-weight: 700
}

.widget .links-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.widget .links-list li {
	padding-bottom: 7px
}

.entry-title h4 {
	margin: 0;
	font-size: 14px;
	font-weight: 600
}

.widget .post-prev-title a {
	font-size: 14px;
	line-height: 21px;
	font-weight: 400
}

.widget .post-prev-info {
	text-transform: none;
	line-height: 18px
}

.container-m-60 {
	padding-right: 60px;
	padding-left: 60px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 100%
}

@media (max-width:992px) {
	.container-m-60 {
		padding-right: 20px;
		padding-left: 20px
	}
}

.footer2-black {
	background: #303236;
	color: rgba(255, 255, 255, .7)
}

.footer2-black .widget h4 {
	color: #fff
}

.footer2-black .a-text,
.footer2-black .a-text-cont a {
	color: rgba(255, 255, 255, .7)
}

.footer2-black .a-text-cont a:hover,
.footer2-black .a-text:hover {
	color: #fff
}

.footer2-black .footer-2-copy-cont {
	padding-top: 30px;
	border-top: 1px solid rgba(255, 255, 255, .1)
}

.footer2-black .footer-2-soc-a a {
	color: rgba(255, 255, 255, .3)
}

.footer2-black .footer-2-copy:hover,
.footer2-black .footer-2-soc-a a:hover {
	color: #fff
}

#main-menu {
	z-index: 1
}

#main-menu .navbar {
	background: 0 0;
	border: 0;
	margin: 0
}

#main-menu .navbar .navbar-collapse {
	padding: 0;
	position: static;
	border: none;
	box-shadow: none
}

.affix .header-wrapper,
.header.header-always-sticky {
	-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 15px rgba(0, 0, 0, .15)
}

#main-menu .navbar .nav {
	margin: 0;
	position: static
}

#main-menu .navbar .nav>li {
	position: relative;
	z-index: 5
}

#main-menu .navbar .nav>li>a {
	font-size: 12px;
	z-index: 1;
	text-shadow: none;
	transition: padding .4s ease 0s, border-color .6s ease 0s;
	transform: translateZ(0)
}

.affix #main-menu .navbar .nav>li>a,
.header-wrapper {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0)
}

.black-header #main-menu .navbar .nav>li>a {
	color: rgba(255, 255, 255, .7)
}
.shrink .logo-2 {
    display: block;
    padding: 14px 0 25px;
}
.shrink.header-1 #main-menu .navbar .nav>li.current>a{padding:25px 3px 5px;}
.shrink #main-menu .navbar .nav>li>a {
	transition: padding .4s ease 0s;
	transform: translateZ(0);padding:25px 3px 5px;
}
.shrink.header-1 #main-menu .navbar .nav>li.current>a{color:#000}
.shrink.header-1 #main-menu .navbar .nav>li>a{color:#000;}
/* .shrink .logo-2 img{    filter: invert(1);} */
#main-menu .navbar .nav>li>a .main-menu-title {
	line-height: 20px
}

#main-menu .navbar .nav>li>a {
	padding: 38px 3px 5px;
	margin: 0 12px 17px;
	border-bottom: 2px solid rgba(45, 78, 83, 0);
	color: #fff;
	letter-spacing: 2px;
	background-color: transparent
}

.affix.header-1 #main-menu .navbar .nav>li>a {
	margin-bottom: 13px;
	padding: 20px 3px 5px
}

.header-1 #main-menu .navbar .nav>li.current>a {
	padding: 38px 3px 5px;
	margin: 0 12px 17px;
	border-bottom: 2px solid rgba(144, 144, 201);
	/* rgba(253, 255, 115); */
	color: #FFF;
}

.black-header #main-menu .navbar .nav>li.current>a {
	border-bottom: 2px solid rgba(255, 255, 255, 1);
	color: #fff
}

.affix.header-1 #main-menu .navbar .nav>li.current>a {
	margin-bottom: 13px;
	padding: 20px 3px 5px;
	border-color: rgba(75, 78, 83, .5)
}

.affix.header-1.black-header #main-menu .navbar .nav>li.current>a {
	border-color: rgba(75, 78, 83, 0)
}

.page-main-content.indent-header-1.affix-indent {
	padding-top: 60px;
	transition: padding-top .4s ease
}

.page-main-content.indent-header-1 {
	padding-top: 95px;
	transition: padding-top .4s ease
}

.header.header-not-sticky {
	position: relative!important
}

.header.header-always-sticky {
	position: fixed!important;
	z-index: 9999;
	box-shadow: 0 1px 15px rgba(0, 0, 0, .15)
}

.main-menu-icon {
	display: block;
	font-size: 18px;
	font-weight: 100!important;
	padding: 12px;
	border: 2px solid #a3a7ad;
	border-radius: 50%;
	color: #a3a7ad;
	height: 46px;
	width: 46px
}

.main-menu-icon.icon_house_alt.main-menu-icon,
.main-menu-icon.icon_toolbox_alt.main-menu-icon {
	padding-top: 10px
}

.main-menu-icon.icon_mail_alt.main-menu-icon {
	padding-bottom: 14px;
	padding-top: 10px
}

#main-menu .navbar .nav>li:hover>a {
	color: #111
}

.black-header #main-menu .navbar .nav>li:hover>a {
	color: #fff
}

#main-menu .navbar .nav .parent {
	position: relative
}

#main-menu .sub {
	background: #4B4E53;
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
	box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
	display: none;
	margin: 0;
	padding: 10px 10px 10px 24px;
	position: absolute;
	z-index: 905
}

#main-menu .sub li {
	font-size: 12px;
	line-height: 24px;
	text-transform: uppercase
}

#main-menu .parent:hover>.sub {
	display: block;
	-webkit-animation: fadeIn .4s;
	animation: fadeIn .4s
}

#main-menu .sub a {
	color: #d3d3d3;
	display: block;
	min-width: 160px;
	padding: 9px 9px 9px 0;
	transition: color .3s ease 0s, padding .3s ease 0s
}

#main-menu .sub .parent:hover>a,
#main-menu .sub a:hover {
	padding-left: 7px;
	color: #fff
}

#main-menu .sub a:hover {
	transition: color .2s ease 0s, padding .3s ease 0s
}

#main-menu .sub a.current {
	color: #fff;
	transition: all .2s ease 0s
}

#main-menu .sub .sub {
	left: 100%;
	top: 0
}

#main-menu .navbar .nav .parent .parent>a:after {
	content: "\e232";
	font-family: linea-icons;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
	speak: none;
	font-size: 15px;
	display: block;
	line-height: 1;
	position: absolute;
	right: 10px;
	top: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

#main-menu .megamenu .title,
.carousel-va {
	font-family: Lato, Arial, Helvetica, sans-serif
}

#main-menu .megamenu .title,
.blog-categories,
.blog-page-title,
.breadcrumb,
.comment-author,
.countdown-period,
.work-navigation {
	text-transform: uppercase
}

#main-menu .navbar .nav .parent.megamenu {
	position: static
}

#main-menu .navbar .nav .parent.megamenu>a,
#main-menu .sub .sub .sub .sub,
.header .primary .navbar .nav .parent {
	position: relative
}

#main-menu .megamenu>.sub {
	padding-right: 0;
	padding-left: 0;
	box-sizing: border-box;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 900
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.header .primary .parent:hover>.sub {
	display: block
}

#main-menu .megamenu .title {
	font-size: 18px;
	line-height: 25px;
	margin: 20px 0 3px;
	padding-bottom: 10px;
	font-weight: 300;
	color: #fff;
	border-bottom: 1px solid #585a5f
}

.megamenu .box.col-md-2,
.megamenu .box.col-md-3,
.megamenu .box.col-md-4 {
	padding-left: 24px
}

.megamenu .box.col-md-3 .icon {
	float: left;
	display: inline-block;
	margin-right: 14px;
	margin-top: 3px;
	font-size: 16px;
	line-height: 16px
}

.header .primary .sub,
.header .primary .sub li {
	font-size: 13px;
	line-height: 24px
}

#main-menu .megamenu>.sub a {
	width: 100%
}

#main-menu .sub .sub .sub .sub {
	background: 0 0;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: block;
	left: 0;
	padding: 0;
	-webkit-animation: fadeIn 0;
	animation: fadeIn 0
}

.breadcrumb,
.navbar-collapse.right {
	border: none
}

#main-menu .sub .sub .sub .parent>a {
	background: 0 0!important
}

.header .primary {
	margin-top: 7px
}

.header .primary .navbar {
	margin: 0 0 0 80px
}

.header .nav .open>a,
.header .nav .open>a:focus,
.header .nav .open>a:hover {
	background: 0 0
}

.header .primary .navbar .nav {
	float: none;
	margin: 0
}

.header .primary .navbar .nav>li {
	padding: 0 4px;
	position: relative
}

.header .primary .navbar .nav>li>a {
	border-width: 1px;
	border-color: transparent;
	color: #1e1e1e;
	padding: 11px 15px;
	text-shadow: none;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.header .primary .navbar .nav>li:hover>a {
	background: #fff;
	border-color: #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.header .primary .navbar .nav>li.parent:hover>a {
	background: #fff;
	border-bottom-color: transparent;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0
}

.header .primary .navbar .nav>li.parent:hover>a:after {
	background: #fff;
	bottom: 0;
	content: "";
	display: block;
	height: 10px;
	left: 5px;
	margin: 0 0 -3px;
	position: absolute;
	right: 5px;
	z-index: 49
}

.header .primary .sub {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0 3px 3px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
	display: none;
	padding: 15px 20px;
	position: absolute;
	z-index: 48
}

.header .primary .parent:hover>.sub {
	-webkit-animation: fadeIn .4s;
	animation: fadeIn .4s
}

.header .primary .sub a {
	color: #1e1e1e;
	display: block;
	width: 175px;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear
}

.header .primary .sub a:hover {
	opacity: .6;
	filter: alpha(opacity=60);
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear
}

.header .primary .sub .sub {
	left: 100%;
	top: 0
}

.header .primary .navbar .nav .parent .parent>a,
.header .primary .navbar .nav .parent:hover .parent>a {
	background-image: url(../images/caret.png);
	background-repeat: no-repeat;
	background-position: 100% 50%
}

.header .primary .navbar .nav .parent.megamenu {
	position: static
}

.header .primary .navbar .nav .parent.megamenu>a {
	position: relative
}

.header .primary .navbar .nav>li.parent.megamenu:hover>a:after {
	margin-left: -5px;
	margin-right: -5px
}

.header .primary .megamenu>.sub {
	border-radius: 3px;
	left: 4px;
	margin: 0;
	padding: 35px 40px 35px 0;
	width: 844px
}

.header .primary .megamenu>.sub .box {
	float: left;
	padding: 0 0 28px 40px;
	width: 240px
}

.header .primary .megamenu.four-columns>.sub .box {
	width: 170px
}

.header .primary .megamenu.five-columns>.sub .box {
	width: 128px
}

.header .primary .megamenu>.sub .box.first {
	clear: left
}

.header .primary .megamenu>.sub .promo-block {
	float: right;
	font-size: 14px;
	line-height: 18px;
	position: relative
}

.header .primary .megamenu>.sub .promo-block:before {
	border-left: 1px solid #e6e6e6;
	bottom: -35px;
	content: "";
	display: block;
	position: absolute;
	left: 5px;
	top: -35px
}

.header .primary .megamenu>.sub .promo-block .promo-article {
	margin: 2px 0 11px
}

.header .primary .megamenu>.sub .promo-block .promo-article img {
	float: left;
	margin: 7px 19px 15px 0;
	max-height: 70px;
	max-width: 70px
}

.header .primary .megamenu>.sub .promo-block p {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 18px
}

.header .primary .megamenu>.sub .promo-block .big-image {
	margin-bottom: -63px
}

.header .primary .megamenu .title {
	font-size: 13px;
	line-height: 23px;
	margin: 0 0 3px;
	text-transform: uppercase
}

.header .primary .megamenu>.sub a {
	width: 100%
}

.header .primary .sub .sub .sub .sub {
	background: 0 0;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	display: block;
	left: 0;
	padding: 0;
	position: relative;
	-webkit-animation: fadeIn 0;
	animation: fadeIn 0
}

.header .primary .sub .sub .sub .parent>a {
	background: 0 0!important
}

.header .search .main-menu-icon {
	transition: margin-top .4s ease, margin-bottom .4s ease, border .9s ease .2s
}

.affix.header .search .main-menu-icon {
	border-color: transparent;
	opacity: 1;
	height: 46px;
	width: 46px;
	padding: 12px;
	margin-bottom: 7px;
	margin-top: 7px;
	transition: margin-bottom .3s ease, margin-top .3s ease, border .3s ease
}

.header .sb-search-open .main-menu-icon {
	transition: opacity .5s ease .2s, height .3s ease 0s, margin-bottom 0s ease 0s, margin-top 0s ease 0s, border .5s ease
}

.header {
	position: fixed;
	left: 0;
	transition: background .3s ease, height .4s ease;
	width: 100%;
	z-index: 29
}

.affix.header {
	position: fixed;
	height: 60px;
	transition: height .4s ease
}

#nav-below.header,
.container-m-30,
.header .container-m-30,
.header-wrapper,
.pos-relative {
	position: relative
}

.affix .header-wrapper,
.header-wrapper {
	transition: height .3s ease 0s, background .3s ease 0s
}

.header-big-offset {
	padding-top: 136px
}

.header-wrapper {
	width: 100%;
	transform: translateZ(0);
	z-index: 29
}

.header.no-transparent .header-wrapper {
	background: #fff
}

.border-b {
	border-bottom: 1px solid #eee
}

.affix .header-wrapper {
	top: 0;
	left: 0;
	z-index: 100;
	background: #fff;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 1px 15px rgba(0, 0, 0, .15)
}

#nav-stick2.has-bg.white .header-wrapper,
.is-sticky .header {
	-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 15px rgba(0, 0, 0, .15)
}

.affix.black-header .header-wrapper {
	background: #303236
}

.is-sticky .header {
	box-shadow: 0 1px 15px rgba(0, 0, 0, .15)
}

.header-no-bg,
.header-no-bg .header-wrapper {
	background: 0 0
}

.affix.header-no-bg,
.affix.header-no-bg .header-wrapper {
	background: #fff
}

.container-m-30 {
	padding-right: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 100%
}

@media (min-width:1025px) {
	.indent-header {
		padding-top: 93px
	}
}

footer .logo,
header .logo {
	padding-bottom: 15px;
	padding-left: 45px;
	padding-top: 81px;
	display: block
}

.logo-container {
	width: 120px;
	background-color: #414146;
	transition: all .3s ease 0s
}

.logo-2,
footer .logo,
header .logo,
header .logo .logo-img,
header.affix .logo,
header.affix .logo .logo-img {
	transition: all .4s ease 0s
}

footer .logo {
	height: 120px
}

header.affix .logo {
	padding-top: 20px;
	padding-bottom: 16px
}

.header.affix.no-transparent .logo-2,
header.affix .logo-2 {
	padding-top: 9px;
	padding-bottom: 9px;
	transition: all .4s ease 0s
}

.logo-img {
	height: 42px
}

.logo-2 {
	display: block;
	padding: 33px 0 25px
}

.header.no-transparent .logo-2 {
	padding: 26px 0 25px
}

.breadcrumb {
	background: 0 0;
	border-radius: 0;
	font-weight: 300;
	font-size: 12px;
	padding-top: 2px;
	padding-left: 0;
	margin-bottom: 0
}

.item {
	margin: 0 15px 30px
}

.owl-no-row .item {
	margin: 0 0 30px
}

#owl-1-pag .item {
	margin: 0 15px
}

.customNavigation {
	float: right
}

.customNavigation a {
	-webkit-user-select: none;
	user-select: none
}

.carousel-va-container,
.customNavigation-container {
	float: left
}

.carousel-va {
	cursor: pointer;
	padding-right: 15px;
	padding-top: 8px;
	font-weight: 300
}

.nl-cont {
	padding-top: 80px;
	padding-bottom: 45px;
	background: #eee
}

#mc-embedded-subscribe {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin-bottom: 30px
}

.nl-email-input,
blockquote,
blockquote p {
	font-family: Lato, Arial, Helvetica, sans-serif
}

.newsletterform {
	float: right;
	border: none;
	margin: 0;
	padding: 0
}

.nl-email-input {
	width: 350px;
	margin-right: 80px;
	margin-bottom: 30px;
	font-size: 21px;
	font-weight: lighter;
	border-color: #4b4e53
}

#notification_container {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	width: 100%
}

#notification_container .alert {
	padding-top: 11px;
	padding-bottom: 10px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)
}

#notification_container a {
	color: #245269;
	font-weight: 700
}

#notification_container a:hover {
	text-decoration: underline
}

@media only screen and (max-width :992px) {
	.nl-email-input {
		width: 250px;
		margin-right: 30px
	}
	.newsletterform {
		float: none;
		text-align: center
	}
}

@media only screen and (max-width :480px) {
	#google-map,
	#google-map.contact-form-with-catcha,
	.google-map iframe {
		height: 300px
	}
}

#owl-clients .item {
	margin: 0 50px
}

#owl-clients .item img {
	width: 100px
}

.our-clients-cont {
	padding: 60px 0
}

.tabs-3 .nav-tabs>li>a {
	border-radius: 0;
	font-size: 12px;
	letter-spacing: 1px;
	padding: 14px 20px
}

.tabs-3 .nav-tabs>li.active>a,
.tabs-3 .nav-tabs>li.active>a:focus,
.tabs-3 .nav-tabs>li.active>a:hover {
	color: #101010
}

@media only screen and (max-width:480px) {
	.xs-tabs-transform.nav-tabs {
		border-bottom: none
	}
	.xs-tabs-transform.nav-tabs>li {
		margin-bottom: 0
	}
	.xs-tabs-transform.nav-tabs>li.active>a,
	.xs-tabs-transform.nav-tabs>li.active>a:focus,
	.xs-tabs-transform.nav-tabs>li.active>a:hover {
		border-color: transparent transparent #101010
	}
	.xs-tabs-transform.nav-tabs>li>a,
	.xs-tabs-transform.nav-tabs>li>a:focus,
	.xs-tabs-transform.nav-tabs>li>a:hover {
		padding-right: 10px;
		padding-left: 10px
	}
}

.tab-pane {
	background-color: #fff
}

.tabs.custom-tabs .nav-tabs li.active a {
	color: #4b4e53;
	background: #eee;
	border: none
}

.tabs.custom-tabs .nav-tabs a {
	color: #7e8082;
	border: none;
	border-radius: 0;
	padding: 15px 20px
}

.tabs.custom-tabs .nav-tabs {
	border-bottom: 1px solid #eee
}

.tabs.custom-tabs .tab-pane {
	background-color: #fff;
	border: 15px solid #eee;
	border-top: 14px solid #eee;
	border-left: none
}

.tabs.custom-tabs .tab-content-container {
	padding: 15px 15px 5px 0
}

.tabs-vertical .nav-tabs>li {
	display: block;
	width: 100%
}

.tabs-vertical .nav-tabs,
.tabs-vertical .tab-content {
	display: table-cell;
	vertical-align: top
}

.tabs-vertical.custom-tabs.nav-tabs>li>a {
	border: none
}

.tabs-vertical.tabs.custom-tabs .nav-tabs {
	border-bottom: none
}

.tabs-vertical.custom-tabs .tab-pane {
	background-color: #fff;
	border: 15px solid #eee;
	border-right: none
}

.tabs-vertical.custom-tabs .tab-content-container {
	padding: 15px 0 5px 15px
}

.tabs-vertical.tabs .nav-tabs>li>a {
	margin-right: 0
}

.tabs-vertical .nav-tabs {
	border-bottom: none;
	height: 100%;
	float: none;
	padding: 0
}

.fs-table-cell,
.label-new,
.mfp-container:before,
.mfp-content,
.work-navigation a {
	vertical-align: middle
}

.bootstrap-tabs {
	margin-bottom: 20px!important
}

.tab-pane {
	border: none
}

blockquote,
blockquote p {
	font-style: normal;
	font-size: 21px;
	line-height: 32px;
	color: #4b4e53;
	font-weight: 100
}

blockquote p {
	margin-bottom: 13px
}

blockquote .small,
blockquote footer,
blockquote small {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7e8082;
	font-style: normal
}

.author-testimonial,
.countdown-amount,
.demo-total-icons,
.error404-main-text h2,
.error404-numb,
.error404-text,
h1,
h2,
h3 {
	font-family: Lato, Arial, Helvetica, sans-serif
}

blockquote {
	padding: 10px 20px 10px 30px;
	margin: 0 0 20px;
	border-left: 3px solid #eee;
	font-size: 16px
}

.blockquote-reverse,
blockquote.pull-right {
	padding-right: 25px
}

blockquote.custom-blockquote,
blockquote.custom-blockquote p {
	font-size: 16px;
	line-height: 24px;
	color: #777;
	font-style: italic
}

blockquote.custom-blockquote {
	margin: 0 0 10px;
	padding: 25px 20px 19px 26px;
	position: relative;
	background-color: #f8f8f8;
	border-left: 40px solid #ffea00
}

blockquote.custom-blockquote:before {
	z-index: 9;
	height: 100%;
	width: 38px;
	display: block;
	content: '"';
	position: absolute;
	left: -29px;
	top: 47%;
	font-size: 42px;
	font-style: normal
}

.iconed-box:before,
.styled-list>li:before,
.ts-lines:before {
	content: ""
}

.ts-container {
	position: relative
}

.ts-icon-container-bg {
	background-color: rgba(255, 234, 0, .5);
	padding-top: 52px;
	padding-bottom: 53px;
	width: 85px;
	float: left;
	position: absolute;
	top: 0;
	left: 0
}

.ts-icon-container {
	background-color: #ffea00;
	width: 85px;
	height: 85px;
	opacity: 1;
	text-align: center;
	padding: 19px
}

.ts-icon-container span {
	padding: 8px 0 14px;
	margin: 0;
	font-size: 26px;
	color: #4b4e53;
	border-color: #4b4e53
}

.ts-main-container-bg {
	background-color: #eee;
	margin-left: 85px
}

.ts-lines:before {
	display: block;
	width: 300%;
	background: #dfdfdf;
	position: absolute;
	top: 0;
	left: -300%;
	filter: alpha(opacity=50);
	height: 190px
}

.ts-img-container,
.ts-img-container img {
	width: 200px;
	height: 190px
}

.ts-text-container {
	position: relative;
	min-height: 190px;
	padding-top: 70px;
	padding-left: 40px;
	padding-right: 240px;
	font-size: 14px;
	line-height: 22px
}

.ts-img-container {
	position: absolute;
	right: 0;
	top: 0
}

.quote-author,
.testimonials {
	position: relative
}

.tls-small-text-container {
	background-color: #eee;
	padding: 25px 25px 75px
}

.tls-small-img-container {
	float: left;
	margin-right: 15px
}

.tls-small-author-name {
	font-size: 14px;
	line-height: 15px;
	color: #4b4e53
}

.tls-small-author-role {
	margin-top: 5px;
	font-size: 12px
}

.tls-small-author-container {
	margin-top: -55px
}

.bg-light-gray {
	background: #eee
}

.bg-white {
	background: #fff
}

.quote-author {
	left: 15px;
	margin-top: 20px
}

.quote-author-description {
	display: block;
	font-size: 12px
}

.author-testimonial {
	display: inline;
	margin-top: 7px;
	font-size: 16px;
	color: #4b4e53
}

.page-title-bg {
	background: rgba(255, 234, 0, .5)
}

.error404-text {
	text-align: center;
	color: #5a5a5a;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 25px;
	margin-top: 25px
}

.error404-numb {
	color: #909090;
	text-align: center;
	font-size: 250px;
	line-height: 250px;
	margin-bottom: 40px;
	margin-top: 30px
}

.error404-main-text h2 {
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	padding: 20px 15px 15px
}

.countdown-item-container {
	margin: 0 auto 20px;
	padding: 38px 20px 20px;
	width: 150px;
	height: 150px;
	background: #4b4e53
}

.countdown-item-container2 {
	margin: 0 auto 20px;
	padding: 33px 20px 20px;
	width: 150px;
	height: 150px;
	border: 5px solid #fff;
	border-radius: 50%
}

.countdown-amount {
	display: block;
	font-weight: 300;
	font-size: 40px;
	line-height: 50px;
	color: #fff
}

.countdown-period {
	display: block;
	font-weight: 400;
	font-size: 14px;
	color: rgba(255, 255, 255, .7)
}

.coming-soon-main-text-container h1 {
	font-size: 60px;
	line-height: 65px;
	margin-top: 0;
	margin-bottom: 45px;
	letter-spacing: 10px
}

.coming-soon-main-text-container h3.font-white {
	font-weight: 300
}

@media only screen and (max-width :1024px) {
	.coming-soon-main-text-container h1 {
		font-weight: 600;
		font-size: 40px;
		line-height: 45px;
		margin-top: 0
	}
	.coming-soon-main-text-container h3 {
		font-size: 18px;
		line-height: 25px
	}
}

.alert {
	border-radius: 0
}

.alert-icon {
	margin-right: 7px
}

.iconed-box.error:before {
	background-position: -36px center
}

.iconed-box.success:before {
	background-position: 0 center
}

.iconed-box.info:before {
	background-position: -72px center
}

.iconed-box.notice:before {
	background-position: -108px center
}

.iconed-box:before {
	height: 100%;
	left: 10px;
	max-height: 80px;
	top: 0;
	width: 36px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/box-icons.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute
}

#sidebar-stiky.affix-top,
.styled-box {
	position: relative
}

.styled-box.success {
	background: #EDFFD7;
	border-color: #80c080;
	color: #32a432
}

.styled-box.error {
	background: #fdebeb;
	border-color: #ffa7a1;
	color: #e17585
}

.styled-box.info {
	background: #E2F1FF;
	border-color: #73bfe4;
	color: #4ac2f3
}

.styled-box.notice {
	background: #FFE;
	border-color: #fbc778;
	color: #f90
}

.styled-box {
	background: #FFF;
	border-width: 1px 1px 1px 3px;
	border-style: solid;
	border-color: #D6D6D6;
	margin-bottom: 15px;
	padding: 10px 20px
}

.demo .styled-box {
	padding-top: 20px;
	padding-bottom: 20px
}

.iconed-box {
	padding-left: 60px
}

#contact-form .iconed-box {
	padding-left: 60px;
	width: 220px;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

.demo-popup-gallery a img {
	margin-bottom: 3px
}

.demo-bs-glyphicons .col-md-3.col-sm-4,
.fontawesome-icon-list [class*=col-md-] {
	margin-bottom: 12px
}

.demo-grid-block {
	background-color: #EEE;
	line-height: 40px;
	min-height: 40px;
	text-align: center;
	display: block
}

.demo-total-icons {
	font-weight: 300;
	font-size: 50px;
	line-height: 50px;
	padding-top: 22px
}

.demo-bs-glyphicons span.glyphicon,
.demo-elegant-font span.col-md-3.col-sm-4 span,
.fontawesome-icon-list i {
	font-size: 1.3em;
	margin-right: 5px
}

.fontawesome-icon-list i {
	display: inline-block;
	width: 30px;
	text-align: center;
	position: relative;
	top: 2px
}

.demo-elegant-font span.col-md-3.col-sm-4 {
	display: block;
	margin-bottom: 12px
}

.demo-anim-text {
	margin-top: 15px
}

#sidebar-stiky {
	margin-bottom: 20px
}

#sidebar-stiky.affix-bottom {
	position: absolute
}

#sidebar-stiky.affix {
	position: fixed;
	top: 70px
}

.blog-categories {
	margin: 0;
	padding: 0
}

.blog-categories li {
	list-style: none
}

.blog-categories li a {
	color: #7e8082;
	height: 38px;
	line-height: 38px;
	display: block;
	padding: 0;
	background: 0 0!important
}

.blog-categories li a:hover {
	color: #101010
}

.blog-cat-icon {
	display: block;
	text-align: center;
	float: left;
	margin-right: 15px;
	height: 38px;
	width: 38px;
	font-size: 17px;
	line-height: 36px;
	color: #4b4e53;
	background-color: #dfdfdf;
	transition: all .3s ease 0s
}

.blog-categories li a:hover .blog-cat-icon {
	background-color: #ffea00;
	height: 48px;
	width: 48px;
	line-height: 46px;
	transition: all .3s ease 0s
}

.blog-categories li a:hover {
	height: 48px;
	line-height: 48px;
	transition: all .3s ease 0s
}

.blog-categories li.current .blog-cat-icon {
	background-color: #ffea00;
	height: 48px;
	width: 48px;
	line-height: 46px;
	transition: all .3s ease 0s
}

.blog-categories li.current a {
	height: 48px;
	line-height: 48px;
	transition: all .3s ease 0s
}

.ml-min-10 {
	margin-left: -10px
}

.blog-pag .pagination .active a,
.blog-pag .pagination>.active>a:focus,
.blog-pag .pagination>.active>a:hover,
.blog-pag .pagination>.active>span,
.blog-pag .pagination>.active>span:focus,
.blog-pag .pagination>.active>span:hover {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #4b4e53;
	border-color: #337ab7
}

.blog-pag .pagination>li>a,
.blog-pag .pagination>li>span {
	color: #7e8082;
	margin-right: 7px;
	padding: 8px 14px;
	border: none;
	border-radius: 0
}

.blog-pag .pagination li i {
	font-size: 16px
}

.post-author .panel,
.post-author .panel-heading {
	border-radius: 0
}

.post-author .panel-heading {
	color: #7e8082
}

.comment-list {
	margin: 0;
	padding: 0;
	list-style: none
}

.post-author-container {
	position: relative;
	padding: 25px;
	margin-bottom: 30px;
	background: #eee;
	min-height: 130px
}

.post-author-container p {
	font-size: 13px;
	line-height: 22px
}

.post-author-avatar {
	margin-right: 20px;
	float: left
}

.post-author-container .comment-author {
	margin-top: 7px;
	margin-bottom: 7px;
	font-size: 16px
}

.comment-author .comment-date {
	font-size: 12px;
	margin-bottom: 10px
}

.blog-page-title {
	font-size: 18px;
	font-weight: 600
}

.blog-page-title small {
	font-size: 12px
}

.comment-item {
	padding-top: 30px!important;
	border-top: 1px dotted #e9e9e9;
	font-size: 14px;
	overflow: hidden
}

.comment-item:first-child {
	padding-top: 0;
	border-top: none
}

#comments .media-body {
	overflow: visible
}

.comment-reply {
	margin-left: -25px
}

.comment-avatar {
	width: 70px;
	margin-right: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.comment-item-title {
	margin: 0 0 5px
}

.comment-author {
	display: inline-block;
	margin-right: 20px;
	font-weight: 700
}

.comment-date {
	font-size: 12px
}

#comments .media {
	margin-top: 0
}

@media only screen and (max-width:1024px) {
	.comment-avatar {
		width: 50px;
		margin-right: 10px
	}
	.comment-reply {
		margin-left: -35px
	}
}

@media only screen and (max-width:480px) {
	.comment-avatar {
		width: 40px;
		margin-right: 10px;
		margin-top: 7px
	}
	.comment-reply {
		margin-left: -45px
	}
	.post-author-avatar {
		margin-bottom: 10px;
		float: none
	}
}

.work-navigation {
	padding: 18px 0;
	width: 100%;
	background: #fff;
	font-size: 12px;
	letter-spacing: 2px;
	z-index: 99
}

.work-navigation .icon {
	font-size: 24px;
	vertical-align: middle
}

.work-navigation .work-all .icon {
	font-size: 20px;
	line-height: 19px
}

.work-navigation .fa-times {
	font-size: 16px;
	margin-top: -2px
}

.work-navigation a {
	display: block;
	float: left;
	width: 33.33333%;
	overflow: hidden;
	white-space: nowrap;
	cursor: default
}

.dropcap1,
.dropcap2,
.dropcap3,
.dropcap4,
.glyphs.css-mapping li,
.work-navigation a span {
	display: inline-block
}

.work-prev {
	text-align: left
}

.dropcap1,
.dropcap2,
.dropcap3,
.dropcap4,
.work-all {
	text-align: center
}

.work-next {
	text-align: right
}

.related-posts .post-prev-title h3 {
	font-size: 14px;
	line-height: 25px
}

.related-posts .post-prev-img {
	margin-bottom: 15px
}

.over-hide {
	overflow: hidden
}

.skill-bar {
	height: 36px;
	position: relative;
	background: #f6f6f6;
	margin: 0 0 5px
}

.skill-bar-content[data-percentage] {
	text-indent: -9999px
}

.skill-bar-content {
	background: #101010;
	height: 36px;
	width: 0%
}

.skill-bar .skill-title {
	color: #4b4e53;
	top: 10px;
	left: 15px;
	position: absolute
}

.skill-bar .percentage {
	color: #666;
	position: absolute;
	top: 9px;
	left: 90%;
	background-color: #0C0
}

.skill-bar2 .skill-bar .skill-title {
	color: #fff;
	top: 7px;
	left: 15px
}

.skill-bar2 .skill-bar-content {
	background: #4b4e53;
	height: 40px
}

.skill-bar2 .skill-bar {
	height: 40px;
	margin: 0 0 10px
}

.skillbar {
	position: relative;
	display: block;
	margin-top: 25px;
	margin-bottom: 55px;
	width: 100%;
	background: #eee;
	height: 2px;
	-webkit-transition: .4s linear;
	-moz-transition: .4s linear;
	-ms-transition: .4s linear;
	-o-transition: .4s linear;
	transition: .4s linear;
	-webkit-transition-property: width, background-color;
	-moz-transition-property: width, background-color;
	-ms-transition-property: width, background-color;
	-o-transition-property: width, background-color;
	transition-property: width, background-color
}

.skillbar-title {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #4b4e53
}

.skillbar-title span {
	display: block;
	height: 40px;
	line-height: 40px
}

.skillbar-bar {
	height: 2px;
	width: 0;
	background: #4b4e53
}

.skill-bar-percent {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 40px;
	line-height: 40px;
	color: rgba(0, 0, 0, .6)
}

.audio-box audio {
	width: 100%
}

.maintenance-icon-container {
	margin-top: 10px;
	margin-bottom: 50px
}

.maintenance-icon {
	font-size: 175px
}

.maintenance-text-container h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 70px;
	line-height: 70px;
	font-weight: 600
}

.maintenance-text-container h2 {
	margin-top: 0
}

.maintenance-container {
	padding-top: 250px;
	padding-bottom: 150px
}

.under-constr-bg {
	background: url(../images/under-const.jpg) center center no-repeat;
	background-size: cover!important;
	width: 100%;
	display: block;
	position: relative;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden
}

@media only screen and (max-width:767px) {
	.maintenance-container {
		padding-top: 150px;
		padding-bottom: 100px
	}
	.coming-soon-main-text-container h3 {
		font-size: 16px;
		line-height: 25px
	}
	.text-left-767 {
		text-align: left
	}
	.text-center-767 {
		text-align: center
	}
	.w-100-767 {
		width: 100%
	}
}

ul#portfolio {
	margin: 0;
	padding: 0;
	list-style: none;
	transition: none!important
}

.isotope-item {
	z-index: 2
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1
}

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity
}

.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s
}

.dropcap1 {
	background: #EAEAEA;
	color: #777;
	float: left;
	font-size: 50px;
	font-weight: 400;
	line-height: 75px;
	margin: 6px 20px 0 0;
	padding-bottom: 2px;
	width: 56px
}

.dropcap2 {
	color: #fff;
	float: left;
	font-size: 40px;
	height: 75px;
	line-height: 70px;
	width: 75px;
	border-radius: 50%;
	padding-left: 1px;
	background-attachment: scroll;
	background-color: #8f8f8f;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	margin: 8px 20px 0 0
}

.dropcap3 {
	color: #777;
	float: left;
	font-size: 60px;
	font-weight: lighter;
	line-height: 60px;
	margin: 0 20px 0 0;
	padding-bottom: 2px
}

.dropcap4,
.label,
h1,
h2,
h3 {
	font-weight: 400
}

.dropcap4 {
	background: #ffea00;
	color: #fff;
	float: left;
	font-size: 50px;
	line-height: 75px;
	margin: 6px 20px 0 0;
	padding-bottom: 2px;
	width: 56px
}

h4,
h5 {
	line-height: 25px
}

.styled-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.styled-list.style-1>li:before {
	background-position: 0 -30px
}

.styled-list.style-2>li:before {
	background-position: 0 -60px
}

.styled-list.style-3>li:before {
	background-position: 0 -14px
}

.styled-list.style-4>li:before {
	background-position: 0 0
}

.styled-list.style-5>li:before {
	background-position: 0 -45px
}

.styled-list.style-6>li:before {
	background-position: 0 -75px
}

.styled-list>li:before {
	height: 15px;
	left: 0;
	top: 1.5px;
	width: 15px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/list-icons.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: absolute
}

.divider:after,
.heading-line:before {
	content: '';
	height: 0;
	width: 100%
}

.heading-line,
.styled-list>li {
	position: relative
}

.styled-list>li {
	padding-left: 19px
}

.demo-list-styles ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none
}

h5,
h6 {
	letter-spacing: normal;
	margin: 18px 0 13px
}

.contact-text-container {
	padding-left: 50px;
	padding-top: 12px;
	min-height: 46px;
	opacity: .8
}

.right,
.right-1024 {
	float: right
}

.left {
	float: left
}

.right-text {
	text-align: right
}

.button-full-center,
.center-text,
.divider i,
.divider.divider-center {
	text-align: center
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #4b4e53
}

h1 {
	font-size: 32px;
	line-height: 45px;
	margin: 40px 0 32px
}

h2 {
	font-size: 28px;
	line-height: 32px;
	margin: 27px 0 18px
}

h3 {
	font-size: 24px;
	letter-spacing: normal;
	line-height: 33px;
	margin: 26px 0 16px
}

h4 {
	font-size: 18px;
	letter-spacing: normal;
	margin: 21px 0 19px
}

h5 {
	font-size: 14px
}

h6 {
	font-size: 12px;
	line-height: 18px
}

.heading-line h1,
.heading-line h2,
.heading-line h3,
.heading-line h4,
.heading-line h5,
.heading-line h6 {
	position: relative;
	display: inline-block;
	background-color: #FFF;
	padding-right: 15px
}

.heading-line:before {
	position: absolute;
	border-top: 2px solid #eee;
	left: auto;
	top: 58%;
	right: 0
}

.h2-line:before {
	top: 59%
}

.h3-line:before {
	top: 61%
}

.h4-line:before {
	top: 51.5%
}

.h5-line:before,
.h6-line:before {
	top: 55%
}

.heading-underline h1,
.heading-underline h2,
.heading-underline h3,
.heading-underline h4,
.heading-underline h5,
.heading-underline h6 {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px
}

.heading-underline h2 {
	padding-bottom: 20px
}

.heading-underline h3,
.heading-underline h4,
.heading-underline h5,
.heading-underline h6 {
	padding-bottom: 16px
}

.divider {
	position: relative;
	overflow: hidden;
	margin: 35px 0;
	color: #eee;
	width: 100%
}

.divider i {
	position: relative;
	line-height: 1;
	font-size: 14px!important
}

.divider:after {
	position: absolute;
	top: 12px;
	left: 25px;
	border-top: 2px solid #EEE
}

.divider.divider-center i {
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	z-index: 1
}

.divider.divider-center:after {
	left: 0
}

.divider-line {
	height: 2px;
	width: 100%;
	background: #eee
}

.divider-dashed {
	height: 0;
	width: 100%;
	margin: 20px 0;
	border-top: 2px dashed #eee
}

hr {
	border-top: 1px solid #eee;
	margin: 22px 0
}

hr.gradient {
	background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, .2), transparent);
	background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, .2), transparent);
	border: 0;
	height: 1px;
	margin: 22px 0
}

hr.short {
	margin: 11px 0
}

hr.tall {
	margin: 44px 0
}

hr.taller {
	margin: 66px 0
}

hr.light {
	background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, .2), transparent);
	background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, .2), transparent)
}

hr.invisible {
	background: 0 0
}

.highlight-text,
.highlight-text-grey {
	background-color: #ffea00;
	color: #4b4e53;
	padding: 0 3px
}

.highlight-text-grey {
	background-color: silver;
	color: #fff
}

.icon-list {
	padding-left: 0;
	margin-left: 24px;
	list-style-type: none
}

.icon-list li {
	position: relative
}

.icon-list>li [class*=" fa-"] {
	position: absolute;
	left: -21px;
	text-align: center;
	top: 4px;
	width: 14px
}

.icon-list.elegant-font {
	margin-left: 0;
	margin-bottom: 0
}

.icon-li {
	margin-right: 10px
}

.glyphs.css-mapping {
	margin: 0;
	padding: 0;
	color: rgba(0, 0, 0, .5)
}

.glyphs.css-mapping li {
	margin: 0 30px 20px 0;
	padding: 0;
	overflow: hidden
}

.glyphs.css-mapping .icon {
	margin: 0 10px 0 0;
	padding: 13px;
	height: 50px;
	width: 50px;
	color: #162a36!important;
	overflow: hidden;
	float: left;
	font-size: 24px
}

.glyphs.css-mapping input {
	margin: 5px 0 0;
	padding: 8px;
	line-height: 16px;
	font-size: 16px;
	display: block;
	width: 150px;
	height: 40px;
	border: 1px solid #d8e0e5;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	outline: 0;
	float: right
}

.button-icon-left,
.demo-buttons a {
	margin-right: 6px
}

pre {
	border-radius: 0
}

.button,
button {
	border: none;
	transition: all .3s ease 0s
}

.modal-header h3 {
	color: #333;
	text-transform: none
}

@media (max-width:767px) {
	.pt-b-0-767 {
		padding-top: 0!important;
		padding-bottom: 0!important
	}
	h1.big {
		font-size: 3.2em;
		line-height: 42px
	}
	.cis-icon {
		top: 25px;
		font-size: 25px
	}
	.cis-cont {
		padding-left: 50px
	}
	.contact-form-cont {
		padding: 80px 20px
	}
}

button {
	cursor: pointer
}

.button {
	background-color: #ffea00;
	color: #4b4e53;
	border-radius: 2px;
	outline: 0;
	position: relative
}

.button.large-border,
.button.medium-border,
.button.small-border {
	border-bottom: 1px solid #FFF!important;
	border-right: 1px solid #FFF!important;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, .1)!important
}

.mfp-wrap,
a {
	outline: 0!important
}

.button:hover {
	background-color: #101010;
	color: #fff;
	transition: all .3s ease 0s
}

.button.medium {
	padding: 10px 37px;
	display: inline-block
}

.button.medium-border,
.button.medium-compare {
	font-size: 14px;
	line-height: 36px;
	padding: 0 16px;
	display: inline-block
}

.button.medium-compare {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 90%
}

.button.medium-border {
	height: 36px
}

.button.large {
	font-size: 16px;
	line-height: 20px;
	padding: 20px 40px;
	display: inline-block
}

.button.large-border {
	font-size: 20px;
	line-height: 20px;
	padding: 15px 39px;
	display: inline-block
}

.button.small,
.button.small-border {
	line-height: 16px;
	display: inline-block
}

.button.small {
	font-size: 11px;
	padding: 10px 15px
}

.button.small-border {
	font-size: 12px;
	padding: 6px 10px
}

.button-icon-right {
	margin-left: 6px
}

.btn-4 {
	overflow: hidden;
	padding-right: 40px!important;
	padding-left: 40px!important
}

.btn-4 .button-icon-anim {
	position: absolute;
	font-size: 125%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: left .3s ease
}

.btn-4aa .button-icon-anim {
	left: 130%
}

.btn-4aa-inv .button-icon-anim,
.btn-4aa:hover .button-icon-anim {
	left: 76%
}

.btn-4aa-inv:hover .button-icon-anim {
	left: 102%
}

.btn-4cc .button-icon-anim {
	left: 70%;
	opacity: 0
}

.btn-4cc-inv .button-icon-anim,
.btn-4cc:hover .button-icon-anim {
	left: 76%;
	opacity: 1
}

.btn-4cc-inv:hover .button-icon-anim {
	left: 70%;
	opacity: 0
}

.btn-5 {
	overflow: hidden;
	backface-visibility: hidden;
	padding-right: 45px;
	padding-left: 45px
}

.btn-5 .button-text-anim,
.mfp-wrap {
	-webkit-backface-visibility: hidden
}

.btn-5 .button-text-anim {
	display: inline-block;
	width: 100%;
	height: 100%;
	transition: all ease .3s;
	backface-visibility: hidden
}

.btn-5 .button-icon-anim {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 180%;
	transition: all ease .3s
}

.btn-5aa:hover .button-text-anim {
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%)
}

.btn-5aa .button-icon-anim {
	top: -100%
}

.btn-5aa:hover .button-icon-anim {
	top: 50%;
	left: 50%
}

.btn-5bb:hover .button-text-anim {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%)
}

.btn-5bb .button-icon-anim {
	left: -100%
}

.btn-5bb:hover .button-icon-anim {
	left: 50%
}

.button.large.thin,
.button.medium.thin,
.button.small.thin,
.button.thin {
	position: relative;
	display: inline-block;
	padding: 13px 17px;
	background-color: transparent;
	color: #7a7b80;
	border: 2px solid #c5c2c2;
	transition: all .3s ease 0s
}

.button.small.thin {
	padding: 10px 15px!important
}

.button.medium.thin {
	padding: 8px 35px!important
}

.button.large.thin {
	padding: 15px 20px!important;
	line-height: 22px
}

.button.thin:hover {
	background-color: #d7d9dc;
	color: #4b4e53;
	border: 2px solid #d7d9dc;
	transition: all .3s ease 0s
}

.button.thin.hover-dark:hover {
	background-color: #4b4e53!important;
	border: 2px solid #4b4e53!important;
	color: #fff!important
}

.button.thin-bg-dark,
.button.thin-bg-dark:hover {
	color: #4b4e53!important;
	transition: all .3s ease 0s
}

.button.thin-bg-dark {
	position: relative;
	display: inline-block;
	padding: 13px 17px!important;
	background-color: transparent!important;
	border: 2px solid #727578!important
}

.button.thin-bg-dark:hover {
	background-color: #ffea00!important;
	border: 2px solid #ffea00!important
}

.button.thin.yellow {
	border-color: #ffea00;
	color: #ffea00
}

.button.thin.yellow:hover {
	background-color: #ffea00;
	color: #4b4e53
}

.button.thin.blue {
	border-color: #37a2d6;
	color: #37a2d6
}

.button.thin.blue:hover {
	background-color: #37a2d6;
	color: #fff
}

.button.thin.cyan {
	border-color: #4cc1d3;
	color: #4cc1d3
}

.button.thin.cyan:hover {
	background-color: #4cc1d3;
	color: #fff
}

.button.thin.teal {
	border-color: #1bbc9b;
	color: #1bbc9b
}

.button.thin.teal:hover {
	background-color: #1bbc9b;
	color: #fff
}

.button.thin.gray {
	border-color: #535961;
	color: #535961
}

.button.thin.gray:hover {
	background-color: #535961;
	color: #fff
}

.button.thin.white {
	border-color: #fff;
	color: #fff
}

.button.thin.white:hover {
	background-color: #fff;
	color: #4b4e53
}

.button.thin.gray-light {
	border-color: #d7d9dc;
	color: #d7d9dc
}

.button.thin.gray-light:hover {
	background-color: #d7d9dc;
	color: #fff
}

.button.thin.deeporange {
	border-color: #ff5722;
	color: #ff5722
}

.button.thin.deeporange:hover {
	background-color: #ff5722;
	color: #fff
}

.button.thin.green {
	border-color: #259b24;
	color: #259b24
}

.button.thin.green:hover {
	background-color: #259b24;
	color: #fff
}

.button.thin.lime {
	border-color: #cddc39;
	color: #cddc39
}

.button.thin.lime:hover {
	background-color: #cddc39;
	color: #fff
}

.button.hover-thin {
	border: 2px solid #ffea00;
	transition: all .3s ease 0s
}

.button.hover-thin:hover {
	background: 0 0;
	border: 2px solid #dfdfdf;
	color: #4b4e53
}

.button.medium.hover-thin {
	padding: 10px 37px
}

.button.large.hover-thin {
	padding: 18px 23px
}

.button.small.hover-thin {
	padding: 8px 13px
}

.button.yellow.hover-thin {
	border-color: #ffea00
}

.button.yellow.hover-thin:hover {
	background: 0 0;
	border: 2px solid #ffea00;
	color: #ffea00
}

.button.blue.hover-thin {
	border-color: #37a2d6
}

.button.blue.hover-thin:hover {
	background: 0 0;
	border: 2px solid #37a2d6;
	color: #37a2d6
}

.button.cyan.hover-thin {
	border-color: #4cc1d3
}

.button.cyan.hover-thin:hover {
	background: 0 0;
	border: 2px solid #4cc1d3;
	color: #4cc1d3
}

.button.teal.hover-thin {
	border-color: #1bbc9b
}

.button.teal.hover-thin:hover {
	background: 0 0;
	border: 2px solid #1bbc9b;
	color: #1bbc9b
}

.button.gray.hover-thin {
	border-color: #535961
}

.button.gray.hover-thin:hover {
	background: 0 0;
	border: 2px solid #535961;
	color: #535961
}

.button.gray-light.hover-thin {
	border-color: #d7d9dc
}

.button.gray-light.hover-thin:hover {
	background: 0 0;
	border: 2px solid #d7d9dc;
	color: #4b4e53
}

.button.deeporange.hover-thin {
	border-color: #ff5722
}

.button.deeporange.hover-thin:hover {
	background: 0 0;
	border: 2px solid #ff5722;
	color: #ff5722
}

.button.green.hover-thin {
	border-color: #259b24
}

.button.green.hover-thin:hover {
	background: 0 0;
	border: 2px solid #259b24;
	color: #259b24
}

.button.lime.hover-thin {
	border-color: #cddc39
}

.button.lime.hover-thin:hover {
	background: 0 0;
	border: 2px solid #cddc39;
	color: #cddc39
}

.button.thin-inv,
.button.thin-inv-bg-dark {
	display: inline-block;
	background-color: #ffea00!important;
	color: #fff!important;
	border: 2px solid #ffea00!important;
	transition: all .3s ease 0s
}

.button.thin-inv-bg-dark:hover,
.button.thin-inv:hover {
	background-color: transparent!important;
	border: 2px solid #dfdfdf!important;
	transition: all .3s ease 0s
}

.button.thin-inv:hover {
	color: #4b4e53!important
}

.button.thin-inv-bg-dark:hover {
	color: #fff
}

.button.color-black {
	color: #4b4e53!important
}

.button.yellow {
	background-color: #ffea00;
	color: #4b4e53
}

.button.yellow:hover {
	background-color: #4b4e53;
	color: #fff
}

.button.blue {
	background-color: #37a2d6;
	color: #fff
}

.button.blue:hover {
	background-color: #4b4e53
}

.button.cyan {
	background-color: #4cc1d3;
	color: #fff
}

.button.cyan:hover {
	background-color: #4b4e53
}

.button.teal {
	background-color: #1bbc9b;
	color: #fff
}

.button.teal:hover {
	background-color: #4b4e53
}

.button.gray {
	color: #fff;
	background-color: #535961
}

.button.gray:hover {
	background-color: #101010
}

.button.gray-light {
	color: #4b4e53;
	background-color: #d7d9dc
}

.button.gray-light:hover {
	background-color: #4b4e53;
	color: #fff;
	cursor: pointer
}

.button.deeporange {
	color: #fff;
	background-color: #ff5722
}

.button.deeporange:hover {
	background-color: #4b4e53;
	cursor: pointer
}

.button.green {
	color: #fff;
	background-color: #259b24
}

.button.green:hover {
	background-color: #4b4e53;
	cursor: pointer
}

.button.lime {
	color: #fff;
	background-color: #cddc39
}

.button.lime:hover {
	background-color: #4b4e53;
	cursor: pointer
}

.demo-buttons a {
	margin-bottom: 10px
}

.button i {
	margin: 0 5px 0 -1px
}

.button.medium i,
.button.medium-border i {
	margin: 0 6px 0 -4px
}

.button.large i,
.button.large-border i {
	margin: 0 10px 0 -15px
}

.button.black {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-style: normal;
	background-color: #4d4d4d
}

.highlight,
.milestone-details {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 300
}

.button.black:hover {
	background-color: #575757
}

a {
	color: #4b4e53;
	transition: all .3s ease 0s
}

.a-dark {
	color: #101010
}

.a-dark:hover {
	color: #97999c
}

.a-white {
	color: #fff
}

.a-white:hover {
	color: #a5a5a5
}

.a-inv {
	color: #7e8082
}

.a-inv:hover {
	color: #101010
}

.a-text,
.a-text-cont a {
	color: #7e8082
}

.a-text-cont a:hover,
.a-text:hover {
	color: #101010
}

.a-blue {
	color: #37a2d6
}

.a-blue:hover {
	color: #4b4e53
}

a:focus {
	text-decoration: none!important
}

#back-top a,
.accordion>dt>a,
.mfp-close,
.toggle>dt>a,
.toggle>dt>a:hover,
a:focus,
a:hover {
	text-decoration: none
}

a:focus,
a:hover {
	color: #97999c;
	transition: all .3s ease 0s;
	cursor: pointer
}

.button.get-theme {
	font-size: 14px;
	padding: 10px 17px 10px 40px;
	background: url(../images/icon-get-theme.png) 14px center no-repeat, #ffea00;
	display: inline-block;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, .1)
}

.button.get-theme:hover {
	background-color: #5a5a5a
}

.button-full-center {
	font-style: normal;
	width: 100%;
	font-weight: 300
}

.container-buttons {
	margin: 0;
	padding: 0;
	list-style: none
}

.container-buttons li {
	margin-bottom: 10px
}

.black-text {
	color: #4B4E53!important;
	border-color: #4B4E53!important
}

.m-0 {
	margin: 0!important
}

.m-10 {
	margin: 2px
}

.mt-min-30 {
	margin-top: -30px
}

.mt-min-35 {
	margin-top: -35px
}

.mt-min-180 {
	margin-top: -180px
}

.mt-min-120 {
	margin-top: -120px
}

.mt-min-210 {
	margin-top: -210px
}

.mt-min-500 {
	margin-top: -500px
}

.mt-0 {
	margin-top: 0!important
}

.mt-5 {
	margin-top: 5px!important
}

.mt-10 {
	margin-top: 10px!important
}

.mt-20 {
	margin-top: 20px
}

.mt-25 {
	margin-top: 25px!important
}

.mt-30 {
	margin-top: 30px!important
}

.mt-40 {
	margin-top: 40px!important
}

.mt-50 {
	margin-top: 50px!important
}

.mt-55 {
	margin-top: 55px
}

.mt-60 {
	margin-top: 60px!important
}

.mt-70 {
	margin-top: 70px
}

.mt-80 {
	margin-top: 80px
}

.mt-90 {
	margin-top: 90px
}

.mt-100 {
	margin-top: 100px
}

.mt-110 {
	margin-top: 110px
}

.mt-150 {
	margin-top: 150px
}

.mt-170 {
	margin-top: 170px
}

.mr-0 {
	margin-right: 0!important
}

.mr-5 {
	margin-right: 5px
}

.mr-7 {
	margin-right: 7px
}

.mr-10 {
	margin-right: 10px
}

.mr-15 {
	margin-right: 15px
}

.mr-20 {
	margin-right: 20px
}

.mb-0 {
	margin-bottom: 0!important
}

.mb-5 {
	margin-bottom: 5px!important
}

.mb-10 {
	margin-bottom: 10px!important
}

.mb-15 {
	margin-bottom: 15px!important
}

.mb-20 {
	margin-bottom: 20px!important
}

.mb-23 {
	margin-bottom: 23px
}

.mb-40 {
	margin-bottom: 40px!important
}

.mb-45 {
	margin-bottom: 45px!important
}

.mb-25 {
	margin-bottom: 25px!important
}

.mb-30 {
	margin-bottom: 30px!important
}

.mb-35 {
	margin-bottom: 35px!important
}

.mb-50 {
	margin-bottom: 50px
}

.mb-60 {
	margin-bottom: 60px!important
}

.mb-70 {
	margin-bottom: 70px!important
}

.mb-75 {
	margin-bottom: 75px
}

.mb-80 {
	margin-bottom: 80px!important
}

.mb-90 {
	margin-bottom: 90px
}

.mb-100 {
	margin-bottom: 100px
}

.mb-110 {
	margin-bottom: 110px
}

.mb-140 {
	margin-bottom: 140px
}

.mb-160 {
	margin-bottom: 160px
}

.mb-170 {
	margin-bottom: 170px
}

.mb-180 {
	margin-bottom: 180px
}

.mb-210 {
	margin-bottom: 210px
}

.ml-0 {
	margin-left: 0!important
}

.ml-10 {
	margin-left: 10px
}

.ml-20 {
	margin-left: 20px
}

.ml-30 {
	margin-left: 30px!important
}

.ml-40 {
	margin-left: 40px!important
}

.mlr-1 {
	margin-left: 1px;
	margin-right: 1px
}

.mlr-10 {
	margin-left: 10px;
	margin-right: 10px
}

.mlr-30 {
	margin-left: 30px;
	margin-right: 30px
}

.mlr-min-30 {
	margin-left: -30px!important;
	margin-right: -30px!important
}

.p-0 {
	padding: 0!important
}

.p-10 {
	padding: 10px!important
}

.p-15 {
	padding: 15px!important
}

.p-20 {
	padding: 20px
}

.p-25 {
	padding: 25px
}

.p-40 {
	padding: 40px
}

.pt-0 {
	padding-top: 0
}

.pt-10 {
	padding-top: 10px
}

.pt-20 {
	padding-top: 20px
}

.pt-30 {
	padding-top: 30px
}

.pt-36 {
	padding-top: 36px
}

.pt-40 {
	padding-top: 40px
}

.pt-50 {
	padding-top: 50px
}

.pt-55 {
	padding-top: 55px
}

.pt-60 {
	padding-top: 60px
}

.pt-65 {
	padding-top: 65px
}

.pt-70 {
	padding-top: 70px
}

.pt-75 {
	padding-top: 75px
}

.pt-80 {
	padding-top: 80px
}

.pt-95 {
	padding-top: 95px
}

.pt-100 {
	padding-top: 100px
}

.pt-130 {
	padding-top: 130px
}

.pt-140 {
	padding-top: 140px
}

.pt-250 {
	padding-top: 250px
}

.pr-0 {
	padding-right: 0!important
}

.pr-15 {
	padding-right: 15px
}

.pr-75 {
	padding-right: 75px
}

.pb-0 {
	padding-bottom: 0!important
}

.pb-10 {
	padding-bottom: 10px!important
}

.pb-20 {
	padding-bottom: 20px
}

.pb-30 {
	padding-bottom: 30px!important
}

.pb-40 {
	padding-bottom: 40px
}

.pb-45 {
	padding-bottom: 45px
}

.pb-50 {
	padding-bottom: 50px
}

.pb-55 {
	padding-bottom: 55px
}

.pb-60 {
	padding-bottom: 60px
}

.pb-65 {
	padding-bottom: 65px
}

.pb-70 {
	padding-bottom: 70px
}

.pb-80 {
	padding-bottom: 80px
}

.pb-130 {
	padding-bottom: 130px
}

.pb-140 {
	padding-bottom: 140px
}

.pl-0 {
	padding-left: 0!important
}

.pl-20 {
	padding-left: 20px
}

.plr-0 {
	padding-left: 0!important;
	padding-right: 0!important
}

.plr-1 {
	padding-left: 1px;
	padding-right: 1px
}

.plr-5 {
	padding-left: 5px;
	padding-right: 5px
}

.plr-10 {
	padding-left: 10px;
	padding-right: 10px
}

.plr-15 {
	padding-left: 15px;
	padding-right: 15px
}

.plr-20 {
	padding-left: 20px;
	padding-right: 20px
}

.plr-30 {
	padding-left: 30px;
	padding-right: 30px
}

.plr-40 {
	padding-left: 40px;
	padding-right: 40px
}

.plr-50 {
	padding-left: 50px;
	padding-right: 50px
}

.pad-login-right {
	padding-right: 0!important
}

@media (max-width:1024px) {
	.page-title-cont,
	.page-title-small {
		padding-top: 10px;
		padding-bottom: 40px
	}
	.page-title-cont.page-title-large {
		padding-top: 30px
	}
	.page-title-cont.page-title-large.blog-single-fullwidth-img {
		padding-top: 480px
	}
	.page-title-img {
		background-attachment: scroll
	}
}

@media (max-width:768px) {
	.breadcrumbs,
	.page-title-small .breadcrumbs {
		margin-top: 0;
		text-align: left
	}
}

@media (max-width:767px) {
	.plr-0-767 {
		padding-left: 0;
		padding-right: 0
	}
	.pt-0-767 {
		padding-top: 0!important
	}
	.pt-b-10-767 {
		padding-top: 20px!important;
		padding-bottom: 20px!important
	}
	.page-title {
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 24px
	}
	.page-title-cont.page-title-large.blog-single-fullwidth-img {
		padding-top: 220px
	}
}

.counter-icon,
.highlight {
	display: block;
	line-height: 48px;
	float: left
}

@media only screen and (max-width:767px) {
	.m-xs-0 {
		margin: 0!important
	}
	.mt-xs-0 {
		margin-top: 0!important
	}
	.mt-xs-10 {
		margin-top: 10px!important
	}
	.mt-xs-20 {
		margin-top: 20px!important
	}
	.mt-xs-30 {
		margin-top: 30px!important
	}
	.mt-xs-40 {
		margin-top: 40px!important
	}
	.mt-xs-50 {
		margin-top: 50px!important
	}
	.mt-xs-60 {
		margin-top: 60px!important
	}
	.mt-xs-70 {
		margin-top: 70px!important
	}
	.mt-xs-80 {
		margin-top: 80px!important
	}
	.mt-xs-90 {
		margin-top: 90px!important
	}
	.mt-xs-100 {
		margin-top: 100px!important
	}
	.mt-xs-110 {
		margin-top: 110px!important
	}
	.mt-xs-120 {
		margin-top: 120px!important
	}
	.mt-xs-130 {
		margin-top: 130px!important
	}
	.mt-xs-140 {
		margin-top: 140px!important
	}
	.mb-xs-0 {
		margin-bottom: 0!important
	}
	.mb-xs-10 {
		margin-bottom: 10px!important
	}
	.mb-xs-20 {
		margin-bottom: 20px!important
	}
	.mb-xs-30 {
		margin-bottom: 30px!important
	}
	.mb-xs-40 {
		margin-bottom: 40px!important
	}
	.mb-xs-50 {
		margin-bottom: 50px!important
	}
	.mb-xs-60 {
		margin-bottom: 60px!important
	}
	.mb-xs-70 {
		margin-bottom: 70px!important
	}
	.mb-xs-80 {
		margin-bottom: 80px!important
	}
	.mb-xs-90 {
		margin-bottom: 90px!important
	}
	.mb-xs-100 {
		margin-bottom: 100px!important
	}
	.mb-xs-110 {
		margin-bottom: 110px!important
	}
	.mb-xs-120 {
		margin-bottom: 120px!important
	}
	.mb-xs-130 {
		margin-bottom: 130px!important
	}
	.mb-xs-140 {
		margin-bottom: 140px!important
	}
	.mr-xs-0 {
		margin-right: 0!important
	}
	.p-xs-0 {
		padding: 0!important
	}
	.pt-xs-0 {
		padding-top: 0!important
	}
	.pt-xs-10 {
		padding-top: 10px
	}
	.pt-xs-20 {
		padding-top: 20px
	}
	.pt-xs-30 {
		padding-top: 30px
	}
	.pt-xs-40 {
		padding-top: 40px
	}
	.pt-xs-50 {
		padding-top: 50px
	}
	.pt-xs-60 {
		padding-top: 60px
	}
	.pt-xs-70 {
		padding-top: 70px
	}
	.pt-xs-80 {
		padding-top: 80px
	}
	.pt-xs-90 {
		padding-top: 90px
	}
	.pt-xs-100 {
		padding-top: 100px
	}
	.pt-xs-110 {
		padding-top: 110px
	}
	.pt-xs-120 {
		padding-top: 120px
	}
	.pt-xs-130 {
		padding-top: 130px
	}
	.pt-xs-140 {
		padding-top: 140px
	}
	.pb-xs-0 {
		padding-bottom: 0!important
	}
	.pb-xs-10 {
		padding-bottom: 10px
	}
	.pb-xs-20 {
		padding-bottom: 20px
	}
	.pb-xs-30 {
		padding-bottom: 30px
	}
	.pb-xs-40 {
		padding-bottom: 40px
	}
	.pb-xs-50 {
		padding-bottom: 50px
	}
	.pb-xs-60 {
		padding-bottom: 60px
	}
	.pb-xs-70 {
		padding-bottom: 70px
	}
	.pb-xs-80 {
		padding-bottom: 80px
	}
	.pb-xs-90 {
		padding-bottom: 90px
	}
	.pb-xs-100 {
		padding-bottom: 100px
	}
	.pb-xs-110 {
		padding-bottom: 110px
	}
	.pb-xs-120 {
		padding-bottom: 120px
	}
	.pb-xs-130 {
		padding-bottom: 130px
	}
	.pb-xs-140 {
		padding-bottom: 140px
	}
	.plr-xs-0 {
		padding-left: 0;
		padding-right: 0
	}
}

@media only screen and (max-width:480px) {
	.mt-xxs-0 {
		margin-top: 0!important
	}
	.mt-xxs-5 {
		margin-top: 5px!important
	}
	.mt-xxs-10 {
		margin-top: 10px
	}
	.mt-xxs-20 {
		margin-top: 20px
	}
	.mt-xxs-30 {
		margin-top: 30px
	}
	.mt-xxs-40 {
		margin-top: 40px
	}
	.mt-xxs-50 {
		margin-top: 50px
	}
	.mt-xxs-60 {
		margin-top: 60px
	}
	.mt-xxs-70 {
		margin-top: 70px
	}
	.mt-xxs-80 {
		margin-top: 80px
	}
	.mt-xxs-90 {
		margin-top: 90px
	}
	.mt-xxs-100 {
		margin-top: 100px
	}
	.mt-xxs-110 {
		margin-top: 110px
	}
	.mt-xxs-120 {
		margin-top: 120px
	}
	.mt-xxs-130 {
		margin-top: 130px
	}
	.mt-xxs-140 {
		margin-top: 140px
	}
	.mb-xxs-0 {
		margin-bottom: 0!important
	}
	.mb-xxs-10 {
		margin-bottom: 10px
	}
	.mb-xxs-20 {
		margin-bottom: 20px
	}
	.mb-xxs-30 {
		margin-bottom: 30px
	}
	.mb-xxs-40 {
		margin-bottom: 40px
	}
	.mb-xxs-50 {
		margin-bottom: 50px
	}
	.mb-xxs-60 {
		margin-bottom: 60px
	}
	.mb-xxs-70 {
		margin-bottom: 70px
	}
	.mb-xxs-80 {
		margin-bottom: 80px
	}
	.mb-xxs-90 {
		margin-bottom: 90px
	}
	.mb-xxs-100 {
		margin-bottom: 100px
	}
	.mb-xxs-110 {
		margin-bottom: 110px
	}
	.mb-xxs-120 {
		margin-bottom: 120px
	}
	.mb-xxs-130 {
		margin-bottom: 130px
	}
	.mb-xxs-140 {
		margin-bottom: 140px
	}
	.pt-xxs-0 {
		padding-top: 0!important
	}
	.pt-xxs-10 {
		padding-top: 10px
	}
	.pt-xxs-20 {
		padding-top: 20px
	}
	.pt-xxs-30 {
		padding-top: 30px
	}
	.pt-xxs-40 {
		padding-top: 40px
	}
	.pt-xxs-50 {
		padding-top: 50px
	}
	.pt-xxs-60 {
		padding-top: 60px
	}
	.pt-xxs-70 {
		padding-top: 70px
	}
	.pt-xxs-80 {
		padding-top: 80px
	}
	.pt-xxs-90 {
		padding-top: 90px
	}
	.pt-xxs-100 {
		padding-top: 100px
	}
	.pt-xxs-110 {
		padding-top: 110px
	}
	.pt-xxs-120 {
		padding-top: 120px
	}
	.pt-xxs-130 {
		padding-top: 130px
	}
	.pt-xxs-140 {
		padding-top: 140px
	}
	.pb-xxs-0 {
		padding-bottom: 0!important
	}
	.pb-xxs-10 {
		padding-bottom: 10px
	}
	.pb-xxs-20 {
		padding-bottom: 20px
	}
	.pb-xxs-30 {
		padding-bottom: 30px
	}
	.pb-xxs-40 {
		padding-bottom: 40px
	}
	.pb-xxs-50 {
		padding-bottom: 50px
	}
	.pb-xxs-60 {
		padding-bottom: 60px
	}
	.pb-xxs-70 {
		padding-bottom: 70px
	}
	.pb-xxs-80 {
		padding-bottom: 80px
	}
	.pb-xxs-90 {
		padding-bottom: 90px
	}
	.pb-xxs-100 {
		padding-bottom: 100px
	}
	.pb-xxs-110 {
		padding-bottom: 110px
	}
	.pb-xxs-120 {
		padding-bottom: 120px
	}
	.pb-xxs-130 {
		padding-bottom: 130px
	}
	.pb-xxs-140 {
		padding-bottom: 140px
	}
	.pl-xxs-10 {
		padding-left: 10px
	}
}

#back-top {
	position: fixed;
	bottom: 16px;
	right: 19px;
	padding: 0;
	margin: 0;
	z-index: 20
}

#back-top a {
	display: block;
	color: #4b4e53;
	font-size: 34px;
	z-index: 999
}

#back-top a:hover {
	color: #97999c
}

.center {
	margin: 0 auto;
	max-width: 960px;
	width: 100%
}

.accordion>dd,
.accordion>dt,
.highlight,
.toggle>dd,
.toggle>dt {
	margin-bottom: 10px
}

.faq-search-form {
	position: relative;
	width: 100%;
	font-size: 18px
}

.faq-search-form input {
	width: 100%
}

.faq-search-form button {
	position: absolute;
	right: 0;
	top: 8px;
	background: 0 0
}

.form-dark-bg button,
.input-dark-bg {
	color: #ddd
}

.form-dark-bg button:hover {
	color: #fff
}

.input-dark-bg {
	font-size: 18px
}

.input-dark-bg::-webkit-input-placeholder {
	color: #ddd
}

.input-dark-bg::-moz-placeholder {
	color: #ddd
}

.input-dark-bg:-moz-placeholder {
	color: #ddd
}

.input-dark-bg:-ms-input-placeholder {
	color: #ddd
}

.input-dark-bg:focus::-webkit-input-placeholder {
	color: #7e8082
}

.input-dark-bg:focus::-moz-placeholder {
	color: #7e8082
}

.input-dark-bg:focus:-moz-placeholder {
	color: #7e8082
}

.input-dark-bg:focus:-ms-input-placeholder {
	color: #7e8082
}

.counter-bg {
	background: url(../images/f-box4-bg.png) left top
}

.counter-bg-color {
	background: #ffea00
}

.stat {
	padding-top: 40px;
	padding-bottom: 65px
}

.highlight {
	color: #4b4e53;
	overflow: hidden;
	font-size: 48px
}

.stat i {
	color: #fff
}

.counter-icon,
.ui-accordion-header a {
	color: #4b4e53
}

.milestone-details {
	margin-left: 70px;
	font-size: 18px
}

.accord-2 .panel-title,
.ui-accordion-header {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif
}

.counter-icon {
	height: 50px;
	width: 50px;
	margin-right: 20px;
	font-size: 48px;
	font-weight: 100!important;
	transition: all .3s ease 0s
}

.milestone-counter {
	margin-top: 50px;
	min-height: 105px
}

h3.ui-accordion-header {
	margin: 0;
	cursor: pointer
}

h3.ui-accordion-header:first-child {
	margin: 0
}

.ui-accordion-header {
	font-size: 14px;
	line-height: 50px;
	margin: 0;
	background-color: #eee
}

.accordion-no-bg .ui-accordion-header {
	background: 0 0
}

.ui-accordion-content p {
	margin: 0;
	padding-top: 0;
	padding-bottom: 12px
}

.ui-accordion-content p:last-child {
	padding-bottom: 0
}

.ui-accordion-content {
	border-right: 15px solid #eee;
	display: none;
	margin-left: 49px;
	padding: 15px 17px 15px 15px
}

.accordion-no-bg .ui-accordion-content {
	border-left: 5px solid #dfdfdf;
	border-right: none;
	display: none;
	margin-left: 23px;
	padding: 15px 0 15px 36px
}

.accordion-no-bg .ui-accordion-header a {
	font-size: 16px;
	line-height: 16px
}

.ui-accordion-header span:before {
	display: block;
	content: '+';
	position: absolute;
	left: 19px;
	font-size: 18px;
	font-style: normal;
	color: #fff
}

.ui-accordion-header span {
	position: relative;
	background-color: #7c8187;
	display: block;
	float: left;
	height: 50px;
	width: 49px;
	margin-right: 15px;
	transition: all .3s ease 0s
}

.ui-accordion-header:hover span {
	background-color: #ffea00;
	transition: all .3s ease 0s
}

.ui-accordion-header:hover span:before {
	color: #4b4e53
}

.ui-accordion-header-active span {
	background-color: #ffea00
}

.ui-accordion-header-active span:before {
	content: '–';
	left: 20px;
	color: #4b4e53
}

.accord-2 .panel {
	box-shadow: none
}

.accord-2 .panel-title {
	font-size: 14px
}

.accord-2 .panel-group .panel,
.accord-2 .panel-heading {
	border-radius: 0
}

.accord-2 .panel-default,
.accord-2 .panel-default>.panel-heading,
.accord-2 .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: none
}

.accord-2 .panel-title a {
	display: block;
	padding: 12px 18px
}

.accord-2 .panel-heading {
	padding: 0
}

.accord-2 .panel-body {
	margin-top: 7px;
	margin-bottom: 10px;
	padding: 10px 20px 20px
}

.accordion>dt>a:after,
.toggle>dt>a:after {
	width: 15px;
	height: 15px;
	margin-top: -8px;
	top: 50%;
	right: 10px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	text-align: center;
	speak: none;
	-webkit-font-smoothing: antialiased
}

.accordion>dt {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px
}

.accordion>dt>a {
	background-color:#f5f5f5; /* changed */
	display: block;
	position: relative;
	color: #777;
	padding: 14px 20px;
	border: 1px solid #e5e5e5;
	-webkit-transition: all .25s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .25s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .25s cubic-bezier(0, 0, .58, 1);
	-ms-transition: all .25s cubic-bezier(0, 0, .58, 1);
	transition: all .25s cubic-bezier(0, 0, .58, 1)
}

.accordion>dt>a:after,
.toggle>dt>a {
	-webkit-transition: all .25s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .25s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .25s cubic-bezier(0, 0, .58, 1);
	-ms-transition: all .25s cubic-bezier(0, 0, .58, 1)
}

.accordion>dt>a:hover {
	text-decoration: none;
	border-color: #ddd;
	background-color: #fcfcfc;
	color: #444
}

.accordion>dt>a.active {
	color: #000;
	border-color: #ddd;
	background-color: #fcfcfc;
	cursor: default
}

.accordion>dt>a:after {
	content: "\f107";
	position: absolute;
	font-size: 15px;
	line-height: 15px;
	color: #999;
	transition: all .25s cubic-bezier(0, 0, .58, 1)
}

.accordion>dt>a.active:after,
.accordion>dt>a.active:hover:after {
	content: "\f106";
	color: #111
}

.accordion>dt>a:hover:after {
	color: #444
}

.accordion>dd {
	padding: 10px 20px 20px;
	font-size: 14px;
	line-height: 1.8;
	color: #7e8082
}

.toggle>dt {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px
}

.toggle>dt>a {
	display: block;
	position: relative;
	color: #7e8082;
	padding: 14px 20px;
	border: 1px solid #e5e5e5;
	transition: all .25s cubic-bezier(0, 0, .58, 1)
}

.toggle>dt>a.active,
.toggle>dt>a:hover {
	border-color: #ddd;
	background-color: #fcfcfc
}

.toggle>dt>a:hover {
	color: #444
}

.toggle>dt>a.active {
	color: #101010
}

.toggle>dt>a:after {
	content: "\f107";
	position: absolute;
	font-size: 15px;
	line-height: 15px;
	color: #999;
	-webkit-transition: all .25s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .25s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .25s cubic-bezier(0, 0, .58, 1);
	-ms-transition: all .25s cubic-bezier(0, 0, .58, 1);
	transition: all .25s cubic-bezier(0, 0, .58, 1)
}

.price-col-gray h1,
.price-col-main h1,
.pricing-table-2 h1 {
	text-transform: uppercase;
	font-family: Lato, Arial, Helvetica, sans-serif
}

.toggle>dt>a.active:after,
.toggle>dt>a.active:hover:after {
	content: "\f106";
	color: #111
}

.toggle>dt>a:hover:after {
	color: #444
}

.toggle>dd {
	padding: 10px 20px 20px;
	font-size: 14px;
	line-height: 1.8
}

.toggle-view-custom {
	margin: 0;
	padding: 0;
	list-style: none
}

.toggle-view-custom li {
	cursor: pointer
}

.toggle-view-custom li:first-child {
	margin-top: 0
}

.toggle-view-custom .panel {
	display: none;
	background: 0 0;
	border: none;
	border-radius: 0;
	border-right: 15px solid #eee;
	margin: 0 0 0 49px;
	padding: 15px 17px 15px 15px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.toggle-no-bg.toggle-view-custom .panel {
	border-left: 5px solid #dfdfdf;
	border-right: none;
	display: none;
	margin-left: 23px;
	padding: 15px 0 15px 36px
}

.toggle-no-bg .ui-accordion-header {
	background: 0 0
}

.toggle-view-custom .panel p {
	margin-top: 0
}

.panel p:last-child {
	margin-bottom: 0
}

.pt-h4-container {
	margin: 0;
	padding: 80px 20px 25px;
	border-bottom: none;
	font-weight: 600
}

.price-container-4 {
	padding: 0 20px 15px;
	position: relative
}

.cents-4,
.currency-4,
.place2-4,
.price-4 {
	font-family: Lato, Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #4b4e53
}

.price-4 {
	font-size: 100px;
	line-height: 100px;
	font-weight: 600
}

.currency-4 {
	margin-right: 5px;
	font-style: 18px
}

.place2-4 {
	margin-left: 4px;
	font-size: 18px;
	font-weight: 100
}

.pricing-table-4 {
	margin: 0 auto;
	width: 300px
}

.pricing-table-4 ul {
	margin: 25px 0 40px;
	padding: 0
}

.pricing-table-4 ul li {
	margin: 0 0 0 20px;
	padding: 0;
	display: block;
	color: #696c6f;
	line-height: 35px
}

.price-button-container-4 {
	padding: 0 0 80px 20px
}

.pt-h1-container {
	margin: 0;
	padding: 40px 20px;
	border: 2px solid #4b4e53;
	border-bottom: none;
	text-align: center
}

.pt-content-container {
	border-right: 2px solid #4b4e53;
	border-left: 2px solid #4b4e53
}

.pt-best .pt-content-container {
	border-right: 2px solid #ffea00;
	border-left: 2px solid #ffea00
}

.pt-best .pt-h1-container {
	border: 2px solid #ffea00;
	border-bottom: none
}

.pt-best .price-container {
	background: #ffea00;
	color: #4b4e53
}

.pt-best .cents,
.pt-best .currency,
.pt-best .place2,
.pt-best .price {
	color: #4b4e53
}

.price-container .price {
	font-size: 60px;
	line-height: 50px
}

.pricing-table ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff
}

.pricing-table ul li {
	background: #fff;
	margin: 0 0 0 20px;
	padding: 0;
	display: block;
	color: #6b6b6b;
	line-height: 50px;
	border-bottom: 1px solid #efefef
}

.price-container {
	background-color: #4b4e53;
	padding: 20px 20px 15px;
	position: relative;
	text-align: center
}

.pricing-horizontal-content-container {
	border: 2px solid #eee;
	border-right: none;
	padding: 5px 0 25px 30px
}

.col-border,
.col-border-right {
	border-left: 1px solid #d1d1d1
}

.pricing-horizontal-price-container {
	padding: 0;
	background: #eee;
	height: 100%;
	position: absolute;
	right: 15px
}

.pricing-horizontal-price-container .price-container {
	background: #eee
}

.pricing-horizontal-price-container .price-container .cents,
.pricing-horizontal-price-container .price-container .currency,
.pricing-horizontal-price-container .price-container .place2,
.pricing-horizontal-price-container .price-container .price {
	color: #4b4e53
}

.price-col-gray {
	float: left;
	width: 235px;
	height: auto;
	text-align: center;
	margin: 20px 0 0
}

.price-col-gray h1,
.price-col-gray ul li {
	height: 40px;
	display: block;
	line-height: 40px
}

.m-left-0 {
	margin-left: 0!important
}

.price-col-gray h1 {
	margin: 0;
	padding-bottom: 35px;
	padding-top: 35px;
	background-color: #4b4e53;
	color: #fcfcfc;
	font-size: 24px;
	font-weight: 400
}

.month {
	color: grey;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #fff;
	padding: 14px 0;
	margin: 0
}

.price-col-gray ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.price-col-gray ul li {
	padding: 0;
	background: #fff;
	margin: 0 5px;
	color: #6b6b6b;
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #efefef;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.price-col-gray ul li:last-child {
	border-bottom: none
}

.price-button-container {
	background-color: #f5f5f5;
	height: 58px; /* changed 75px */
}

.price-button-container-main {
	background-color: #f5f5f5;
	height: 95px
}

a.button.medium.price-button {
	display: inline-block;
	height: 100%;
	line-height: 58px; /* changed 72px */
	padding: 0;
	width: 100%;
	font-size: 18px;
	cursor: pointer;
	text-align: center;
}

.price-col-gray2 a.button.medium.price-button:hover {
	color: #fff
}

.price-button-container-main a.button.medium.price-button {
	line-height: 92px
}

.price-marginleft-20 {
	margin-left: -20px
}

.price-col-main {
	float: left;
	width: 234px;
	height: auto;
	text-align: center;
	margin: 0;
	position: relative;
	z-index: 20
}

.price-col-main h1 {
	margin: 0;
	padding-bottom: 40px;
	padding-top: 41px;
	height: 49px;
	display: block;
	background-color: #ffea00;
	color: #414146;
	font-size: 24px;
	line-height: 49px;
	font-weight: 400
}

.price-col-main p.white {
	height: 30px;
	font-size: 12px;
	font-weight: 400;
	display: block;
	background: #ffbe11;
	color: #fff;
	margin: 0
}

.price-col-main ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #d8dadd
}

.price-col-main ul li {
	padding: 0;
	-moz-box-sizing: border-box;
	border-bottom: 1px solid #efefef;
	color: #6B6B6B;
	display: block;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	margin: 0 5px;
	text-align: center
}

.place,
.place2 {
	display: inline-block
}

.price-col-main ul li:last-child {
	border-bottom: none
}

.col-border-right {
	border-right: 1px solid #d1d1d1
}

.cents,
.currency,
.price {
	font-family: Lato, Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #fff
}

.price-col-main .cents,
.price-col-main .currency,
.price-col-main .price {
	color: #fff
}

.currency {
	font-size: 30px
}

.price {
	font-size: 40px;
	line-height: 50px
}

.price-container2 .price {
	font-size: 60px;
	line-height: 50px
}

.cents {
	font-size: 30px;
	position: absolute;
	top: 19px
}

.cents-cont {
	width: 5px;
	font-size: 20px;
	font-family: Lato, Arial, Helvetica, sans-serif
}

.place {
	height: 10px;
	width: 25px;
	color: #9da2a8
}

.price-col-main .price-container {
	background-color: #4b4e53
}

.place2 {
	height: 13px;
	width: 35px;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #bcbcbc
}

.pricing-table-2 h1 {
	margin: 0;
	padding: 10px 10px; /* changed 30px 20px; */ 
	display: block;
	background-color: #fff;
	color: #4b4e53;
	font-size: 30px;
	line-height: 40px;
	font-weight: 400;
	text-align: center; /* changed */ 
}

.pricing-table-2 ul {
	margin: 0;
	padding: 0;
	/*list-style: none;*//* changed */
	background-color: #fff
}

.pricing-table-2 ul li {
	background: #fff;
	font-size:12px; /* changed */
	margin: 0 0 0 28px;/* changed 0 0 0 20px*/
	padding: 0;
	/*display: block;*/ /* changed */
	color: #6b6b6b;
	line-height: 35px; /* changed 50px */
	border-bottom: 1px solid #efefef
}

.pricing-table-2 ul li:last-child {
	border-bottom: none
}

.price-container2 {
	background-color: #4b4e53;
	padding: 20px 20px 15px;
	position: relative
}

.pt-col-main,
h1.pt-col-main {
	background-color: #dadada; /* changed #ffea00*/
}

.col-border2 {
	border: 1px solid #D1D1D1;
	margin-bottom: 1px
}

h1.pt-col-main {
	color: #414146
}

.pt-col-main .cents,
.pt-col-main .currency,
.pt-col-main .place2,
.pt-col-main .price {
	color: #fff
}

.price-table-grey-bg {
	background-color: #efefef;
	padding: 0 15px 30px
}

.cd-timeline-start {
	position: relative;
	display: block;
	clear: both;
	width: 250px;
	padding: 15px;
	border: 3px solid #E5E5E5;
	margin: 0 auto 10px;
	background: #FFF;
	z-index: 1;
	text-align: center
}

.cd-final {
	margin-bottom: 0
}

.cd-timeline-start-caption,
.cd-timeline-start-date {
	font-family: Lato, Arial, Helvetica, sans-serif
}

.cd-timeline-start-caption {
	color: #4b4e53;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px
}

.cd-timeline-start-date {
	margin-bottom: 5px
}

.cd-container {
	width: 90%;
	max-width: 1170px;
	margin: 0 auto
}

.cd-container::after {
	content: '';
	display: table;
	clear: both
}

#cd-timeline {
	position: relative;
	padding: 0;
	margin-top: 2em;
	margin-bottom: 2em
}

#cd-timeline::before {
	content: '';
	position: absolute;
	top: 0;
	left: 18px;
	height: 100%;
	width: 4px;
	background: #e5e5e5
}

.cd-timeline-block:after,
.cd-timeline-content:after {
	content: "";
	clear: both
}

@media only screen and (min-width:991px) {
	#cd-timeline {
		margin-top: 3em;
		margin-bottom: 3em
	}
	#cd-timeline::before {
		left: 50%;
		margin-left: -2px
	}
}

.cd-timeline-block {
	position: relative;
	margin: 2em 0
}

.cd-timeline-block:after {
	display: table
}

.cd-timeline-block:first-child {
	margin-top: 0
}

.cd-timeline-block:last-child {
	margin-bottom: 0
}

@media only screen and (min-width:991px) {
	.cd-timeline-block {
		margin: 4em 0
	}
	.cd-timeline-block:first-child {
		margin-top: 0
	}
	.cd-timeline-block:last-child {
		margin-bottom: 0
	}
}

.cd-timeline-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.cd-timeline-img img {
	display: block;
	width: 24px;
	height: 24px;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px
}

.cd-timeline-img.cd-picture {
	background: #dfdfdf;
	text-align: center;
	font-size: 24px;
	padding-top: 16px;
	color: #fff
}

.cd-timeline-img.cd-movie {
	background: #c03b44
}

.cd-timeline-img.cd-location {
	background: #f0ca45
}

@media only screen and (min-width:991px) {
	.cd-timeline-img {
		width: 60px;
		height: 60px;
		left: 50%;
		margin-left: -30px;
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden
	}
	.cssanimations .cd-timeline-img.is-hidden {
		visibility: hidden
	}
	.cssanimations .cd-timeline-img.bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-1 .6s;
		-moz-animation: cd-bounce-1 .6s;
		animation: cd-bounce-1 .6s
	}
}

@-webkit-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2)
	}
	100% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-moz-transform: scale(.5)
	}
	60% {
		opacity: 1;
		-moz-transform: scale(1.2)
	}
	100% {
		-moz-transform: scale(1)
	}
}

@keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		-ms-transform: scale(.5);
		-o-transform: scale(.5);
		transform: scale(.5)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2)
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

.cd-timeline-content {
	position: relative;
	margin-left: 60px;
	background: #f3f3f3;
	padding: 20px
}

.cd-timeline-content:after {
	display: table
}

.cd-timeline-content h2 {
	font-size: 20px;
	line-height: 28px;
	margin-top: 0;
	margin-bottom: 10px
}

.cd-timeline-content .cd-date,
.cd-timeline-content .cd-read-more {
	display: inline-block
}

.cd-timeline-content .cd-read-more {
	float: right;
	padding: .8em 1em;
	background: #acb7c0;
	color: #fff;
	border-radius: .25em
}

.no-touch .cd-timeline-content .cd-read-more:hover {
	background-color: #bac4cb
}

.cd-timeline-content .cd-date {
	float: left
}

.cd-date-month,
.cd-date-year {
	display: block;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 400
}

.cd-date-year {
	font-size: 20px
}

.cd-date-month {
	font-size: 14px
}

.cd-timeline-content::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid #f3f3f3
}

h2.portfolio-timeline-title {
	margin: 10px 0 0
}

@media only screen and (min-width:991px) {
	.cd-timeline-content {
		margin-left: 0;
		padding: 1.6em;
		width: 45%
	}
	.cd-timeline-content::before {
		top: 24px;
		left: 100%;
		border-color: transparent transparent transparent #f3f3f3
	}
	.cd-timeline-content .cd-read-more {
		float: left
	}
	.cd-timeline-block:nth-child(even) .cd-timeline-content,
	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
		float: right
	}
	.cd-timeline-content .cd-date {
		position: absolute;
		width: 100%;
		left: 122%;
		top: 6px
	}
	.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
		top: 24px;
		left: auto;
		right: 100%;
		border-color: transparent #f3f3f3 transparent transparent
	}
	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
		left: auto;
		right: 122%;
		text-align: right
	}
	.cssanimations .cd-timeline-content.is-hidden {
		visibility: hidden
	}
	.cssanimations .cd-timeline-content.bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-2 .6s;
		-moz-animation: cd-bounce-2 .6s;
		animation: cd-bounce-2 .6s
	}
	.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
		-webkit-animation: cd-bounce-2-inverse .6s;
		-moz-animation: cd-bounce-2-inverse .6s;
		animation: cd-bounce-2-inverse .6s
	}
}

@-webkit-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(20px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(20px)
	}
	100% {
		-moz-transform: translateX(0)
	}
}

@keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		-o-transform: translateX(-100px);
		transform: translateX(-100px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px)
	}
	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px)
	}
	60% {
		opacity: 1;
		-moz-transform: translateX(-20px)
	}
	100% {
		-moz-transform: translateX(0)
	}
}

@keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		-moz-transform: translateX(100px);
		-ms-transform: translateX(100px);
		-o-transform: translateX(100px);
		transform: translateX(100px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
}

.clearfix:after,
.clearfix:before,
.row:after,
.row:before {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix:after,
.row:after {
	clear: both
}

.clearfix,
.row {
	zoom: 1
}

.display-block-xs {
	display: none
}

@media (max-width:480px) {
	.text-center-xxs {
		text-align: center
	}
	.mt-0-xxs {
		margin-top: 0
	}
	.ml-10-xxs {
		margin-left: 10px
	}
	.font-32-wide-xxs {
		font-size: 32px;
		letter-spacing: 5px;
		line-height: 40px
	}
	.display-no-xxs {
		display: none!important
	}
}

@media (max-width:768px) {
	.footer-2-copy-cont .left,
	.footer-2-copy-cont .right {
		float: none
	}
	.footer-2-copy-cont,
	.text-center-sm {
		text-align: center
	}
}

@media (max-width:600px) {
	.header .menu-btn-respons-container .btn-navbar.collapsed:before,
	.ts-img-container {
		display: none
	}
	.ts-text-container {
		padding-top: 20px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 13px
	}
	.t-a-container {
		padding-bottom: 10px;
		margin-top: 10px
	}
}

@media (max-width:640px) {
	.nl-caption {
		display: none
	}
}

@media (max-width:767px) {
	#main-menu .navbar-collapse.in {
		overflow: visible!important
	}
	.text-center-xs {
		text-align: center
	}
	.pt-20-xs {
		padding-top: 20px
	}
	.pt-30-xs {
		padding-top: 30px
	}
	.mt-0-xs {
		margin-top: 0
	}
	.mt-40-xs {
		margin-top: 40px
	}
	.display-block-xs {
		display: block
	}
}

@media (min-width:768px) and (max-width:1024px) {
	#main-menu .navbar-collapse.collapse {
		display: none!important
	}
	#main-menu .navbar-collapse.collapse.in {
		display: block!important
	}
	.navbar-nav,
	.navbar-nav>li {
		float: none
	}
}

@media (max-width:991px) {
	.hide-max-960,
	.nl-icon-container-bg,
	.tp-banner-container .tp-bullets.simplebullets.preview4 div span:before,
	.tp-bullets {
		display: none
	}
	.wow {
		visibility: visible!important;
		-webkit-animation: none!important;
		-moz-animation: none!important;
		-o-animation: none!important;
		-ms-animation: none!important;
		animation: none!important
	}
	.p-top-60-mobile {
		padding-top: 60px
	}
	.m-top-0-mobile {
		margin-top: 0
	}
	.m-top-min-40-mobile {
		margin-top: -40px
	}
	.nl-button {
		padding-left: 10px;
		padding-right: 10px
	}
	.nl-main-container-bg {
		margin-left: 0
	}
	.tp-button,
	.tp-button.button.medium.thin {
		font-size: 12px!important;
		line-height: 18px!important;
		padding: 8px 35px!important
	}
	.tp-button.button.medium.thin {
		font-size: 12px!important;
		line-height: 18px!important;
		padding: 6px 33px!important
	}
	.ts-text-container {
		padding-top: 40px;
		padding-left: 30px
	}
	.t-a-container {
		margin-top: 20px
	}
	.cd-timeline-start {
		margin: 0
	}
	.cd-timeline-img.cd-picture {
		font-size: 18px;
		padding-top: 8px
	}
	.cd-date {
		margin-top: 15px;
		background: #fff;
		margin-left: -20px;
		margin-bottom: -5px;
		padding: 15px
	}
	.maintenance-icon-container,
	.maintenance-text-container h2 {
		margin-top: 0
	}
	.cd-date-month,
	.cd-date-year {
		display: inline-block;
		font-size: 14px
	}
	.cd-date-year {
		margin-right: 10px;
		margin-bottom: 0
	}
	.maintenance-icon {
		font-size: 100px
	}
	.maintenance-text-container h1 {
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 40px;
		line-height: 40px;
		font-weight: 600
	}
	.img-container-404 {
		margin-bottom: 65px
	}
	.pricing-horizontal-content-container {
		border: 2px solid #eee
	}
	.pricing-horizontal-price-container {
		position: relative;
		right: 0
	}
}

@media (max-width:1024px) {
	.affix .hamb-mob-icon,
	.hamb-mob-icon {
		transition: padding .4s ease 0s;
		transform: translateZ(0)
	}
	.hide-lg {
		display: none
	}
	#back-top {
		bottom: 9px;
		right: 12px
	}
	.container-m-30 {
		padding: 0
	}
	.nofloat.col-md-2,
	.nofloat.col-md-3,
	.nofloat.col-md-4 {
		float: none;
		width: auto
	}
	.header.no-transparent .logo-2,
	.logo-2 {
		padding: 17px 0 17px 13px
	}
	.logo-row {
		width: auto
	}
	.header-side-menu .logo-row {
		width: 180px
	}
	.cd-header-buttons {
		top: 21px;
		right: 50px;
		margin: 0;
		padding: 0
	}
	.cd-search-trigger::before {
		width: 12px;
		height: 12px;
		left: 15px;
		top: 10px;
		border: 2px solid #4b4e53
	}
	.cd-search-trigger::after {
		width: 7px;
		bottom: 21px;
		right: 14px;
		height: 2px
	}
	.affix .cd-header-buttons {
		top: 13px
	}
	.cd-search {
		height: 76px
	}
	.cd-search-trigger span::after,
	.cd-search-trigger span::before {
		width: 17px;
		margin-top: -5px;
		margin-left: -8px
	}
	.cd-search-trigger.search-is-visible {
		right: -37px
	}
	.cd-search input {
		padding: 0 20px
	}
	.hamb-mob-icon {
		display: block;
		float: left;
		padding: 25px 17px 22px 5px;
		font-size: 29px;
		color: #fff
	}
	.black-header .hamb-mob-icon {
		color: #fff
	}
	.affix .hamb-mob-icon {
		padding: 17px 17px 13px 5px
	}
	.menu-row {
		margin-top: 0!important
	}
	.affix.header .btn-navbar .main-menu-icon {
		display: block
	}
	.header.header-always-sticky {
		height: 60px
	}
	.header-1 .main-content {
		margin-top: 0
	}
	.menu-btn-respons-container {
		position: absolute;
		right: 0;
		top: 0
	}
	.main-menu-container {
		background-color: #4b4e53
	}
	.header .logo,
	.header-maintenance .logo {
		padding-top: 21px;
		transition: all .3s ease 0s
	}
	.menu-contact-info .contact-list {
		padding-top: 30px;
		padding-bottom: 30px
	}
	.menu-address-container {
		padding-top: 12px
	}
	.menu-map-container {
		margin-left: -20px;
		margin-bottom: -5px
	}
	.menu-contact-info {
		margin: 0
	}
	#main-menu .sub .a-mail {
		padding: 0!important
	}
	nav .main-menu-icon {
		display: none
	}
	.btn-navbar .icon_menu.main-menu-icon {
		float: left;
		margin: 7px 0 0;
		padding-bottom: 0;
		padding-top: 13px
	}
	.header {
		position: relative;
		margin-bottom: -76px;
		width: auto;
		height: auto
	}
	.header.mobile-no-transparent {
		margin-bottom: 0
	}
	.header.black-header.mobile-no-transparent {
		background: #303236
	}
	.header .right-box-wrapper {
		text-align: right
	}
	.right-1024 {
		float: none
	}
	#main-menu {
		margin: 0;
		text-align: left
	}
	.header .navbar {
		margin: 0;
		min-height: inherit;
		position: static
	}
	.header .menu-btn-respons-container .btn-navbar {
		background: #fff;
		border: none!important;
		display: block;
		margin: 0;
		padding: 0
	}
	.header .menu-btn-respons-container .btn-navbar:before {
		content: "";
		display: none
	}
	.header .menu-btn-respons-container .btn-navbar.collapsed:before {
		display: block
	}
	#main-menu .navbar .nav .parent .parent>a:after,
	#main-menu .navbar .nav>li.parent:hover>a:after {
		display: none
	}
	.header .menu-btn-respons-container .btn-navbar.collapsed {
		background: 0 0;
		border: 1px solid transparent;
		border-bottom: 0 none
	}
	.header .btn-navbar .text {
		color: #1e1e1e;
		float: left;
		line-height: 16px;
		padding: 23px 15px 0 0;
		font-family: Lato, Arial, Helvetica, sans-serif;
		font-weight: 300;
		font-size: 14px
	}
	#main-menu .navbar .nav {
		padding-top: 10px
	}
	#main-menu .navbar .nav li a {
		font-size: 13px
	}
	#main-menu .navbar .nav>li>a {
		font-weight: 400;
		margin: 0!important;
		padding: 16px 9px 16px 17px!important;
		text-decoration: none;
		width: 100%;
		text-align: left;
		color: #d3d3d3!important;
		border: none!important
	}
	#main-menu .navbar .nav .open-sub {
		position: absolute;
		bottom: 0;
		left: 0;
		top: 0;
		width: 100%
	}
	#main-menu .navbar .nav .open-sub:before {
		content: "\e232";
		font-size: 20px;
		font-family: linea-icons!important;
		color: #d3d3d3;
		padding-top: 15px;
		right: 14px;
		position: absolute;
		font-style: normal!important;
		font-weight: 400!important;
		font-variant: normal!important;
		text-transform: none!important;
		speak: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
	#main-menu .navbar .nav .current .open-sub:before,
	#main-menu .sub a.current {
		color: #fff
	}
	#main-menu .navbar .nav .active .open-sub:before {
		content: "\e200"
	}
	#main-menu .navbar .nav .active .sub .open-sub:before {
		content: "\e232"
	}
	#main-menu .navbar .nav .active .sub .active .open-sub:before {
		content: "\e200"
	}
	#main-menu .parent .sub,
	#main-menu .parent:hover .sub,
	#main-menu .sub {
		display: none;
		position: relative;
		margin: 0;
		padding: 0;
		background: #3e4045;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none
	}
	#main-menu .parent .sub .sub {
		background: #323538
	}
	#main-menu .navbar .nav>li.current>a {
		margin: 0;
		color: #fff!important;
		border: none!important
	}
	#main-menu .navbar .nav>.parent.active:hover>a,
	#main-menu .navbar .nav>.parent.active>a {
		background: 0 0
	}
	#main-menu .parent:hover>.sub {
		-webkit-animation: fadeIn 0;
		animation: fadeIn 0
	}
	#main-menu .sub li {
		line-height: 22px
	}
	#main-menu .sub a {
		padding: 15px 9px 15px 27px!important
	}
	#main-menu .sub .sub a {
		padding: 15px 9px 15px 37px!important
	}
	#main-menu .sub .sub {
		left: 0;
		margin-left: 25px;
		padding-top: 0!important;
		padding-bottom: 0!important
	}
	#main-menu .megamenu>.sub {
		width: 100%
	}
	#main-menu .megamenu>.sub .sub-wrapper {
		display: block
	}
	#main-menu .megamenu>.sub .mob-menu-hide {
		display: none
	}
	#main-menu .megamenu>.sub .sub-list {
		display: block;
		padding: 0;
		width: 100%!important
	}
	#main-menu .megamenu>.sub .box {
		padding: 0
	}
	#main-menu .megamenu .title {
		cursor: pointer;
		font-weight: 400;
		line-height: 22px;
		margin: 0;
		padding: 15px 9px 15px 27px!important;
		position: relative;
		text-transform: none;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #d3d3d3;
		border: none
	}
	#main-menu .megamenu>.sub .box.closed ul {
		display: none;
		background: #323538;
		padding-left: 10px
	}
	.mt-60-md {
		margin-top: 60px
	}
	.mb-md-30 {
		margin-bottom: 30px
	}
}

@media (min-width:1025px) {
	.navbar-collapse {
		display: block!important;
		height: auto!important
	}
	.navbar-collapse.collapse {
		padding-bottom: 0;
		overflow: visible!important
	}
	.header-1 #main-menu .nav.navbar-nav {
		margin-right: 54px
	}
	.main-menu-container {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%
	}
	#header-left #cd-search,
	#header-left .cd-header-buttons {
		display: none
	}
	.side-content .container {
		width: 100%
	}
}

@media (max-width:479px) {
	.nl-email-input {
		width: 240px;
		margin-right: 0
	}
}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.mfp-container:before,
.mfp-figure:after {
	content: ''
}

.owl-carousel,
.owl-carousel .owl-wrapper {
	display: none;
	position: relative
}

.owl-carousel {
	width: 100%;
	-ms-touch-action: pan-y;
	overflow: hidden
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 5
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
	-ms-transition: height .5s ease-in-out;
	-o-transition: height .5s ease-in-out;
	transition: height .5s 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;
	user-select: none
}

.grabbing {
	cursor: url(grabbing.png) 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-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x: 50%;
	-webkit-perspective-origin-y: 50%;
	-moz-perspective: 1200px;
	-moz-perspective-origin-x: 50%;
	-moz-perspective-origin-y: 50%;
	perspective: 1200px
}

.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
}

.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease
}

.owl-goDown-out {
	-webkit-animation: scaleToFade .7s ease both;
	-moz-animation: scaleToFade .7s ease both;
	animation: scaleToFade .7s ease both
}

.owl-goDown-in {
	-webkit-animation: goDown .6s ease both;
	-moz-animation: goDown .6s ease both;
	animation: goDown .6s ease both
}

.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
	0% {
		opacity: 1
	}
}

@-moz-keyframes empty {
	0% {
		opacity: 1
	}
}

@keyframes empty {
	0% {
		opacity: 1
	}
}

@-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
	}
}

@-webkit-keyframes backSlideOut {
	25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px)
	}
	100%,
	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(-200%)
	}
}

@-moz-keyframes backSlideOut {
	25% {
		opacity: .5;
		-moz-transform: translateZ(-500px)
	}
	100%,
	75% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(-200%)
	}
}

@keyframes backSlideOut {
	25% {
		opacity: .5;
		transform: translateZ(-500px)
	}
	100%,
	75% {
		opacity: .5;
		transform: translateZ(-500px) translateX(-200%)
	}
}

@-webkit-keyframes backSlideIn {
	0%,
	25% {
		opacity: .5;
		-webkit-transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: .5;
		-webkit-transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateZ(0) translateX(0)
	}
}

@-moz-keyframes backSlideIn {
	0%,
	25% {
		opacity: .5;
		-moz-transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: .5;
		-moz-transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		-moz-transform: translateZ(0) translateX(0)
	}
}

@keyframes backSlideIn {
	0%,
	25% {
		opacity: .5;
		transform: translateZ(-500px) translateX(200%)
	}
	75% {
		opacity: .5;
		transform: translateZ(-500px)
	}
	100% {
		opacity: 1;
		transform: translateZ(0) translateX(0)
	}
}

@-webkit-keyframes scaleToFade {
	to {
		opacity: 0;
		-webkit-transform: scale(.8)
	}
}

@-moz-keyframes scaleToFade {
	to {
		opacity: 0;
		-moz-transform: scale(.8)
	}
}

@keyframes scaleToFade {
	to {
		opacity: 0;
		transform: scale(.8)
	}
}

@-webkit-keyframes goDown {
	from {
		-webkit-transform: translateY(-100%)
	}
}

@-moz-keyframes goDown {
	from {
		-moz-transform: translateY(-100%)
	}
}

@keyframes goDown {
	from {
		transform: translateY(-100%)
	}
}

@-webkit-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-webkit-transform: scale(1.5)
	}
}

@-moz-keyframes scaleUpFrom {
	from {
		opacity: 0;
		-moz-transform: scale(1.5)
	}
}

@keyframes scaleUpFrom {
	from {
		opacity: 0;
		transform: scale(1.5)
	}
}

@-webkit-keyframes scaleUpTo {
	to {
		opacity: 0;
		-webkit-transform: scale(1.5)
	}
}

@-moz-keyframes scaleUpTo {
	to {
		opacity: 0;
		-moz-transform: scale(1.5)
	}
}

@keyframes scaleUpTo {
	to {
		opacity: 0;
		transform: scale(1.5)
	}
}

.owl-buttons {
	position: static
}

.owl-next,
.owl-prev {
	opacity: 0;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 105px;
	height: 105px;
	line-height: 105px;
	font-size: 40px;
	text-align: center;
	color: rgba(255, 255, 255, .7);
	z-index: 6;
	-webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .27s cubic-bezier(0, 0, .58, 1);
	transition: all .27s cubic-bezier(0, 0, .58, 1)
}

.owl-arrows-bg .owl-next,
.owl-arrows-bg .owl-prev {
	margin-top: -35px;
	padding-top: 19px;
	width: 40px;
	height: 70px;
	background: #fff;
	line-height: 30px;
	font-size: 30px;
	color: rgba(16, 16, 16, .7);
	-webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 0 rgba(0, 0, 0, .1)
}

.owl-white-bg .owl-next,
.owl-white-bg .owl-prev {
	color: rgba(75, 78, 83, .7)
}

.owl-prev {
	left: -50px
}

.owl-next {
	right: -50px
}

.owl-next .icon,
.owl-prev .icon {
	position: relative
}

.owl-next:hover,
.owl-prev:hover {
	color: rgba(75, 78, 83, 1)
}

.owl-carousel:hover .owl-prev {
	opacity: 1;
	left: -15px
}

.owl-arrows-bg.owl-carousel:hover .owl-prev {
	left: 0
}

.owl-carousel:hover .owl-next {
	opacity: 1;
	right: -15px
}

.owl-arrows-bg.owl-carousel:hover .owl-next {
	right: 0
}

@media only screen and (max-width:992px) {
	.owl-carousel:hover .owl-prev {
		opacity: 1;
		left: -27px
	}
	.owl-carousel:hover .owl-next {
		opacity: 1;
		right: -27px
	}
}

.owl-pagination {
	z-index: 5;
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center
}

.owl-pag-2 .owl-pagination {
	bottom: 10px
}

.owl-page {
	display: inline-block;
	padding: 6px;
	position: relative
}

.owl-page span {
	width: 6px;
	height: 6px;
	display: block;
	background: rgba(255, 255, 255, .7);
	position: relative;
	border-radius: 50%;
	-webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .27s cubic-bezier(0, 0, .58, 1);
	-ms-transition: all .27s cubic-bezier(0, 0, .58, 1);
	transition: all .27s cubic-bezier(0, 0, .58, 1)
}

.owl-page:hover span {
	background: rgba(255, 255, 255, 1)
}

.owl-page.active span {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5)
}

.owl-white-bg .owl-page span {
	background: rgba(75, 78, 83, .5)
}

.owl-dark-bg .owl-page span {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.item-carousel .owl-prev {
	left: -125px
}

.item-carousel .owl-next {
	right: -125px
}

section:hover .item-carousel.owl-carousel .owl-prev {
	opacity: 1;
	left: -80px
}

section:hover .item-carousel.owl-carousel .owl-next {
	opacity: 1;
	right: -80px
}

.item-carousel {
	margin-bottom: -50px;
	padding-bottom: 50px
}

.item-carousel .owl-pagination {
	bottom: 0
}

.content-slider .owl-pagination,
.work-full-slider .owl-pagination {
	bottom: 15px
}

.single-carousel,
.small-item-carousel {
	margin-bottom: 35px
}

.single-carousel .owl-pagination,
.small-item-carousel .owl-pagination {
	position: relative;
	left: 0;
	top: 35px;
	margin: 0
}

.single-carousel.black .owl-page span,
.small-item-carousel.black .owl-page span {
	background: rgba(0, 0, 0, .15);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.single-carousel.black .owl-page.active span,
.single-carousel.black .owl-page:hover span,
.small-item-carousel.black .owl-page.active span,
.small-item-carousel.black .owl-page:hover span {
	background: rgba(0, 0, 0, .4)
}

.single-carousel.black .owl-next,
.single-carousel.black .owl-prev,
.small-item-carousel.black .owl-next,
.small-item-carousel.black .owl-prev {
	color: rgba(0, 0, 0, .2);
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.single-carousel.black .owl-next:hover,
.single-carousel.black .owl-prev:hover,
.small-item-carousel.black .owl-next:hover,
.small-item-carousel.black .owl-prev:hover {
	color: rgba(0, 0, 0, .35)
}

.single-carousel .owl-prev,
.small-item-carousel .owl-prev {
	left: -125px
}

.single-carousel .owl-next,
.small-item-carousel .owl-next {
	right: -125px
}

section:hover .single-carousel .owl-prev,
section:hover .small-item-carousel .owl-prev {
	opacity: 1;
	left: -80px
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

section:hover .single-carousel .owl-next,
section:hover .small-item-carousel .owl-next {
	opacity: 1;
	right: -80px
}

.black-arrows .owl-next,
.black-arrows .owl-prev {
	color: #fff
}

.black-arrows .owl-next:before,
.black-arrows .owl-prev:before {
	background: rgba(0, 0, 0, 1)
}

.mfp-bg {
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: .8;
	filter: alpha(opacity=80)
}

.mfp-wrap {
	z-index: 1043;
	position: fixed
}

.mfp-container {
	text-align: center;
	position: absolute;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mfp-container:before {
	display: inline-block;
	height: 100%
}

.mfp-align-top .mfp-container:before {
	display: none
}

.mfp-content {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
	width: 100%;
	cursor: auto
}

.mfp-ajax-cur {
	cursor: progress
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
	cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.mfp-loading.mfp-figure {
	display: none
}

.mfp-hide {
	display: none!important
}

.mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -.8em;
	left: 8px;
	right: 8px;
	z-index: 1044
}

.mfp-preloader a {
	color: #ccc
}

.mfp-close,
.mfp-preloader a:hover {
	color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
	display: none
}

button.mfp-arrow,
button.mfp-close {
	overflow: visible;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: 0;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none
}

.mfp-figure:after,
.mfp-iframe-scaler iframe {
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	position: absolute;
	left: 0
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	opacity: .65;
	padding: 0 0 18px 10px;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
	opacity: 1
}

.mfp-close:active {
	top: 1px
}

.mfp-close-btn-in .mfp-close {
	color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 14px;
	line-height: 18px
}

.mfp-figure,
img.mfp-img {
	line-height: 0
}

.mfp-arrow {
	position: absolute;
	opacity: .65;
	margin: -55px 0 0;
	top: 50%;
	padding: 0;
	width: 90px;
	height: 110px
}

.mfp-arrow:active {
	margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
	opacity: 1
}

.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: inset transparent
}

.mfp-arrow .mfp-a,
.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px
}

.mfp-arrow .mfp-b,
.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px
}

.mfp-arrow-left {
	left: 0
}

.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
	border-right: 17px solid #fff;
	margin-left: 31px
}

.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
	right: 0
}

.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
	border-left: 17px solid #fff;
	margin-left: 39px
}

.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
	max-width: 100%
}

.mfp-iframe-holder .mfp-close {
	top: -40px
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000
}

.mfp-figure:after,
img.mfp-img {
	width: auto;
	height: auto;
	display: block
}

img.mfp-img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0;
	margin: 0 auto
}

.mfp-figure:after {
	top: 40px;
	bottom: 40px;
	right: 0;
	z-index: -1;
	background: #444
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 14px;
	line-height: 14px
}

.mfp-figure figure {
	margin: 0
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, .6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, .6);
		position: fixed;
		text-align: center;
		padding: 0
	}
}

@media all and (max-width:900px) {
	.mfp-arrow {
		-webkit-transform: scale(.75);
		transform: scale(.75)
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px
	}
}

.mfp-ie7 .mfp-img {
	padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
	padding: 0
}

.mfp-ie7 .mfp-content {
	padding-top: 44px
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0
}

.white-popup {
	position: relative;
	background: #FFF;
	padding: 25px;
	width: auto;
	max-width: 400px;
	margin: 0 auto
}

.mfp-zoom-in .mfp-with-anim {
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8)
}

.mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: .8
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	opacity: 0
}

.mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0
}

.mfp-newspaper .mfp-with-anim {
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	-webkit-transform: scale(0) rotate(500deg);
	-moz-transform: scale(0) rotate(500deg);
	-ms-transform: scale(0) rotate(500deg);
	-o-transform: scale(0) rotate(500deg);
	transform: scale(0) rotate(500deg)
}

.mfp-newspaper.mfp-bg {
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.mfp-newspaper.mfp-ready .mfp-with-anim {
	opacity: 1;
	-webkit-transform: scale(1) rotate(0);
	-moz-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0)
}

.mfp-newspaper.mfp-ready.mfp-bg {
	opacity: .8
}

.mfp-newspaper.mfp-removing .mfp-with-anim {
	-webkit-transform: scale(0) rotate(500deg);
	-moz-transform: scale(0) rotate(500deg);
	-ms-transform: scale(0) rotate(500deg);
	-o-transform: scale(0) rotate(500deg);
	transform: scale(0) rotate(500deg);
	opacity: 0
}

.mfp-newspaper.mfp-removing.mfp-bg {
	opacity: 0
}

.mfp-move-horizontal .mfp-with-anim {
	opacity: 0;
	transition: all .3s;
	transform: translateX(-50px)
}

.mfp-move-horizontal.mfp-bg {
	opacity: 0;
	transition: all .3s
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: translateX(0)
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
	opacity: .8
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
	transform: translateX(50px);
	opacity: 0
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
	opacity: 0
}

.mfp-move-from-top .mfp-content {
	vertical-align: top
}

.mfp-move-from-top .mfp-with-anim {
	opacity: 0;
	transition: all .2s;
	transform: translateY(-100px)
}

.mfp-move-from-top.mfp-bg {
	opacity: 0;
	transition: all .2s
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: translateY(0)
}

.mfp-move-from-top.mfp-ready.mfp-bg {
	opacity: .8
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
	transform: translateY(-50px);
	opacity: 0
}

.mfp-move-from-top.mfp-removing.mfp-bg {
	opacity: 0
}

.mfp-3d-unfold .mfp-content {
	perspective: 2000px;
	-webkit-perspective: 2000px
}

.mfp-3d-unfold .mfp-with-anim {
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-60deg);
	-moz-transform: rotateY(-60deg);
	-ms-transform: rotateY(-60deg);
	-o-transform: rotateY(-60deg);
	transform: rotateY(-60deg)
}

.mfp-3d-unfold.mfp-bg {
	opacity: 0;
	transition: all .5s
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
	opacity: 1;
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	z-index: 9999
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
	opacity: .8
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
	-webkit-transform: rotateY(60deg);
	-moz-transform: rotateY(60deg);
	-ms-transform: rotateY(60deg);
	-o-transform: rotateY(60deg);
	transform: rotateY(60deg);
	opacity: 0
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
	opacity: 0
}

.modal-dialog {
	z-index: 1090
}

@keyframes hinge {
	0% {
		transform: rotate(0);
		transform-origin: top left;
		animation-timing-function: ease-in-out
	}
	20%,
	60% {
		transform: rotate(80deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out
	}
	40% {
		transform: rotate(60deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out
	}
	80% {
		transform: rotate(60deg) translateY(0);
		opacity: 1;
		transform-origin: top left;
		animation-timing-function: ease-in-out
	}
	100% {
		transform: translateY(700px);
		opacity: 0
	}
}

@media (min-width:1025px) {
	#header-left .logo-row,
	.hl-search {
		width: auto
	}
	#header-left .navbar-nav,
	#header-left .navbar-nav>li,
	#header-left .right-1024,
	#header-left ul li {
		float: none
	}
	#header-left {
		position: relative;
		margin-bottom: 0
	}
	#header-left .main-menu-container .container-m-30 {
		padding: 0 0 0 20px
	}
	#header-left .logo-2 {
		text-align: left;
		margin-top: 40px;
		margin-bottom: 20px
	}
	.hl-search {
		margin: 60px 30px 0 20px
	}
	.hl-search input {
		border-bottom: 1px solid #eee
	}
	.hl-search button {
		color: #d3d3d3
	}
	.hl-search button:hover {
		color: #101010
	}
	.hl-search-input::-webkit-input-placeholder {
		color: #7e8082;
		letter-spacing: 2px;
		font-size: 13px
	}
	.hl-search-input::-moz-placeholder {
		color: #7e8082;
		letter-spacing: 2px;
		font-size: 13px
	}
	.hl-search-input:-moz-placeholder {
		color: #7e8082;
		letter-spacing: 2px;
		font-size: 13px
	}
	.hl-search-input:-ms-input-placeholder {
		color: #7e8082;
		letter-spacing: 2px;
		font-size: 13px
	}
	#header-left #main-menu {
		margin: 0;
		text-align: left
	}
	#header-left.header .navbar {
		margin: 0;
		min-height: inherit;
		position: static
	}
	#header-left #main-menu .navbar-collapse.collapse.in {
		display: block!important
	}
	#header-left #main-menu .navbar .nav {
		padding-top: 10px
	}
	#header-left #main-menu .navbar .nav>li.current>a {
		margin: 0;
		color: #101010!important
	}
	#header-left #main-menu .navbar .nav>li>a {
		font-weight: 400;
		margin: 0!important;
		padding: 16px 9px 16px 17px!important;
		text-decoration: none;
		width: 100%;
		text-align: left;
		color: #7e8082;
		border: none!important
	}
	#header-left #main-menu .navbar .nav>li:hover>a {
		color: #111
	}
	#header-left #main-menu .navbar .nav li a {
		font-size: 13px
	}
	#header-left #main-menu .navbar .nav .open-sub {
		position: absolute;
		bottom: 0;
		left: 0;
		top: 0;
		width: 100%
	}
	#header-left #main-menu .sub .sub {
		left: 0;
		margin-left: 25px;
		padding-top: 0!important;
		padding-bottom: 0!important
	}
	#header-left #main-menu .parent .sub,
	#header-left #main-menu .parent:hover .sub,
	#header-left #main-menu .sub {
		display: none;
		position: relative;
		margin: 0;
		padding: 0;
		#header-left background: #3e4045;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none
	}
	#header-left #main-menu .sub li {
		line-height: 22px
	}
	#header-left #main-menu .sub .sub a {
		padding: 15px 9px 15px 37px!important
	}
	#header-left #main-menu .sub a.current {
		color: #fff
	}
	#header-left #main-menu .megamenu>.sub {
		width: 100%
	}
	#header-left #main-menu .megamenu>.sub .box {
		padding: 0
	}
	#header-left .nofloat.col-md-3 {
		float: none;
		width: auto
	}
	#header-left #main-menu .megamenu .title {
		cursor: pointer;
		font-weight: 400;
		line-height: 22px;
		margin: 0;
		padding: 15px 9px 15px 27px!important;
		position: relative;
		text-transform: none;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #d3d3d3
	}
	#header-left #main-menu .sub a {
		padding: 15px 9px 15px 27px!important
	}
	#header-left #main-menu .megamenu>.sub .box.closed ul {
		display: none;
		background: #323538;
		padding-left: 10px
	}
	#header-left .menu-contact-info {
		margin: 0
	}
	#header-left .menu-contact-info .contact-list {
		padding-top: 30px;
		padding-bottom: 30px
	}
	#header-left .menu-map-container {
		margin-left: -20px;
		margin-bottom: -5px
	}
	#header-left #main-menu .navbar-collapse.collapse {
		display: none!important
	}
	#header-left .main-menu-container {
		position: relative
	}
	#header-left.header-1 #main-menu .nav.navbar-nav {
		margin-right: 0
	}
	#header-left #main-menu .navbar .nav .open-sub:before {
		content: "\e232";
		font-size: 20px;
		font-family: linea-icons!important;
		color: #d3d3d3;
		padding-top: 15px;
		right: 14px;
		position: absolute;
		font-style: normal!important;
		font-weight: 400!important;
		font-variant: normal!important;
		text-transform: none!important;
		speak: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
	#header-left #main-menu .navbar .nav .parent .parent>a:after {
		display: none
	}
	#header-left #main-menu .navbar .nav>.parent.active:hover>a,
	#header-left #main-menu .navbar .nav>.parent.active>a {
		background: 0 0
	}
	#header-left #main-menu .parent:hover>.sub {
		animation: none
	}
	#header-left #main-menu .parent .sub,
	#header-left #main-menu .parent:hover .sub,
	#header-left #main-menu .sub {
		background: #3e4045
	}
	#header-left #main-menu .parent .sub .sub,
	#header-left #main-menu .parent:hover .sub .sub {
		background: #323538
	}
	#header-left #main-menu .navbar .nav .active .sub .active .open-sub:before {
		content: "\e200"
	}
	#header-left #main-menu .navbar .nav .active .sub .open-sub:before {
		content: "\e232"
	}
	#header-left #main-menu .navbar .nav .active .open-sub:before {
		content: "\e200"
	}
	.side-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 280px;
		height: 100%;
		padding-bottom: 60px;
		overflow-y: auto;
		background: #fff;
		text-align: center;
		z-index: 1045;
		box-sizing: border-box
	}
	.side-content {
		margin-left: 280px
	}
}

#cd-top-nav a,
.tabs-3 .tab-nav-opacity>li>a {
	font-weight: 600
}

.bg-opacity,
.tab-content-opacity {
	background: rgba(255, 255, 255, .7)
}

.tab-nav-opacity {
	border-color: rgba(255, 255, 255, .9)
}

.bg-opacity {
	padding: 30px
}

.tab-nav-opacity li.active>a {
	border-color: rgba(255, 255, 255, .9)!important;
	background-color: rgba(255, 255, 255, .9)
}

.tab-nav-opacity>li>a:hover {
	border-color: #eee #eee rgba(255, 255, 255, .9)
}

.tab-content-border {
	border: 1px solid #ddd;
	border-top: none;
	padding: 30px 15px
}

.display-block,
.travel-form label {
	display: block
}

.input-group-addon2 {
	background: 0 0;
	border: none
}

.travel-carousel .owl-wrapper-outer {
	padding-top: 105px
}

.cd-img-replace {
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap
}

#cd-logo,
#cd-logo img {
	display: block
}

#cd-lateral-nav,
.fs-primary-nav {
	-webkit-backface-visibility: hidden;
	overflow-y: auto
}

#nav-stick {
	transition: all .4s ease;
	width: 100%
}

.sliding-content {
	min-height: 100%;
	position: relative;
	background-color: #fff;
	z-index: 2;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	transition-duration: .4s
}

.sliding-content.lateral-menu-is-open,
header.lateral-menu-is-open {
	-webkit-transform: translateX(-260px);
	-moz-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	-o-transform: translateX(-260px);
	transform: translateX(-260px)
}

header.is-fixed {
	position: fixed
}

#cd-logo {
	float: left;
	margin: 12px 0 0 20px
}

#cd-top-nav {
	position: absolute;
	top: 0;
	right: 120px;
	height: 100%;
	display: none
}

#cd-top-nav ul {
	height: 100%;
	padding-top: 18px
}

#cd-top-nav li {
	display: inline-block;
	margin-right: 1em
}

#cd-top-nav a {
	display: inline-block;
	padding: .5em;
	color: #FFF;
	text-transform: uppercase
}

#cd-top-nav a.current {
	background-color: #242e30
}

.no-touch #cd-top-nav a:hover {
	color: rgba(255, 255, 255, .7)
}

@media only screen and (min-width:768px) {
	#cd-logo {
		margin: 22px 0 0 30px
	}
	#cd-top-nav {
		display: block
	}
}

#cd-menu-trigger {
	position: absolute;
	right: 45px;
	top: 0;
	height: 100%;
	width: 50px
}

@media only screen and (max-width:1024px) {
	#cd-menu-trigger {
		right: 25px
	}
}

#cd-menu-trigger .cd-menu-icon {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: auto;
	right: 0;
	bottom: auto;
	width: 24px;
	height: 2px;
	background-color: #4b4e53
}

#cd-menu-trigger .cd-menu-icon::before,
#cd-menu-trigger .cd-menu-icon:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: inherit;
	left: 0
}

#cd-menu-trigger .cd-menu-icon::before {
	bottom: 7px
}

#cd-menu-trigger .cd-menu-icon::after {
	top: 7px
}

#cd-menu-trigger.is-clicked .cd-menu-icon {
	background-color: rgba(255, 255, 255, 0)
}

#cd-menu-trigger .cd-menu-icon,
#cd-menu-trigger .cd-menu-icon::after,
#cd-menu-trigger .cd-menu-icon::before {
	transition: all .3s cubic-bezier(.3, .1, .58, 1)
}

#cd-menu-trigger.is-clicked .cd-menu-icon::after,
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
	background-color: #4b4e53;
	transition: all .3s cubic-bezier(.3, .1, .58, 1)
}

#cd-menu-trigger.is-clicked .cd-menu-icon::before {
	bottom: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

#cd-menu-trigger.is-clicked .cd-menu-icon::after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#cd-lateral-nav {
	position: fixed;
	height: 100%;
	right: 0;
	top: 0;
	visibility: hidden;
	padding-top: 10px;
	z-index: 1;
	width: 260px;
	background-color: #2a2b2f;
	-webkit-transform: translateZ(0);
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
	-moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
	transition: transform .4s 0s, visibility 0s .4s;
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	-ms-transform: translateX(80px);
	-o-transform: translateX(80px);
	transform: translateX(80px)
}

#cd-lateral-nav .cd-navigation {
	margin: 10px 0 16px
}

#cd-lateral-nav .sub-menu {
	padding: 0 10px 20px 15px;
	display: none
}

#cd-lateral-nav a {
	display: block;
	line-height: 38px;
	letter-spacing: 1px;
	padding: 0 16px 0 32px;
	color: #aab5b7
}

#cd-lateral-nav a.current {
	background-color: #484A51;
	color: #FFF
}

.no-touch #cd-lateral-nav a:hover {
	color: #FFF
}

#cd-lateral-nav.lateral-menu-is-open {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
	-webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
	transition: transform .4s 0s, visibility 0s 0s;
	-webkit-overflow-scrolling: touch
}

#cd-lateral-nav .item-has-children>a {
	position: relative;
	text-transform: uppercase;
	font-weight: 600
}

#cd-lateral-nav .item-has-children>a::after {
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "\e232";
	font-family: linea-icons;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
	speak: none;
	font-size: 16px;
	display: block;
	line-height: 1;
	position: absolute;
	right: 25px;
	top: 14px;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	transition-duration: .2s
}

#cd-lateral-nav .item-has-children>a.submenu-open::after {
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg)
}

#cd-lateral-nav .socials {
	padding: 0 32px
}

#cd-lateral-nav .socials:after {
	content: "";
	display: table;
	clear: both
}

#cd-lateral-nav .socials a {
	display: inline-block;
	padding: 9px
}

.fs-header {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(2, 23, 37, .95);
	height: 50px;
	width: 100%;
	z-index: 3;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	-webkit-font-smoothing: antialiased
}

.fs-primary-nav-trigger {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px
}

.fs-primary-nav-trigger .fs-menu-icon {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-100%) translateY(-50%);
	-moz-transform: translateX(-100%) translateY(-50%);
	-ms-transform: translateX(-100%) translateY(-50%);
	-o-transform: translateX(-100%) translateY(-50%);
	transform: translateX(-100%) translateY(-50%);
	width: 24px;
	height: 2px;
	background-color: #4b4e53;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	transition: background-color .3s
}

.black-header .fs-primary-nav-trigger .fs-menu-icon {
	background-color: #fff
}

.fs-primary-nav-trigger .fs-menu-icon::before,
.fs-primary-nav-trigger .fs-menu-icon:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #4b4e53;
	right: 0;
	-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
	-moz-transition: -moz-transform .3s, top .3s, background-color 0s;
	transition: transform .3s, top .3s, background-color 0s
}

.black-header .fs-primary-nav-trigger .fs-menu-icon::before,
.black-header .fs-primary-nav-trigger .fs-menu-icon:after {
	background-color: #fff
}

.fs-primary-nav-trigger .fs-menu-icon::before {
	top: -7px
}

.fs-primary-nav-trigger .fs-menu-icon::after {
	top: 7px
}

.black-header .fs-primary-nav-trigger .fs-menu-icon.is-clicked,
.fs-primary-nav-trigger .fs-menu-icon.is-clicked {
	background-color: rgba(255, 255, 255, 0)
}

.fs-primary-nav-trigger .fs-menu-icon.is-clicked::after,
.fs-primary-nav-trigger .fs-menu-icon.is-clicked::before {
	background-color: #4b4e53
}

.black-header .fs-primary-nav-trigger .fs-menu-icon.is-clicked::after,
.black-header .fs-primary-nav-trigger .fs-menu-icon.is-clicked::before {
	background-color: #fff
}

.fs-primary-nav-trigger .fs-menu-icon.is-clicked::before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}

.fs-primary-nav-trigger .fs-menu-icon.is-clicked::after {
	top: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg)
}

@media only screen and (min-width:768px) {
	#cd-lateral-nav .cd-navigation {
		margin: 20px 0
	}
	.fs-primary-nav-trigger {
		width: 100px;
		padding-left: 1em;
		background-color: transparent;
		height: 30px;
		line-height: 30px;
		right: 15px;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.fs-primary-nav-trigger .fs-menu-icon {
		left: auto;
		right: 1em;
		-webkit-transform: translateX(0) translateY(-50%);
		-moz-transform: translateX(0) translateY(-50%);
		-ms-transform: translateX(0) translateY(-50%);
		-o-transform: translateX(0) translateY(-50%);
		transform: translateX(0) translateY(-50%)
	}
}

.fs-primary-nav {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(200, 200, 200, .97);
	z-index: 26;
	text-align: center;
	padding: 50px 0;
	backface-visibility: hidden;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	transition-duration: .4s
}

.fs-primary-nav.fs-nav-black {
	background: rgba(41, 41, 41, .96)
}

.fs-primary-nav>ul {
	width: 100%
}

.fs-primary-nav li {
	font-size: 28px;
	font-weight: 300;
	letter-spacing: 2px;
	-webkit-font-smoothing: antialiased;
	margin: .2em 0
}

.fs-primary-nav a {
	display: inline-block;
	padding: .4em 1em
}

.fs-primary-nav .fs-label {
	color: #848484!important;
	text-transform: uppercase!important;
	font-weight: 700!important;
	font-size: 14px!important;
	font-size: .875rem!important;
	margin: 2.4em 0 .8em!important
}

.fs-primary-nav.fs-nav-black .fs-label {
	color: #848484!important
}

.fs-primary-nav.is-visible {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

@media only screen and (max-width:480px) {
	.fs-primary-nav>ul {
		margin-top: 20px
	}
	.fs-primary-nav li {
		font-size: 16px;
		letter-spacing: 1px;
		font-weight: 400;
		margin: 0
	}
}

@media only screen and (min-width:768px) {
	.fs-primary-nav {
		padding: 80px 0
	}
}

@media only screen and (min-width:1170px) {
	.fs-primary-nav li {
		font-size: 32px;
		margin: .4em 0
	}
	.fs-primary-nav .fs-label {
		font-size: 16px!important;
		font-size: 1rem!important
	}
}

.tweet_text,
.tweet_time a {
	font-size: 14px
}

.fs-main-content {
	position: relative;
	z-index: 1
}

.header-side-menu.affix-fix.affix .header-wrapper {
	background: 0 0!important;
	box-shadow: none!important
}

.affix-fix .logo-2 {
	padding-top: 17px!important;
	padding-bottom: 17px!important
}

.tweet_list {
	margin: 0;
	padding: 0;
	list-style: none
}

.tweet_list li {
	padding-bottom: 10px;
	padding-top: 0
}

.tweet_time {
	display: block;
	float: left;
	margin-bottom: 7px
}

.tweet_text {
	display: inline-block;
	padding: 0 0 15px
}

#twitter-feeds .loading {
	padding: 20px
}

#twitter-feeds .fa-twitter {
	display: block;
	float: left;
	margin-right: 15px;
	color: #9c9fa2;
	font-size: 24px;
	transition: all .3s ease 0s
}

.top-bar-section,
ul#flickr-feeds {
	margin: 0;
	padding: 0
}

ul#flickr-feeds li {
	display: inline-block;
	float: left
}

ul#flickr-feeds li a {
	display: block
}

ul#flickr-feeds li a,
ul#flickr-sfeeds li a img {
	height: 75px;
	width: 75px
}

.top-bar {
	background: #F5F5F5;
	font-size: 12px;
	letter-spacing: 1px
}

.top-bar-section {
	list-style: none
}

.top-bar-section li {
	float: left;
	border-left: #E2E6E7;
	display: block;
	line-height: 43px;
	padding: 0 13px
}

.top-bar-section li:last-child {
	border-right: #E2E6E7
}

.top-bar-section li .fa {
	font-size: 14px;
	position: relative;
	top: 1px
}

.affix .top-bar-section li {
	display: block;
	line-height: 32px;
	padding: 0 13px
}

.top-bar-section li a {
	display: block;
	text-align: center;
	color: #999
}

.top-bar-section li a:hover {
	color: #2a2b2f
}

.slider-cap-left {
	width: 480px
}

@media only screen and (max-width :1024px) {
	.height-not-fscr {
		height: 350px
	}
	.header-big-offset {
		padding-top: 0
	}
}

@media only screen and (max-width :767px) {
	.slider-cap-left {
		width: 100%
	}
	.height-not-fscr {
		height: 250px
	}
	.top-bar {
		min-height: 0;
		letter-spacing: 0
	}
	.top-bar-section {
		float: none!important;
		padding: 5px 0;
		text-align: center
	}
	.top-bar-section li,
	.top-bar-section li:last-child {
		float: none;
		border: none;
		display: inline-block
	}
	.top-bar-section li a {
		display: inline-block;
		min-width: 0;
		height: auto;
		line-height: 1;
		padding: 0 5px
	}
	.top-bar.dark .top-links li a:hover,
	.top-links li a:hover {
		background: 0 0
	}
	.header-mag .top-bar {
		font-size: 11px
	}
	.header-mag .top-bar-section {
		padding: 0
	}
	.header-mag .top-bar-section li {
		line-height: 38px;
		padding: 0 7px
	}
}

.cafe-menu-tab-nav {
	display: inline-block;
	border: none
}

.cafe-menu-tab-nav li>a {
	border: none!important;
	padding: 10px!important;
	margin: 0 10px
}

.cafe-menu-tab-nav li a:hover {
	border: none!important;
	background: 0 0!important
}

.cafe-menu-tab-nav li.active>a {
	border-bottom: 1px solid #101010!important
}

@media only screen and (max-width :478px) {
	.cafe-menu-tab-nav>li {
		float: none!important
	}
}

.cafe-menu h4 {
	font-size: 16px;
	line-height: 25px;
	margin: 14px 0
}

.bd-t-none {
	border-top: none!important
}

.fixed {
	position: fixed!important
}

.fs-parent,
.fs-sub {
	position: relative
}

#nav-stick2.has-bg.white .header-wrapper {
	background: #fff;
	box-shadow: 0 1px 15px rgba(0, 0, 0, .15)
}

#nav-stick2.has-bg.black .header-wrapper {
	background: #303236;
	-webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 15px rgba(0, 0, 0, .15);
	box-shadow: 0 1px 15px rgba(0, 0, 0, .15)
}

#nav-stick2.transparent .header-wrapper {
	background: 0 0!important
}

#nav-stick2 {
	transition: all .4s ease;
	width: 100%
}

#nav-stick2.has-bg .logo-2 {
	padding-top: 9px;
	padding-bottom: 9px;
	transition: all .4s ease 0s
}

.header-side-menu.affix-fix .header-wrapper {
	background: 0 0!important;
	box-shadow: none!important
}

#main-menu .sub .contact-phone a {
	color: #fff!important;
	display: inline!important;
	padding: 0!important
}

#main-menu .sub .contact-phone a:hover {
	color: #414146!important;
	background: 0 0!important
}

@media (min-width:1025px) {
	.navbar-collapse.collapse.nav-center {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.header-1 #main-menu .nav-center .nav.navbar-nav {
		margin-right: 0!important
	}
	.header-menu-left .logo-row {
		float: right;
		width: 148px
	}
}

#nav-below.header,
.fs-table {
	width: 100%
}

.header-menu-left .logo-2 {
	text-align: right;
	padding-right: 15px
}

@media (max-width:1024px) {
	.header-menu-left .menu-btn-respons-container {
		right: inherit
	}
}

.fs-table {
	display: table;
	height: 100%
}

.fs-table-cell {
	display: table-cell;
	text-align: center
}

.logo-hiding {
	opacity: 1;
	visibility: visible
}

.logo-hide {
	opacity: 0;
	visibility: hidden
}

.fs-primary-nav.fs-sub-nav li {
	margin: 10px 0
}

.fs-primary-nav.fs-sub-nav li a {
	font-size: 22px;
	color: #101010;
	letter-spacing: 3px
}

.fs-primary-nav.fs-sub-nav li a:hover {
	color: #97999c
}

.fs-primary-nav.fs-sub-nav .fs-sub li {
	margin: 3px 0
}

.fs-primary-nav.fs-sub-nav .fs-sub li a {
	padding: 5px 20px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px
}

@media only screen and (min-width:1170px) {
	.fs-primary-nav.fs-sub-nav li {
		margin: 10px 0
	}
}

@media only screen and (max-width:480px) {
	.fs-primary-nav.fs-sub-nav li a {
		padding: 5px 20px;
		font-size: 16px;
		line-height: 18px;
		font-weight: 400;
		letter-spacing: 1px
	}
}

.fs-a-sec {
	margin: .1em 0!important
}

.fs-sub {
	display: none;
	opacity: 0
}

.fs-active .fs-sub {
	opacity: 1
}

.fs-parent .open-sub:before {
	content: "\e232";
	font-size: 18px;
	font-family: linea-icons!important;
	right: 0;
	position: absolute;
	font-style: normal!important;
	font-weight: 400!important;
	font-variant: normal!important;
	text-transform: none!important;
	speak: none;
	-webkit-font-smoothing: antialiased
}

.fs-active .open-sub:before {
	content: "\e200"
}

.fs-active .fs-sub .open-sub:before {
	content: "\e232";
	line-height: 20px;
	right: 4px
}

.fs-active .fs-sub .fs-active .open-sub:before {
	content: "\e200"
}

.sm-img-bg2 {
	background-size: cover;
	background-position: center bottom;
	width: 100%;
	height: 100%
}

.post-prev-title2 h3 {
	margin: 0;
	font-size: 16px;
	line-height: 26px
}

.fs-21 {
	font-size: 21px
}

.fs-24 {
	font-size: 24px
}

@media (min-width:1200px) {
	.mt-lg-80 {
		margin-top: 80px
	}
}

@media (max-width:1024px) {
	.header.affix-on-mobile {
		position: fixed;
		width: 100%
	}
	#nav.affix-on-mobile .nav.navbar-nav {
		overflow-y: auto
	}
}

.label-new {
	margin-left: 5px;
	background-color: #fde801;
	color: #2a2b2f!important;
	transition-property: all!important;
	padding: 4px 6px 4px 5px;
	font-size: 9px;
	font-weight: 700;
	line-height: 21px
}

.fes2-text-cont,
.fes2-title-45 {
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-weight: 300
}

.hiding-logo.logo-img {
	transition: all .3s cubic-bezier(0, 0, .58, 1);
	opacity: 0
}

.affix .hiding-logo.logo-img {
	transition: all .3s cubic-bezier(0, 0, .58, 1);
	opacity: 1
}

.nav-below-sticky-wrapper.is-sticky {
	height: 60px!important;
	transition: height .3s ease 0s;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

.font-lato {
	font-family: Lato, Arial, Helvetica, sans-serif
}

.p-200-cont {
	padding-top: 200px;
	padding-bottom: 200px
}

.fes7-text-cont h1 {
	margin-top: 0;
	margin-bottom: 40px
}

.fes2-title-45 {
	color: #404347;
	font-size: 45px;
	line-height: 50px
}

.fes2-text-cont {
	font-size: 16px;
	line-height: 18px
}

.color-dark {
	color: #404347
}

@media only screen and (max-width :768px) {
	.p-200-cont {
		padding-top: 120px;
		padding-bottom: 120px
	}
	.fes2-title-45 {
		font-size: 30px;
		line-height: 30px
	}
}

.formula ul{padding:0}
.formula li {
    list-style: none;
    font-size: 20px;
    padding: 20px 26px;    background: #fff;
    margin: 16px 0;
    box-shadow: 0 1px 15px rgb(0 0 0 / 15%);
}
.why-linkedin{position:relative;}
.why-linkedin:after{content:"";position:absolute;bottom: -30px;right: 0;
    background: #b6b6b6;
    width: 80%;
    height: 8px;
    border-radius: 10px;}
    
.offer{padding: 12px;text-align: center; box-shadow: 0px 2px 13px rgb(0 0 0 / 15%);height:225px;}
.offer p{line-height: 1.3; margin: 11px 0 10px;font-size: 15px;font-weight: 500;}
.plan ul{padding:0px;}
.plan li {
    align-items: center;
    height:100px;
    list-style: none;
    font-size: 20px;
    padding: 20px 140px;
    background: #fff;
    margin: 70px 0;display:flex;
    box-shadow: 0 1px 15px rgb(0 0 0 / 15%);
}
.plan .list{height: 150px;
    width: 150px;
    background: #feffc0;
    text-align: center;
    line-height: 3.5;
    border-radius: 81px;
    position: absolute;
    top: 45px;
    left: -20px;
    font-size: 40px;}
.plan .list2{       height: 150px;
    width: 150px;
    background: #feffc0;
    text-align: center;
    line-height: 3.5;
    border-radius: 81px;
    position: absolute;
    top: 210px;
    right: -22px;
    font-size: 40px;}
.plan .list3{      height: 150px;
    width: 150px;
    background: #feffc0;
    text-align: center;
    line-height: 3.5;
    border-radius: 81px;
    position: absolute;
    top: 380px;
    left: -20px;
    font-size: 40px;}
.plan .list4{      height: 150px;
    width: 150px;
    background: #feffc0;
    text-align: center;
    line-height: 3.5;
    border-radius: 81px;
    position: absolute;
    bottom: 220px;
    right: -22px;
    font-size: 40px;}
    .plan .list5{      height: 150px;
    width: 150px;
    background: #feffc0;
    text-align: center;
    line-height: 3.5;
    border-radius: 81px;
    position: absolute;
    bottom: 50px;
    left: -20px;
    font-size: 40px;}
    
    .yellow-light-bg {
    background-color: #feffad75;
}
.ch-item {
  width: 100%;
  height: 100%;
  border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	    background: rgb(180 180 180);
}



.ch-item:hover .ch-info li{opacity: 1;}
.ch-grid .ch-info li {color: #fff;
    height: auto;
    width: auto;
    font-size: 18px;
    margin: 10px;
    display: block;
    text-align: center;}
.ch-grid .ch-info ul {padding:0;}
.ch-info {
	position: absolute;top: 45px;
	background: transparent;
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale();
	-moz-transform: scale();
	-ms-transform: scale();
	-o-transform: scale();
	transform: scale();
	-webkit-backface-visibility: hidden;
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 20px;
	margin: 0 30px;
	padding: 10px 0 0 0;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
    text-align:left;
	color: #575757;
	padding:2px 5px;
	margin: 0 70px;
	font-size: 17px;
	border-bottom:none;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	   -moz-transition: all 1s ease-in-out 0.4s;
	    -ms-transition: all 1s ease-in-out 0.4s;
	     -o-transition: all 1s ease-in-out 0.4s;
	        transition: all 1s ease-in-out 0.4s;
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}



.ch-item .ch-info p { opacity: 1 }




.clr {
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}



.support-note span {
	color: #ac375d;
	font-size: 16px;
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}

.no-cssanimations .support-note span.no-cssanimations,
.no-csstransforms .support-note span.no-csstransforms,
.no-csstransforms3d .support-note span.no-csstransforms3d,
.no-csstransitions .support-note span.no-csstransitions { display: block }

.ch-grid {
	margin: 20px 0 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: 300px;
	height: 300px;
	display: inline-block;
	margin: 20px;
}

.mobile{display:none;}
.mobile1{display:block;}

.myBtn {display: none;position: fixed;bottom: 20px;right: 30px;z-index: 99;
    font-size: 24px;border: none;outline: none;background-color: #ffff; color: #7e8082;height: 40px;box-shadow: 0 0 8px rgb(0 0 0 / 22%); cursor: pointer;border-radius: 25px;width: 40px;}
    
    
.shrink.header {
    position: fixed;
    height: 70px;background:#fff;
    transition: height .4s ease;
}
.shrink.header-wrapper {
    top: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 1px 15px rgb(0 0 0 / 15%);
}
.shrink .header-wrapper, .header-wrapper {
    transition: height .3s ease 0s, background .3s ease 0s;
}