@font-face {
	font-family: 'Fahkwang';
	src: url('../fonts/Fahkwang-Light.eot');
	src: local('Fahkwang Light'), local('Fahkwang-Light'), url('../fonts/Fahkwang-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Fahkwang-Light.woff2') format('woff2'), url('../fonts/Fahkwang-Light.woff') format('woff'), url('../fonts/Fahkwang-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: 'Fahkwang';
	src: url('../fonts/Fahkwang-SemiBold.eot');
	src: local('Fahkwang SemiBold'), local('Fahkwang-SemiBold'), url('../fonts/Fahkwang-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Fahkwang-SemiBold.woff2') format('woff2'), url('../fonts/Fahkwang-SemiBold.woff') format('woff'), url('../fonts/Fahkwang-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: 'Fahkwang';
	src: url('../fonts/Fahkwang-Medium.eot');
	src: local('Fahkwang Medium'), local('Fahkwang-Medium'), url('../fonts/Fahkwang-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Fahkwang-Medium.woff2') format('woff2'), url('../fonts/Fahkwang-Medium.woff') format('woff'), url('../fonts/Fahkwang-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: 'Fahkwang';
	src: url('../fonts/Fahkwang-Regular.eot');
	src: local('Fahkwang Regular'), local('Fahkwang-Regular'), url('../fonts/Fahkwang-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Fahkwang-Regular.woff2') format('woff2'), url('../fonts/Fahkwang-Regular.woff') format('woff'), url('../fonts/Fahkwang-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal
}

@import url('https://fonts.googleapis.com/css?family=Karla:400,700|Playfair+Display:400,700,900|Rufina:400,700&display=swap');

@font-face {
	font-family: 'Snell Roundhand';
	src: url('../fonts/SnellRoundhand-BoldScript.woff2') format('woff2'), url('../fonts/SnellRoundhand-BoldScript.woff') format('woff');
	font-weight: bold;
	font-style: italic
}

@font-face {
	font-family: 'Snell Roundhand';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/SnellRoundhand.woff') format('woff')
}

html {
font-family: 'Fahkwang', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -moz-osx-font-smoothing: grayscale;
    /* Firefox */
    -webkit-font-smoothing: antialiased;
    /* WebKit  */
}


body {
	font-family: 'Fahkwang', sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #434343;
	background: #fff
}

.img {
	max-width: 100%;
	transition: all .3s ease-out 0;
	width: 100%
}

img {
	transition: .3s
}

.f-left {
	float: left
}

.f-right {
	float: right
}

.fix {
	overflow: hidden
}

a,
.button {
	-webkit-transition: all .3s ease-out 0;
	-moz-transition: all .3s ease-out 0;
	-ms-transition: all .3s ease-out 0;
	-o-transition: all .3s ease-out 0;
	transition: all .3s ease-out 0
}

button {
	cursor: pointer
}

a:focus,
.button:focus {
	text-decoration: none;
	outline: 0
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	color: #f47044;
	text-decoration: none
}

input:focus::placeholder {
	opacity: 0
}

input:focus::-moz-placeholder {
	opacity: 0
}

textarea:focus::placeholder {
	opacity: 0
}

textarea:focus::-moz-placeholder {
	opacity: 0
}

a,
button {
	color: #000;
	outline: medium none
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
	outline: 0
}

.uppercase {
	text-transform: uppercase
}

.capitalize {
	text-transform: capitalize
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Fahkwang', serif;
	font-weight: normal;
	color: #313131;
	margin-top: 0;
	font-style: normal;
	font-weight: 700;
	text-transform: normal;
	line-height: 1.2
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit
}

h1 {
	font-size: 90px;
	line-height: 1.2
}

h2 {
	font-size: 35px
}

h3 {
	font-size: 28px
}

h4 {
	font-size: 22px
}

h5 {
	font-size: 20px
}

h6 {
	font-size: 16px
}

ul {
	margin: 0;
	padding: 0
}

li {
	list-style: none
}

p {
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	color: #434343;
	margin-bottom: 15px
}

hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0
}

label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400
}

*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none
}

::-moz-selection {
	background: #444;
	color: #fff;
	text-shadow: none
}

::selection {
	background: #444;
	color: #fff;
	text-shadow: none
}

*::-moz-placeholder {
	color: #555;
	font-size: 14px;
	opacity: 1
}

*::placeholder {
	color: #555;
	font-size: 14px;
	opacity: 1
}

.theme-overlay {
	position: relative
}

.theme-overlay::before {
	background: #1696e7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: .6;
	position: absolute;
	top: 0;
	width: 100%
}

.separator {
	border-top: 1px solid #f2f2f2
}

.btn {
	-moz-user-select: none;
	background: #f47044 none repeat scroll 0 0;
	border: medium none;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 0;
	padding: 15px 41px;
	text-align: center;
	text-transform: capitalize;
	touch-action: manipulation;
	transition: all .4s ease 0;
	vertical-align: middle;
	white-space: nowrap
}

.btn:hover,
.btn:focus {
	background: #000;
	color: #fff
}

.orange-hover-1:hover {
	background: #222;
	color: #fff
}

.gradient-btn {
	font-size: 16px;
	color: #222;
	border-radius: 0;
	line-height: 1;
	padding: 22px 55px;
	position: relative;
	transition: .4s
}

.gradient-btn::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-image: -moz-linear-gradient(0, #f27043 0, #f27043 100%);
	background-image: -webkit-linear-gradient(0, #f27043 0, #f27043 100%);
	background-image: -ms-linear-gradient(0, #f27043 0, #f27043 100%);
	transition: .4s
}

.gradient-btn:hover:before {
	background-image: -moz-linear-gradient(0, #ddd8d2 100%, #bae200 100%);
	background-image: -webkit-linear-gradient(0, #ddd8d2 100%, #bae200 100%);
	background-image: -ms-linear-gradient(0, #ddd8d2 100%, #bae200 100%);
	transition: .4s
}

.gradient-btn span {
	z-index: 9;
	position: relative;
	transition: .4s
}

.gradient-btn:hover span,
.gradient-btn:focus span {
	color: #222
}

.bl-btn:hover {
	background: #e5650e;
	color: #fff
}

.btn-icon>i {
	margin-left: 30px;
	font-size: 16px
}

.b-btn {
	background: #f47044;
	color: #fff;
	padding: 15px 40px;
	line-height: 1;
	font-weight: 700;
	font-size: 14px;
	border: 2px solid transparent;
	display: inline-block
}

.b-btn i {
	margin-left: 25px;
	position: relative;
	top: 1px
}

.b-btn:hover {
	background: #f47044bd;
	color: #fff
}

.btn-border {
	background: transparent;
	border-color: #7c7c7c
}

.btn-border:hover {
	background: #f47044;
	border-color: #f47044
}

.btn2 {
	border-radius: 0;
	background: #f47044
}

.breadcrumb>.active {
	color: #434343
}

.owl-carousel .owl-nav div {
	background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	height: 40px;
	left: 20px;
	line-height: 40px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s ease 0;
	visibility: hidden;
	width: 40px
}

.owl-carousel .owl-nav div.owl-next {
	left: auto;
	right: 20px
}

.owl-carousel:hover .owl-nav div {
	opacity: 1;
	visibility: visible
}

.owl-carousel .owl-nav div:hover {
	background: #2b96cc;
	color: #fff
}

#scrollUp {
	background: #f47044;
	height: 50px;
	width: 50px;
	right: 50px;
	bottom: 77px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	line-height: 50px
}

#scrollUp:hover {
	background: #222
}

.header-padding {
	padding: 35px 185px
}

.header-transparrent {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 99;
	background-color: #fff;
}

.main-menu nav ul>li {
	margin: 0 15px;
	display: inline-block;
	position: relative
}

.h4main-menu nav ul>li {
	margin-right: 10px
}

.main-menu nav ul>li:first-child {
	margin-left: 5px
}

.main-menu nav ul li>a {
	font-size: 16px;
	color: #222;
	font-weight: 700;
	line-height: 30px;
	padding: 25px 0;
	display: inline-block;
	position: relative
}

.main-menu nav ul li:hover>a {
	color: #f47044;
	transition: .4s
}

.main-menu2 nav ul li:hover>a {
	color: #f47044
}

.main-menu nav ul li .submenu {
	position: absolute;
	left: 0;
	top: 110%;
	width: 250px;
	background: #fff;
	padding: 10px 0;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	  border: 0px solid #ededed;
  border: 0px solid rgba(0, 0, 0, 0.06);
  border-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  font-size: 14px;
	text-align: left
}

.main-menu nav ul li:hover .submenu {
	opacity: 1;
	visibility: visible;
	top: 100%
}

.main-menu nav ul li .submenu li {
	display: block;
	margin: 0;
	margin-bottom: 10px
}

.main-menu nav ul li .submenu li:last-child {
	margin-bottom: 0
}

.main-menu nav ul li .submenu li a {
	display: block;
	padding: 0 15px;
	color: #666;
	font-size: 15px;
	font-weight: 600;
	line-height: 1
}

.main-menu nav ul li .submenu li:hover>a {
	color: #f47044
}

.main-menu2 nav ul li .submenu li:hover>a {
	color: #f47044
}

.bottom-link {
	height: 80px;
	width: 80px;
	text-align: center;
	position: absolute;
	line-height: 80px;
	border: 1px solid #dbdbdb;
	color: #222;
	font-size: 18px;
	border-radius: 50%;
	bottom: 50px;
	left: 37%
}

.extra-inofo-bar-1 {
	width: 290px;
	height: 730px;
	z-index: 88;
	top: 0;
	padding: 30px;
	transition: .7s;
	transform: translateX(100%);
	border-radius: 0;
	z-index: 99999;
	position: fixed;
	background: #646464
}

.extra-inofo-bar-left {
	right: inherit;
	left: 0;
	transform: translateX(-100%)
}

.extra-inofo-bar-left {
	right: inherit;
	left: 0;
	transform: translateX(-100%)
}

.extra-inofo-bar-left.info-open {
	transform: translateX(0)
}

.extra-inofo-bar-1 button {
	cursor: pointer;
	width: 50px;
	height: 50px;
	background: #fff7fa;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	color: #ff3d4f;
	border: 0;
	font-size: 26px;
	padding: 0;
	cursor: pointer;
	margin-bottom: 20px
}

.extra-inofo-bar-1 button:hover {
	color: red
}

.extra-inofo-bar-1.info-open {
	transform: translateX(0)
}

.header-button {
	margin-left: 20px
}

.header-search-user li a {
	height: 60px;
	width: 60px;
	display: inline-block;
	line-height: 58px;
	border: 2px solid #686868;
	text-align: center;
	border-radius: 50%;
	font-size: 16px;
	color: #d2d2d2;
	transition: .4s
}

.header-search-user li:hover a {
	background: #f47044;
	border: 2px solid transparent;
	color: #fff
}

.header-search-user li {
	margin-left: 19px
}

.nav-search {
	position: relative;
	display: block;
	color: inherit
}

.nav-search:hover {
	color: inherit
}

.search-wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 121;
	background: rgba(0, 0, 0, .9)
}

.search-wrap .search-inner {
	position: relative;
	width: 100%;
	height: 100%
}

.search-wrap .search-cell {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%)
}

.search-wrap .search-field-holder {
	width: 50%;
	margin: auto;
	position: relative;
	animation: slideInUp .3s
}

.search-wrap .main-search-input {
	width: 100%;
	height: 70px;
	border: 0;
	padding: 0 50px;
	text-transform: uppercase;
	background: transparent;
	font-size: 25px;
	color: #fff;
	border-bottom: 2px solid #898989;
	text-align: center;
	letter-spacing: 2px
}

.search-wrap input.form-control,
.search-wrap input.form-control:focus {
	background-color: #fff
}

@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

input.main-search-input::-webkit-input-placeholder {
	color: #fff;
	font-size: 25px
}

input.main-search-input::-moz-placeholder {
	color: #fff;
	opacity: 1;
	font-size: 25px
}

input.main-search-input:-ms-input-placeholder {
	color: #fff;
	font-size: 25px
}

.search-close {
	position: absolute;
	top: 50px;
	right: 50px;
	font-size: 30px;
	color: #fff;
	cursor: pointer
}

.mobile-links li>a {
	padding: 15px 0 15px 15px;
	line-height: 20px;
	border-bottom: 1px solid #ebebeb;
	color: #7f7f7f;
	display: block
}

.mobile-links li>a:hover {
	color: #b79d82
}

.hero-padding {
	padding-top: 194px;
	padding-bottom: 105px
}

.hero-sub-heading {
	font-size: 24px;
	line-height: 30px;
	color: #434343;
	margin-bottom: 5px;
	display: block
}

.hero-main-heading {
	margin-bottom: 27px;
	font-size: 90px
}

.hero-front-thumb {
	position: absolute;
	right: 17.8%;
	top: 70px
}

.h1-hero-right-thumb {
	left: -8%
}

.hero-caption {
	position: relative;
	z-index: 1;
	margin-bottom: 20px
}

.site-cate-name h2 {
	font-size: 300px;
	color: rgba(255, 255, 255, 0.06);
	font-family: 'Snell Roundhand';
	font-weight: 400;
	margin-bottom: 0;
	line-height: 1
}

.site-cate-name {
	position: absolute;
	bottom: -30px;
	right: 50px;
	display: inline-block
}

.archivment-front h3 {
	color: #222;
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 10px
}

.archivment-front p {
	color: #434343;
	font-size: 16px;
	line-height: 1.57
}

h3.archivment-back {
	position: absolute;
	top: 50%;
	transform: translateY(-47%);
	color: #f3f3f3;
	font-size: 200px;
	font-family: 'Snell Roundhand';
	font-style: italic;
	right: 0;
	left: 0;
	margin: 0 auto
}

.section-title2 {
	display: inline-block
}

.reward-box-wrapper {
	border: 6px solid #f5f5f5;
	padding: 75px 50px 40px 50px
}

.reward-box-wrapper i.icon img {
	margin-bottom: 45px
}

.reward-box-wrapper h3 {
	margin-bottom: 25px
}

.reward-box-wrapper span {
	color: #f47044;
	line-height: 1;
	margin-bottom: 14px;
	display: block
}

.section-title {
	position: relative;
	text-align: center
}

.archivment-front {
	position: relative;
	z-index: 9
}

.reward-box-wrapper p {
	font-size: 16px;
	color: #434343;
	line-height: 1.57;
	margin-bottom: 33px
}

.read-more-link {
	font-size: 16px;
	font-weight: 700;
	color: #434343;
	margin-bottom: 30px;
	display: block
}

.reward-box-wrapper1 {
	border-right: 0
}

.reward-box-wrapper3 {
	border-left: 0
}

.reward-box-wrapper.active {
	border-color: #f47044
}

.video-wrap {
	position: relative
}

.play-btn {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	right: 0;
	text-align: center
}

.play-btn a {
	background-color: #f47044;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 100px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	font-size: 24px;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	padding-left: 5px;
	padding-top: 1px
}

.play-btn a:hover {
	background: #fff;
	color: #f47044
}

.single-we-do-box {
	transition: .3s
}

.single-we-do-box:hover {
	transform: translateY(-10px)
}

.we-do-btn a {
	color: #f47044;
	line-height: 1;
	font-size: 18px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border: 2px solid #ffede1;
	display: inline-block;
	border-radius: 50%;
	margin-bottom: 35px;
	position: relative
}

.we-do-btn a::before {
	position: absolute;
	color: #fff;
	background: #f47044;
	content: "\f105";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	font-size: 18px;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 100%;
	left: 0;
	border-radius: 50%;
	border: 2px solid transparent;
	transition: .5s;
	opacity: 0;
	z-index: 9999;
	line-height: 54px
}

.we-do-tittle h3 {
	font-size: 30px;
	font-weight: 600;
	color: #222;
	margin-bottom: 26px;
	position: relative;
	z-index: 99
}

.we-do-para p {
	color: #434343;
	font-size: 16px;
	margin-bottom: 40px
}

.we-do-top-back h2 {
	font-size: 140px;
	font-weight: 600;
	line-height: 1;
	color: #e6e6e6
}

.we-do-top-back {
	position: absolute;
	top: 5%;
	left: 0;
	right: 0;
	opacity: 0;
	transition: .4s
}

.single-we-do-box:hover .we-do-top .we-do-btn a::before {
	opacity: 1
}

.single-we-do-box:hover .we-do-top-back {
	opacity: 1
}

.we-do-area {
	margin-top: -245px;
	padding-top: 360px;
	padding-bottom: 90px
}

.section-title.team-titles .archivment-back {
	transform: translateY(-40%);
	right: 40px
}

.movi-area {
	padding: 120px 185px
}

.section-title2 .archivment-front h3 {
	color: #ffff
}

.section-title2 h3.archivment-back {
	color: #303030;
	left: -12px;
	top: 59%
}

.section-title2 .archivment-front {
	text-align: left
}

.video-singl-img img {
	width: 100%
}

.movi-btn {
	position: relative;
	bottom: 30px
}

.video-singl-img {
	position: relative
}

.video-singl-img::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #222;
	opacity: .302;
	opacity: 0;
	transition: .4s
}

.video-sing-img-wrap:hover .video-singl-img::before {
	opacity: .302
}

.video-sing-img-wrap {
	position: relative
}

.video-content {
	position: absolute;
	top: 55%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	transition: .3s;
	visibility: hidden;
	opacity: 0;
	z-index: 9
}

.video-content h3 {
	color: #fff
}

.video-content span {
	color: #fff;
	text-transform: capitalize
}

.video-sing-img-wrap:hover .video-content {
	opacity: 1;
	visibility: visible;
	top: 50%
}

.video-link a {
	font-weight: 500;
	color: #fff;
	text-align: center;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	border: 2px solid #fff;
	margin: auto;
	opacity: 1;
	transition: .6s;
	cursor: pointer;
	transform: scale(.9);
	display: inline-block
}

.video-link a:hover {
	background: #f47044;
	border: 2px solid #f47044
}

.portfolio-menu button.active {
	color: #fff;
	background-color: #f47044;
	border: 2px solid transparent
}

.portfolio-menu button {
	color: #b9b9b9;
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #484848;
	border-radius: 30px;
	font-weight: 600;
	font-family: 'Karla', sans-serif;
	padding: 19px 41px;
	margin: 0 5px;
	line-height: 1;
	transition: .4s;
	cursor: pointer;
	background: 0
}

.portfolio-menu button:hover {
	background: #f47044;
	border: 2px solid transparent;
	color: #fff
}

.portfolio-menu button.active {
	background: #f47044
}

.team-social {
	position: absolute;
	right: 38px
}

.team-box {
	border: 2px solid #f2f2f2;
	padding: 30px 30px 33px 37px;
	transition: .3s
}

.team-box:hover {
	border-color: #f47044
}

.team-img {
	position: relative;
	margin-top: -105px;
	left: -92px;
	transition: .3s
}

.team-box:hover .team-img {
	transform: translateY(-5px)
}

.team-social ul li a {
	color: #cacaca;
	font-size: 14px;
	margin-bottom: 17px;
	display: block;
	line-height: 1
}

.team-social ul li:hover a {
	color: #f47044
}

.team-social ul li.active a {
	color: #f47044
}

.team-bottom span {
	margin-bottom: 13px;
	display: block;
	color: #f47044;
	font-size: 14px
}

.team-bottom h3 {
	color: #222;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 23px
}

.members-img img {
	width: 100%
}

.members-img-thumb img {
	width: 100%
}

.members-img {
	position: relative
}

.members-img-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: .6s
}

.thumb-content-box {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	height: 100%;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: .4s
}

.single-members:hover .members-img-thumb,
.single-members:hover .thumb-content-box {
	opacity: 1;
	visibility: visible
}

.single-members.active .members-img-thumb,
.single-members.active .thumb-content-box.active {
	opacity: 1;
	visibility: visible
}

.thumb-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	padding-left: 100px
}

.thumb-content h3 {
	color: #fff;
	font-size: 60px
}

.thumb-content h3 {
	color: #fff;
	font-size: 60px;
	margin-bottom: 50px
}

.thumb-content a {
	color: #222;
	background: #ffff;
	width: 60px;
	height: 60px;
	display: block;
	text-align: center;
	line-height: 60px;
	border-radius: 50%
}

.thumb-content a:hover {
	background: #f47044;
	color: #ffff
}

.news-feed-img img {
	width: 100%
}

.Industry ul li {
	margin-bottom: 22px;
	display: inline-block;
	margin-right: 16px
}

.Industry ul li a {
	color: #f47044;
	font-weight: 400;
	font-size: 14px;
	display: inline-block
}

.news-feed-content h3 {
	color: #222;
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 18px
}

.news-feed-content h3:hover a {
	color: #f47044
}

.news-feed-content p {
	color: #434343;
	line-height: 1.66
}

.news-feed-content {
	border: 2px solid #ddd;
	border-top: 0
}

.news-feed-content {
	border: 2px solid #ddd;
	border-top: 0;
	padding: 32px 35px 23px 38px
}

.single-news-feeds {
	position: relative;
	transition: .6s
}

.news-feed-content.news-feed-content-2 {
	padding: 0 35px 22px 38px;
	border: 0;
	position: absolute;
	bottom: 0
}

.news-feed-content.news-feed-content-2 h3 {
	color: #fff
}

.news-feed-content.news-feed-content-2 p a {
	color: #bababa
}

.news-feed-content.news-feed-content-2 p:hover a {
	color: #f47044
}

.section-title.section-title5 p.subscribe {
	color: #f47044
}

.section-title.section-title5 p.subscribe {
	color: #f47044;
	font-weight: 400;
	font-size: 18px
}

.subscribe-form .input-box-area input {
	background: 0;
	border: 0;
	width: 100%;
	border-bottom: 2px solid #ddd;
	padding-left: 56px;
	padding-bottom: 18px
}

.subscribe-form .input-box-area i {
	color: #f47044;
	position: absolute;
	bottom: 0;
	margin: 0;
	top: 5px;
	left: 28px;
	line-height: 1
}

.input-box-area {
	position: relative
}

.subscribe-area {
	border: 2px solid #f6f6f6;
	padding: 50px 0 50px 0
}

.subscribe-form {
	padding: 0 120px
}


.widget-posts-image {
	float: left
}

.widget-posts-title {
	margin-bottom: 3px;
	font-size: 16px;
	line-height: 1.4;
	color: #fff
}

.widget-posts-title a:hover {
	color: #bdbdbd
}

.widget-posts-meta {
	color: #c6c6c6;
	font-size: 14px
}

.footer-widget .widget-posts-body {
	overflow: hidden;
	padding-top: 0
}

.widget-post-list {
	overflow: hidden;
	margin-bottom: 20px
}

.footer-widget .widget-posts-image img {
	width: 80px;
	height: 70px;
	border-radius: 0;
	margin-right: 20px
}

.widget-box {
	padding: 40px;
	padding-bottom: 20px
}

.copy-right p {
	margin: 0
}

.insta-feed li {
	float: left;
	width: 33.33%;
	margin-bottom: 16px;
	padding: 0 8px
}

.insta-feed {
	overflow: hidden;
	margin: 0 -8px
}

.insta-feed li a img {
	width: 100%
}

.insta-feed li a {
	display: block
}

.h2-header-padding {
	padding: 5px 65px
}

.h2-menu-area {
	padding-left: 0
}

.h2-hero-caption span {
	color: #f47044
}

.h2-hero-caption>p {
	font-size: 18px;
	color: #172d51;
	margin-bottom: 35px;
	padding-right: 20px
}

.h2-hero-caption .hero-main-heading {
	font-size: 100px
}

.h2-hero-caption>a {
	margin-right: 19px
}

.h2-hero-padding {
	min-height: 750px
}

.section-line-long {
	position: absolute;
	height: 100%;
	width: 1px;
	background: rgba(255, 255, 255, 0.20);
	top: 0
}

.section-line-long1 {
	left: 20%
}

.section-line-long2 {
	left: 40%
}

.section-line-long3 {
	left: 60%
}

.section-line-long4 {
	left: 80%
}

.h2-header-search-user li {
	display: block;
	margin-bottom: 20px
}

.h2-header-search-user li a {
	border-radius: 0
}

.h2-header-search-user ul li a:hover {
	background: #f47044;
	color: #fff
}

.h2-header-search-user {
	position: absolute;
	bottom: 60px;
	left: 60px;
	z-index: 999
}

.h2-header-search-right {
	position: absolute;
	right: 60px;
	left: auto
}

.h2-section-title h2 span {
	font-size: 60px;
	font-weight: 700;
	color: #222;
	margin-bottom: 20px;
	position: relative;
	display: block
}

.h2-section-title>p {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 17px
}

.h2-about-content p {
	font-size: 16px;
	color: #434343
}

.h2-section-title h2::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 50px;
	background: #f47044;
	left: -20px;
	top: -6px
}

.h2-section-title>h2 {
	position: relative;
	display: inline-block
}

.h2-about-content {
	padding-right: 24px
}

.counter-number {
	display: block;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 3px
}

.counter-title {
	font-size: 16px;
	color: #434343
}

.single-counter {
	margin-bottom: 30px
}

.h2-counter-area {
	display: flex;
	justify-content: space-between;
	padding-right: 50px
}

.h2-section-title2 h2 span {
	color: #fff;
	font-size: 60px;
	line-height: 1;
	margin-bottom: 40px
}

.skills-img img {
	width: 100%
}

.h2-section-title2 p {
	color: #ccc;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 50px
}

.single-skill span {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 14px;
	display: block
}

.skills-content {
	padding-top: 200px;
	padding-left: 70px
}

.skills-shape-bg {
	height: 651px;
	width: 868px;
	position: absolute;
	content: "";
	border: 2px solid #4d4d4d;
	left: 40%;
	top: 255px
}

.skills-shape-bg::before {
	position: absolute;
	content: "";
	height: 465px;
	width: 300px;
	border: 2px solid #4d4d4d;
	left: -35%;
	top: 50%;
	transform: translateY(-50%);
	border-right: 0
}

.reward-tittle span {
	color: #f47044;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 20px;
	display: block
}

.reward-tittle h3 {
	color: #fff;
	font-size: 60px;
	font-weight: 600;
	margin-bottom: 20px
}

.reward-tittle i {
	color: #d0d0d0;
	font-size: 20px;
	line-height: 34px;
	font-family: 'Playfair Display', serif
}

.bg-overly::before {
	position: absolute;
	content: "";
	background: rgba(0, 0, 0, 0.90);
	height: 100%;
	width: 100%;
	top: 0
}

.dot-style .slick-dots button {
	text-indent: -10000px;
	height: 4px;
	width: 24px;
	cursor: pointer;
	background: #464342;
	border: 0
}

.dot-style .slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: -104px
}

.dot-style .slick-dots li {
	display: inline-block;
	margin: 0 5px
}

.dot-style .slick-dots .slick-active button {
	background: #fff
}

.single-brand a {
	display: inline-block
}

.single-brand {
	text-align: center
}

.rewards-img img {
	width: 100%
}

.single-rewards {
	position: relative
}

.rewards-content {
	position: absolute;
	bottom: 28px;
	left: 0;
	right: 0;
	text-align: center
}

.rewards-content a {
	color: #fff;
	font-size: 14px;
	line-height: 34px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 2px
}

.single-rewards::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.90196) 0, rgba(34, 34, 34, 0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.90196) 0, rgba(34, 34, 34, 0) 100%);
	background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.90196) 0, rgba(34, 34, 34, 0) 100%);
	opacity: 1;
	transition: .4s
}

.rewards-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	transition: .4s;
	opacity: 0
}

.rewards-icon img {
	width: 170px
}

.single-rewards:hover.single-rewards .rewards-icon {
	opacity: 1
}

.single-rewards.active .rewards-icon {
	opacity: 1
}

.works-img img {
	width: 100%
}

.cool-works-bg {
	position: absolute;
	top: 150px;
	left:
}

.cool-works-bg img {
	width: 100%
}

.single-cool-wroks {
	position: relative
}

.single-cool-wroks::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(34, 34, 34, 0.502);
	transition: .4s;
	opacity: 0
}

.works-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	text-align: center;
	transition: .4s;
	opacity: 0
}

.single-cool-wroks:hover.single-cool-wroks::before {
	opacity: 1
}

.single-cool-wroks:hover.single-cool-wroks .works-icon {
	opacity: 1
}

.single-cool-wroks.active.single-cool-wroks::before,
.single-cool-wroks.active.single-cool-wroks .works-icon {
	opacity: 1
}

.cool-wroks-active .slick-arrow {
	position: absolute;
	top: -180px;
	background: 0;
	border: 0;
	z-index: 999;
	right: 19%
}

.cool-wroks-active .slick-prev.slick-arrow {
	right: 23%
}

.cool-wroks-active button i {
	border: 2px solid #eee;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	transition: .3s
}

.cool-wroks-active .slick-next i {
	color: #f47044;
	border-color: #f47044
}

.cool-wroks-active .slick-arrow:hover i {
	color: #fff;
	background: #f47044;
	border-color: #f47044
}

.cool-wroks-active button i {
	color: #000;
	font-size: 18px
}

.works-icon>a>img {
	display: inline-block !important
}

.custom-row2 {
	padding-left: 70px
}

.single-cool-wroks {
	margin-right: 0
}

.cool-wroks-active {
	padding: 0 150px
}

.contact-box {
	padding: 60px 66px 60px 66px;
	background-color: #fff;
	box-shadow: 0 14px 28px 0 rgba(193, 193, 193, 0.1)
}

.contact-icon img {
	margin-bottom: 47px
}

.h2-section-title.contact-tittle h2 span {
	font-size: 24px
}

.h2-section-title.contact-tittle h2::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background: #f47044;
	left: -10px;
	top: -7px
}

.contact-contents ul li a {
	color: #434343;
	font-size: 16px;
	margin-bottom: 14px;
	display: block
}

.contact-contents a.contact-btn {
	border: 2px solid #e7e7e7;
	padding: 20px 55px;
	display: inline-block;
	color: #434343;
	font-size: 14px;
	font-weight: 400;
	position: relative
}

.contact-contents a:hover.contact-btn {
	border: 2px solid transparent;
	background: #f47044;
	color: #fff
}

.h2-section-title.testimonials-tittle h2 span {
	color: #fff;
	margin-bottom: 15px
}

.testmonial-item i {
	font-size: 18px;
	color: #fff;
	margin-bottom: 40px;
	width: 60px;
	height: 60px;
	background: #111;
	border-radius: 50%;
	line-height: 60px
}

.testimonial-item2>i {
	background: #f47044
}

.testmonial-item p {
	color: #d0d0d0;
	font-size: 18px;
	margin-bottom: 45px
}

.testmonial-item p.textimonial-pra {
	margin-bottom: 40px;
	color: #fff;
	font-size: 40px;
	font-style: italic;
	font-family: 'Playfair Display', serif;
	line-height: 1.3
}

.testmonial-nav {
	width: 250px;
	text-align: center;
	margin: auto
}

.testmonial-nav button {
	background: 0;
	position: absolute;
	top: -242%;
	color: #333;
	transform: translateY(-50%);
	border: 0;
	font-size: 21px
}

.testmonial-nav button {
	color: #333;
	font-size: 21px
}

.h3-blog-active .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: inherit;
	margin-right: inherit
}

.slick-slide img {
	display: block
}

.slick-initialized .slick-slide {
	display: block
}

.testmonial-thumb img {
	transform: scale(0.6);
	transition: .6s;
	opacity: .4
}

.testmonial-thumb.slick-center img {
	transform: scale(1);
	opacity: 1
}

.testmonial-nav button.slick-next {
	left: auto;
	right: -15px
}

.testmonial-nav button.slick-prev {
	left: -181%
}

.testmonial-nav button.slick-next {
	right: -181%
}

.testmonial-nav button i {
	border: 2px solid #383838;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	color: #fff;
	transition: .4s
}

.testmonial-nav button:hover i {
	border-color: #f47044;
	color: #f47044
}

.testmonial-item-active .testmonial-nav button:hover i {
	border-color: #f47044;
	color: #f47044
}

.feeds_form-area .container-fluid {
	width: auto !important;
	margin-right: 0 !important;
	margin-left: 19%
}

.h3-blog-active button {
	display: none !important
}

.h2-section-title.testimonials-tittle.news-feed-tittle h2 span {
	color: #222
}

.h2-news-img img {
	width: 100%;
	margin-bottom: 38px
}

.h2-news-contnet span a {
	color: #f47044;
	line-height: 1;
	margin-bottom: 19px;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .2em
}

.h2-news-contnet h3 a {
	font-size: 25px;
	margin-bottom: 20px;
	display: block
}

.h2-news-contnet h3 a:hover {
	color: #ff4454
}

.h2-news-contnet p {
	color: #434343;
	line-height: 28px;
	font-size: 14px;
	margin-bottom: 19px;
	display: block;
	padding-right: 30px
}

.h2-news-contnet a.h2-news-btn {
	color: #ff4454;
	transition: .4s;
	font-weight: 700
}

.h2-single-news-feed:hover .h2-news-contnet a.h2-news-btn {
	visibility: visible;
	opacity: 1
}

.h2-single-news-feed.active .h2-news-contnet a.h2-news-btn {
	visibility: visible;
	opacity: 1
}

.news-img img {
	width: 100%
}

.news-box {
	padding: 0 30px;
	margin-top: -85px
}

.news-box .news-box {
	background: #fff
}

.news-box .news-text {
	background: #fff;
	position: relative;
	padding: 35px;
	box-shadow: 0 10px 40px 0 rgba(0, 36, 107, 0.15);
	padding-top: 33px
}

.news-box .news-text h4 a:hover {
	color: #ff4646
}

.news-box .news-meta span a:hover {
	color: #ff4646
}

.latest-news {
	position: relative
}

.news__thumb img {
	width: 100%
}

.postbox__thumb img {
	width: 100%
}

.blog-inner-img img {
	width: 100%
}

.news__caption h2 {
	font-size: 24px;
	margin-bottom: 15px;
	line-height: 1.4
}

.news__caption h2 a:hover {
	color: #f47044
}

.news-link {
	font-size: 12px;
	color: #e4ecf3;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px
}

.news-link:hover {
	color: #fff
}

.news-link i {
	transition: .3s;
	display: inline-block
}

.news-link:hover i {
	transform: translateX(3px)
}

.news__thumb-2 img {
	width: 100%
}

.news__caption-2 {
	padding: 33px
}

.news__caption-2 h2 {
	font-size: 20px;
	margin-bottom: 15px
}

.news__caption-2 h2 a:hover {
	color: #f47044
}

.postbox__thumb {
	position: relative
}

.postbox__thumb a img {
	max-width: 100%
}

.post-meta span {
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 600;
	text-transform: uppercase;
	color: #6f7172;
	margin-right: 20px
}

@media(max-width:767px) {
	.post-meta span {
		margin-right: 10px
	}
}

.post-meta span a:hover {
	color: #f47044
}

.post-meta span i {
	color: #f47044;
	margin-right: 2px;
	position: relative;
	top: -1px
}

.post-meta span a {
	color: #6f7172
}

.p-50 {
	padding: 50px
}

@media only screen and (min-width:992px) and (max-width:1200px) {
	.p-50 {
		padding: 30px
	}
}

@media(max-width:767px) {
	.p-50 {
		padding: 30px
	}
}

.p-30 {
	padding: 30px
}

.post-meta {
	margin-bottom: 20px
}

.post-meta.mb-10 {
	margin-bottom: 10px
}

.blog-title {
	font-size: 28px;
	line-height: 1.3;
	margin-bottom: 20px
}

.blog-title a:hover {
	color: #f47044
}
}

.read-more {
	color: #f47044;
	font-weight: 600
}

.read-more:hover {
	color: #f47044
}

.read-more:hover i {
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px)
}

.read-more i {
	transition: .3s;
	display: inline-block
}

.blog-title-sm {
	font-size: 20px;
	margin-bottom: 12px;
	line-height: 1.5
}

.postbox__gallery .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 30px;
	border: 0;
	background: 0;
	padding: 0;
	z-index: 9;
	-webkit-transition: all .3s ease-out 0;
	-moz-transition: all .3s ease-out 0;
	-ms-transition: all .3s ease-out 0;
	-o-transition: all .3s ease-out 0;
	transition: all .3s ease-out 0;
	background: #fff;
	width: 60px;
	height: 60px;
	color: #6f7172;
	border-radius: 50%;
	font-size: 14px
}

.postbox__gallery .slick-arrow:hover {
	background: #f47044;
	color: #fff
}

.postbox__gallery .slick-arrow.slick-next {
	right: 30px;
	left: auto
}

.postbox__video {
	position: relative
}

.postbox__video img {
	max-width: 100%
}

.video-btn {
	position: absolute;
	background: #fff;
	height: 120px;
	width: 120px;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	border-radius: 50%;
	line-height: 120px;
	color: #f47044;
	transform: translateY(-50%)
}

.video-btn:hover {
	background: #f47044;
	color: #fff
}

.post-text blockquote {
	background: #f8f7ee;
	padding: 50px;
	position: relative;
	padding-left: 142px
}

@media(max-width:767px) {
	.post-text blockquote {
		padding: 30px
	}
}

.post-text blockquote p {
	font-size: 25px;
	margin-bottom: 20px;
	color: #2d4255;
	font-weight: 700;
	font-family: 'Fahkwang', serif;
	line-height: 1.3
}

.post-text blockquote::before {
	content: "\f10d";
	left: 50px;
	top: 38px;
	position: absolute;
	color: #f0b7a4;
	font-family: "Font Awesome 5 Pro";
	font-size: 60px
}

@media(max-width:767px) {
	.post-text blockquote::before {
		position: static
	}
}

.post-text blockquote footer {
	font-size: 14px;
	letter-spacing: 1px;
	color: #f47044;
	font-weight: 600;
	text-transform: uppercase
}

.navigation-border {
	border-top: 2px solid #f7f7f7;
	overflow: hidden
}

.navigation-border {
	border-top: 2px solid #f7f7f7;
	overflow: hidden
}

.bakix-navigation span {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	display: block;
	margin-bottom: 10px
}

.bakix-navigation span a {
	color: #666
}

.bakix-navigation span a:hover {
	color: #f47044
}

.bakix-navigation h4 {
	font-size: 24px;
	margin: 0
}

.bakix-navigation h4 a:hover {
	color: #f47044
}

.b-0 {
	border: 0
}

.search-form {
	position: relative
}

.search-form input {
	width: 100%;
	height: 60px;
	border: 0;
	background: #f5faff;
	padding: 0 25px;
	text-transform: capitalize
}

.search-form input:focus::placeholder {
	opacity: 0
}

.search-form input:focus::-moz-placeholder {
	opacity: 0
}

.search-form button {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	padding: 0 25px;
	color: #7b8491;
	line-height: 60px;
	border: 0;
	background: 0
}

.search-form button:hover {
	color: #f47044
}

.widget-title {
	font-size: 22px;
	margin-bottom: 0;
	position: relative;
	display: inline-block
}

.animate-border::after {
	position: absolute;
	content: "";
	width: 35px;
	height: 3px;
	left: 0;
	bottom: 0;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	-webkit-animation: animborder 2s linear infinite;
	animation: animborder 2s linear infinite
}

.animate-border.border-white::after {
	border-color: #fff
}

.animate-border.border-white::after {
	border-color: #fff
}

.about-me img {
	margin-bottom: 25px;
	border-radius: 50%
}

.about-me h4 {
	font-size: 18px;
	letter-spacing: 1px
}

.widget-social-icon a {
	display: inline-block;
	margin: 0 8px;
	color: #f47044
}

.widget-social-icon a:hover {
	color: #f47044
}

.banner-widget img {
	max-width: 100%
}

.widget .recent-posts>li {
	overflow: hidden
}

.widget .recent-posts>li:not(:last-child) {
	overflow: hidden;
	margin-bottom: 5px
}

.widget-posts-image {
	float: left
}

.widget-posts-image img {
	width: 130px;
	height: 130px;
	border-radius: 0;
	margin-right: 25px
}

.widget-posts-body {
	overflow: hidden;
	padding-top: 15px
}

.widget-posts-title {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1.3
}

.widget .widget-posts-title {
	color: #222
}

.widget-posts-title a:hover {
	color: #f47044
}

.widget-posts-meta {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .4px;
	color: #7b8491;
	margin-bottom: 10px
}

ul.cat li {
	border-top: 1px solid #eaedff;
	padding: 15px 0;
	overflow: hidden
}

ul.cat li:first-child {
	border-top: 0;
	padding-top: 0
}

ul.cat li:last-child {
	padding-bottom: 0
}

ul.cat li a {
	display: block;
	color: #647589
}

ul.cat li a:hover {
	color: #f47044
}

.social-profile a {
	height: 50px;
	width: 50px;
	text-align: center;
	background: #062a4d;
	line-height: 50px;
	margin-right: 2px;
	display: inline-block;
	color: #fff;
	margin-bottom: 5px
}

.social-profile a:hover {
	background: #f47044
}

#Instafeed {
	margin: 0 -5px;
	overflow: hidden
}

#Instafeed li {
	width: 33.33%;
	float: left;
	padding: 0 5px;
	margin-bottom: 10px
}

#Instafeed li img {
	width: 100%
}

.tagcolud a {
	display: inline-block;
	line-height: 1;
	padding: 12px 18px;
	background: #f5faff;
	margin-bottom: 8px;
	margin-right: 5px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	color: #5f5b5b;
	border-radius: 2px
}

.tagcolud a:hover {
	background: #f47044;
	color: #fff
}

.bg-none {
	background: 0
}


.conatct-post-form {
	margin-bottom: 20px;
	padding: 50px 35px;
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .09)
}

.conatct-post-form label {
	font-weight: 600;
	color: #223645;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 12px;
	display: block
}

@media(max-width:767px) {
	.conatct-post-form {
		padding: 20px
	}
}

.conatct-post-form input {
	height: 55px;
	margin-bottom: 20px;
	padding: 0 20px;
	width: 100%;
	font-size: 14px;
	color: #223645;
	border: 1px solid transparent;
	background: #eceff3;
	transition: .3s
}

.conatct-post-form input:focus {
	background: #fff;
	border-color: #f47044
}

.conatct-post-form textarea {
	height: 170px;
	margin-bottom: 20px;
	padding: 20px;
	width: 100%;
	color: #223645;
	font-size: 14px;
	border: 1px solid transparent;
	background: #eceff3;
	transition: .3s
}

.conatct-post-form textarea:focus {
	background: #fff;
	border-color: #f47044
}

#contacts-form input::-moz-placeholder {
	color: #a7a7c1;
	font-size: 14px
}

#contacts-form input::placeholder {
	color: #a7a7c1;
	font-size: 14px
}

#contacts-form textarea::-moz-placeholder {
	color: #a7a7c1;
	font-size: 14px
}

#contacts-form textarea::placeholder {
	color: #a7a7c1;
	font-size: 14px
}

.contact-icon {
	position: relative
}

.contact-icon::after {
	position: absolute;
	content: "";
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	right: 30px;
	color: #f47044;
	top: 18px
}

.conatct-post-form .contact-icon::before {
	display: none
}

.contacts-message::after {
	content: "\f303"
}

.contacts-name::after {
	content: "\f007"
}

.contacts-email::after {
	content: "\f0e0"
}

.contacts-website::after {
	content: "\f0ac"
}

.footer-right-img {
	position: absolute;
	right: 0;
	width: 50%
}

.h2-footer-content {
	padding-left: 102px;
	padding-right: 98px
}

.footer-left-img {
	position: absolute;
	left: 0;
	width: 50%
}

.footer-right-img {
	position: absolute;
	right: 0
}

.h2-footer-contnet-right {
	padding-left: 100px
}

.footer-menu ul li:last-child {
	margin-right: 0
}

.h2-footer-contnet-right h3 {
	color: #fff;
	font-weight: 600;
	font-size: 36px;
	margin-bottom: 19px
}

.footer-menu ul li {
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 50px
}

.h2-footer-contnet-right .footer-menu ul li a {
	color: #fff
}

.h2-footer-contnet-right .footer-menu ul li:hover a {
	color: #ff4454
}

.h2-footer-social ul li {
	display: inline-block;
	margin-right: 19px
}

.footer-menu ul li:nth-child(4) {
	margin-right: 180px
}

.h2-footer-social ul li a {
	color: #fff;
	font-size: 16px;
	width: 60px;
	height: 60px;
	background: transparent;
	line-height: 60px;
	border: 2px solid #5e6365;
	display: inline-block;
	text-align: center;
	border-radius: 50%
}

.h2-footer-social ul li:hover a {
	color: #222;
	background: #fff;
	border: 2px solid transparent
}

.h2-footer-social ul li.active a {
	color: #222;
	background: #fff;
	border: 2px solid transparent
}

.footer-icon img {
	margin-bottom: 143px
}

.footer-copyright p {
	color: #bfbfbf
}

.about-left-conent>span a {
	color: #f47044;
	font-size: 16px;
	margin-bottom: 22px;
	display: block;
	text-transform: uppercase;
	letter-spacing: .2em
}

.about-right-conent span {
	font-size: 26px;
	color: #222;
	display: block;
	margin-bottom: 40px
}

.about-left-conent h2 {
	color: #222;
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 40px
}

.about-btn a {
	border: 2px solid #222;
	padding: 19px 29px;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #222;
	line-height: 1
}

.about-btn span>a {
	padding: 18px 29px;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: #222;
	border: 2px solid #222;
	line-height: 1;
	margin-bottom: 0;
	border-left: 0
}

.about-right-conent h5 {
	color: #222;
	font-size: 26px;
	line-height: 38px;
	font-weight: 400;
	margin-bottom: 40px
}

.about-right-conent>p {
	margin-bottom: 25px;
	font-size: 18px;
}

.testmonial-thumb2 {
	padding-right: 30px
}

.testmonial-nav2 button {
	display: none !important
}

.desgnation-number {
	margin-bottom: 133px;
	margin-top: 50px
}

.testmonial-thumb2 img {
	width: 100%;
	cursor: pointer
}

.movi-list-area img {
	width: 100%
}

.services-tittle span {
	color: #f47044;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1;
	margin-bottom: 30px;
	display: block;
	letter-spacing: .2em
}

.services-tittle h3 {
	color: #fff;
	font-size: 60px;
	line-height: 70px;
	font-weight: 700;
	margin-bottom: 68px
}

.single-m-list.frist-img {
	margin-top: -55px
}

.m-iocn img {
	width: 100px
}

.single-m-img {
	position: relative
}

.m-iocn {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	right: 0;
	transform: translateY(-50%);
	opacity: 0;
	transition: .4s
}

.single-m-img:hover .m-iocn {
	opacity: 1
}

.play-video-icons a {
	display: inline-block
}

.play-video-icons {
	position: relative;
	z-index: 99
}

.serv-iocn img {
	margin-bottom: 48px
}

.serv-content h3 {
	color: #fff;
	font-size: 26px;
	line-height: 1;
	font-weight: 600;
	margin-bottom: 20px
}

.serv-content p {
	color: #cdcdcd;
	font-size: 14px
}

.services-area::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(34, 34, 34, 0.80);
	top: 0
}

.monster-content span {
	color: #fff;
	font-size: 24px;
	line-height: 1.70;
	margin-bottom: 23px;
	display: block
}

.monster-content p {
	color: #fff;
	font-size: 16px;
	line-height: 1.85;
	margin-bottom: 30px
}

.monster-btn span {
	padding-left: 27px;
	font-size: 16px
}

.film-monster-area {
	background-size: cover;
	background-repeat: no-repeat
}

.h3-testimonial-tittle h3 {
	color: #222;
	font-size: 60px;
	line-height: 70px;
	font-weight: 700
}

.testmonial-item2 p {
	font-style: italic;
	font-size: 20px;
	font-size: 40px;
	color: #434343;
	line-height: 58px;
	font-family: 'Playfair Display', serif;
	margin-bottom: 35px;
	padding-right: 60px
}
.vid-area {
	padding-top: 20px;
}

.testmonial-item2 i {
	width: 60px;
	height: 60px;
	background: #f47044;
	line-height: 60px;
	text-align: center;
	color: #fff;
	margin-bottom: 46px;
	font-size: 18px;
	font-weight: 300
}

.testmonial-item2 h4 {
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 30px
}

.desgnation-member h5 {
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px
}

.desgnation-member span {
	color: #f47044;
	text-transform: uppercase;
	letter-spacing: 2px
}

.desgnation-number h3 {
	color: #f47044;
	font-size: 80px;
	line-height: 1;
	font-weight: 700
}

.desgnation-number h3 span {
	color: #cecece;
	font-size: 26px;
	letter-spacing: 2px;
	margin-right: 2px
}

.h3-play-video-area {
	min-height: 800px
}

.h3-play-video-area::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(34, 34, 34, 0.502)
}

.feeds-form-img::before {
	position: absolute;
	content: "";
	background: rgba(34, 34, 34, 0.502);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.feeds-form-img img {
	width: 100%
}

.features-area::before {
	position: absolute;
	content: "";
	background: rgba(34, 34, 34, 0.502);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.feeds-form-tittle span {
	color: #f47044;
	font-size: 14px;
	margin-bottom: 35px;
	display: block;
	letter-spacing: 2px;
	text-transform: uppercase
}

.feeds-form-tittle h3 {
	color: #222;
	font-size: 60px;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 78px
}

.feeds-contents-top a {
	color: #f47044;
	font-size: 14px;
	line-height: 1;
	padding: 12px 27px;
	background: #fff;
	display: inline-block;
	margin-bottom: 74px;
	text-transform: uppercase;
	letter-spacing: 2px
}

.feeds-contents-bottom h3 a {
	color: #222;
	font-size: 34px;
	line-height: 46px
}

.feeds-contents-bottom h3:hover a {
	color: #f47044
}

.feeds-contents-bottom>a {
	margin-bottom: 12px;
	display: block;
	font-size: 16px;
	color: #434343
}

.feeds-contents-bottom.feeds-contents-bottom2>a {
	color: #434343
}

.feeds-contents-bottom.feeds-contents-bottom2 h3 a {
	color: #222
}

.feeds-contents-bottom2 h3:hover a {
	color: #f47044
}

.feeds-form-contents {
	position: absolute;
	top: 40px;
	left: 40px;
	padding-right: 25px
}

.h3-blog-thumb img {
	width: 100%
}

.h3-blog-thumb img {
	opacity: 0;
	transition: .4s;
	visibility: hidden
}

.h3-blog-thumb {
	background: #eef4ff
}

.features-left-content h3 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px
}

.features-left-content p {
	color: #dfdfdf;
	font-size: 14px;
	line-height: 26px
}

.features-tick-marks i {
	width: 60px;
	height: 60px;
	background: transparent;
	line-height: 54px;
	text-align: center;
	border: 3px solid #676767;
	color: #fff;
	font-size: 16px
}

.single-features-contents {
	position: relative
}

.features-tick-marks {
	position: absolute;
	top: -14px;
	left: 0
}

.h3-blog-wrapper:hover .h3-blog-thumb img {
	opacity: 1;
	visibility: visible;
	transition: .4s
}

.h3-blog-wrapper:hover .feeds-contents-bottom>a {
	color: #fff
}

.h3-blog-wrapper:hover .feeds-contents-bottom h3 a {
	color: #fff
}

.copy-right.copy-right2 p {
	color: #434343
}

.footer-social.footer-terms ul li a {
	color: #434343
}

.footer-social.footer-terms.f-right ul li:hover a {
	color: #f47044
}

.footer-social.footer-terms ul li {
	margin-left: 31px
}

.footer-area-bottom.footer-area-bottom2 {
	border-top: 1px solid #e3e3e3
}

.h3-footer-social ul li {
	display: inline-block;
	margin-left: 12px
}

.h3-footer-social ul li a {
	color: #434343
}

.h3-footer-social ul li a i {
	width: 50px;
	height: 50px;
	border: 2px solid #e7e7e7;
	line-height: 50px;
	text-align: center;
	transition: .4s
}

.h3-footer-social ul li:hover a i {
	border: 2px solid #222
}

.h3-footer-social ul li:hover a {
	color: #222
}

.h3-footer-tittle h3 {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 28px;
	line-height: 40px
}

.h3-footer-tittle span a {
	color: #f47044;
	font-size: 30px;
	font-weight: 700;
	line-height: 1
}

.footer-title.footer-title3 h4 {
	color: #222
}

.footer-content.footer-content2 ul li a {
	color: #434343
}

.footer-content.footer-content2 ul li:hover a {
	color: #f47044
}

.clik-event ul li a {
	color: #434343;
	font-size: 20px;
	margin-right: 60px
}

.sidebar-menu li a {
	font-size: 16px;
	color: #d2d2d2;
	font-weight: 700;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
	display: block
}

.sidebar-menu li a:hover {
	color: #f47044
}

.h3sidebar_icon {
	margin-right: 60px
}

.h3sidebar_icon a i {
	font-size: 20px;
	color: #434343
}

.h3-header-padding {
	padding: 60px 85px;
	padding-right: 595px
}

.h3-hero-caption>h1 {
	font-size: 150px;
	color: #222;
	padding-left: 10px;
	line-height: 1
}

.h3-hero-caption .h3-heading-1 {
	padding-left: 150px;
	display: block
}

.h3-hero-area {
	padding-top: 220px;
	padding-bottom: 425px
}

.h3-hero-img {
	position: absolute
}

.h3-right-img {
	right: 0;
	top: 0
}

.h3-left-img {
	bottom: 0;
	left: 0
}

.search-bar form {
	position: relative
}

.search-bar form i {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	color: #434343
}

.search-bar form input {
	padding: 0;
	padding-left: 33px;
	border: 0;
	font-size: 14px;
	color: #434343
}

.h3-award-message h5 {
	font-size: 30px;
	color: #222;
	display: inline-block;
	padding: 20px 85px;
	line-height: 1;
	background: #fff;
	position: absolute;
	bottom: 10px;
	right: 22%;
	z-index: 9;
	font-weight: 400
}

.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	border-radius: 0;
	background: 0
}

.page-titel-padding {
	padding-top: 287px;
	padding-bottom: 175px
}

.hero-hedding h1 {
	color: #fff;
	font-weight: 700;
	line-height: 1;
	font-size: 65px;
	margin-bottom: 30px
}

.breadcrumb-items {
	color: #cfcfcf;
	font-size: 18px;
	line-height: 1
}

.breadcrumb-items a {
	color: #cfcfcf;
	font-size: 18px
}

.breadcrumb-items a:hover {
	color: #f47044
}

.breadcrumb-items>i {
	vertical-align: middle
}

.hero-bg2::before {
	background-color: rgb(17, 17, 17, 0);
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%
}

.section-title.about-section-title {
	text-align: left
}

.section-title.about-section-title span {
	color: #f47044;
	letter-spacing: 2px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	display: inline-block;
	padding-right: 10px
}

.about-top p {
	color: #434343;
	font-size: 26px;
	line-height: 36px
}

.about-top .peragrap {
	color: #434343;
	font-size: 16px;
	line-height: 28px
}

.about-bottom p {
	padding-left: 20px;
	line-height: 28px;
	font-size: 16px
}

.about-back-img {
	position: absolute;
}

.about-front-img {
	text-align: right
}

.about-back-img>img {
	border: 10px solid #fff
}

.about-section-title h3.archivment-back {
	top: 25%;
	font-size: 200px;
	left: 23px
}

.about-ring-img {
	position: relative;
	top: -40px;
	left: 29%
}

.about-bottom-icon {
	padding-top: 15px
}

.about-back-img .icon a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	cursor: pointer;
	width: 105px;
	height: 105px;
	left: 0;
	right: 0;
	margin: 0 auto
}

.single-about-team {
	border: 2px solid #c9e4ff
}

.about-team-img img {
	width: 100%
}

.about-team-img img {
	width: 100%;
	border: 10px solid white;
	border-bottom: 0
}

.about-team-content {
	padding: 40px 0 35px 40px
}

.about-team-content h3 {
	color: #222;
	font-size: 26px;
	line-height: 1;
	margin-bottom: 10px
}

.about-team-content span {
	color: #f47044;
	font-size: 14px;
	line-height: 1
}

.bottom-number span {
	content: "";
	width: 60px;
	height: 60px;
	background: #c9e4ff;
	position: absolute;
	bottom: -1px;
	right: -1px;
	line-height: 60px;
	text-align: center;
	color: white;
	font-weight: 700;
	transition: .4s;
	cursor: pointer
}

.single-about-team:hover .bottom-number span {
	color: white;
	background: #f47044
}

.about-section-title3 .archivment-back {
	top: 14%
}

.about-section-tittle4 .archivment-back {
	position: absolute;
	top: 50%;
	transform: translateY(-61%);
	color: #f3f3f3;
	font-size: 200px;
	font-family: 'Snell Roundhand';
	font-style: italic;
	right: 0;
	left: 0;
	margin: 0 auto
}

.best-movi-pera-top>p {
	color: #434343;
	font-size: 26px;
	line-height: 1.4
}

.dot-style-color .slick-dots .slick-active button {
	background: #222
}

.dot-style-color .slick-dots {
	position: static;
	margin-top: 48px
}

.dot-style-color .slick-dots button {
	height: 4px;
	background: #f47044
}

.best-movi-pera-bottom>p {
	color: #434343;
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 34px
}

.arrow-atyle .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -100px;
	border: 0;
	background: 0;
	padding: 0;
	z-index: 9;
	-webkit-transition: all .3s ease-out 0;
	-moz-transition: all .3s ease-out 0;
	-ms-transition: all .3s ease-out 0;
	-o-transition: all .3s ease-out 0;
	transition: all .3s ease-out 0;
	background: 0;
	width: 60px;
	height: 60px;
	color: #6f7172;
	border-radius: 50%;
	font-size: 14px;
	border: 2px solid #f47044;
	color: #f47044;
	font-size: 26px
}

.arrow-atyle .slick-arrow.slick-next {
	right: -100px;
	left: auto
}

.arrow-atyle .slick-arrow:hover {
	background: #f47044;
	color: #fff
}

.best-movi-img img {
	width: 100%
}

.section-title.about-section-title span.movis::before {
	left: 100%
}

.about-section-title5>h3.archivment-back {
	transform: translateY(-61%);
	left: -56px
}

.single-timeline:nth-child(1) .icons i {
	background: #f47044;
	color: #fff
}

.single-timeline:nth-child(2) .icons i {
	background: #f47044;
	color: #fff
}

.single-timeline:nth-child(3) .icons i {
	background: #f47044;
	color: #fff
}

.single-timeline span {
	color: #f47044;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
	display: block;
	position: absolute;
	top: -50px
}

.single-timeline .icons i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	border-radius: 50%;
	color: #434343;
	font-size: 14px;
	font-weight: 300;
	position: relative
}

.timeline-wrap::before {
	position: absolute;
	width: 100%;
	height: 2px;
	background: #ececec;
	left: 0;
	content: "";
	bottom: 24px
}

.film-monster-area::before {
	background-color: rgba(34, 34, 34, 0.8);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: ""
}

.my-style {
	position: absolute;
	right: 0;
	bottom: -39px
}

.my-img>img {
	width: 100%
}

.my-style img {
	border: 13px solid #fff;
	border-radius: 50%;
	transition: .5s
}

.about-me-top h2 {
	font-size: 40px;
	color: #222;
	font-weight: 700;
	margin-bottom: 12px
}

.about-me-top span {
	color: #f47044;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 30px;
	display: block
}

.about-me-top article {
	font-size: 24px;
	color: #434343;
	margin-bottom: 19px;
	line-height: 1.5
}

.about-me-top p {
	color: #434343;
	font-size: 16px;
	line-height: 1.7
}

.about-me-top p {
	color: #434343;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 15px
}

.about-me-bottom1 h2 {
	color: #f47044;
	font-size: 20px;
	margin-bottom: 17px;
	line-height: 1;
	font-weight: 700
}

.about-me-bottom1 p {
	color: #434343;
	font-size: 14px;
	line-height: 1.6
}

.about-me-bottom2 h2 {
	color: #3d00d9;
	font-size: 20px;
	margin-bottom: 17px;
	line-height: 1;
	font-weight: 700
}

.about-me-bottom2 h2 {
	color: #3d00d9;
	font-size: 20px;
	margin-bottom: 17px;
	line-height: 1;
	font-weight: 700
}

.team-details-thumb.mb-30 {
	display: inline-block;
	position: relative;
	text-align: center
}

.team-details-thumb ul li {
	list-style: none;
	display: inline-block
}

.team-details-thumb ul {
	background: #f47044;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 30px;
	transform: translateY(-30px)
}

.team-details-thumb ul li a {
	color: #fff;
	font-size: 14px;
	background: transparent;
	height: 40px;
	width: 40px;
	line-height: 40px;
	display: inline-block;
	border-radius: 30px
}

.team-details-thumb ul li a:hover,
.team-details-thumb ul li a.active {
	background: #fff;
	color: #222
}

.biog-content {
	overflow: hidden
}

.biog-content h3 {
	font-size: 24px;
	margin-bottom: 20px;
	color: #222
}

.biog-items i {
	border: 2px solid #ededed;
	height: 60px;
	width: 60px;
	text-align: center;
	border-radius: 30px;
	line-height: 54px;
	font-size: 18px;
	color: #f47044;
	margin-right: 28px;
	float: left
}

.biog-content ul li {
	list-style: none;
	float: left;
	width: 100%;
	margin-bottom: 5px;
	font-size: 14px
}

.biog-items-2 .biog-content ul li {
	width: 100%
}

.biog-items-2 {
	border-top: 1px solid #ededed
}

.biog-content ul li b {
	margin-right: 10px
}

.biog-content ul li span {
	color: #727272;
	font-weight: 400
}

.about-me-bottom1 h2 {
	color: #f47044;
	font-size: 20px;
	margin-bottom: 17px;
	line-height: 1;
	font-weight: 700
}

.about-me-bottom1 p {
	line-height: 1.6
}

.about-me-bottom2 h2 {
	color: #3d00d9;
	font-size: 20px;
	margin-bottom: 17px;
	line-height: 1;
	font-weight: 700
}

.about-me-bottom2 h2 {
	color: #3d00d9;
	font-size: 20px;
	margin-bottom: 17px;
	line-height: 1;
	font-weight: 700
}

.exp-text h4 {
	font-size: 100px;
	font-weight: 900;
	display: inline-block;
	margin-right: 15px;
	line-height: 1;
	color: #f47044
}

.exp-text h5 {
	font-size: 26px;
	display: inline-block
}

.about-me-nav button.slick-prev i {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	color: #222;
	background: white;
	transition: .3s
}

.about-me-nav button.slick-next i {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	cursor: pointer;
	color: #222;
	background: #fff;
	transition: .3s
}

.about-me-nav button.slick-prev {
	left: 50px;
	z-index: 999
}

.about-me-nav button:hover i {
	background: #f47044;
	color: #fff
}

.about-me-nav button.slick-next {
	right: 50px
}

.about-me-nav button {
	background: 0;
	position: absolute;
	top: 50%;
	color: #333;
	transform: translateY(-50%);
	border: 0;
	font-size: 21px;
	transition: .3s
}

.about-thumb img {
	width: 100%
}

.about-thumb {
	position: relative
}

.about-thumb::before {
	position: absolute;
	background: #000;
	height: 100%;
	width: 100%;
	content: "";
	top: 0;
	left: 0;
	opacity: 0;
	transition: .3s;
	z-index: 1
}

.about-thumb:hover::before {
	opacity: .5
}

.about-thumb a {
	position: absolute;
	left: 0;
	right: 0;
	top: 60%;
	transform: translateY(-50%);
	background: #f47044;
	width: 55px;
	height: 55px;
	margin: auto;
	border-radius: 50px;
	color: #fff;
	line-height: 54px;
	opacity: 0;
	visibility: hidden;
	z-index: 2
}

.about-thumb:hover a {
	opacity: 1;
	visibility: visible;
	top: 50%
}

.about-thumb a:hover {
	background: #fff;
	color: #f47044
}

.personal-experiences>p {
	color: #434343
}

.personal-experiences {
	margin-bottom: 40px
}

.about-me-content .row .col-lg-6:last-child .personal-experiences {
	margin-bottom: 0
}

.flim--featured__wrapper {
	position: relative
}

.featured__content {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	margin: 30px;
	padding: 20px 0
}

.featured__content>h3 {
	font-size: 20px;
	margin-bottom: 3px
}

.flim--featured__wrapper:hover .featured__thumb img {
	transform: scale(1.1)
}

.featured__content>p {
	font-size: 16px;
	color: #434343;
	margin: 0
}

.services-section>span {
	font-size: 14px;
	color: #f47044;
	font-weight: 700;
	margin-bottom: 10px;
	display: block
}

.services-section>h3 {
	font-size: 24px;
	margin-bottom: 18px
}

.services__details--content>p {
	color: #434343
}

.services__details--content>p>span {
	color: #222
}

.movie__info>h4 {
	font-size: 20px;
	margin-bottom: 10px
}

.movie__info>p {
	color: #434343
}

.project__section--title h3 {
	font-size: 25px
}

.project-text p {
	font-size: 16px;
	color: #434343
}

.project__social--info ul li a {
	height: 50px;
	width: 50px;
	font-size: 14px;
	color: #434343;
	display: inline-block;
	text-align: center;
	line-height: 49px;
	border: 2px solid #f6ece6;
	border-radius: 50%;
	margin-right: 16px
}

.project__social--info ul li a:hover {
	background: #f47044;
	border: 2px solid transparent;
	color: #fff
}

.section-title__project>p {
	font-size: 16px;
	color: #434343
}

.related-project__active .slick-arrow {
	position: absolute;
	top: -50%;
	right: 15px;
	height: 70px;
	width: 70px;
	padding: 0;
	border: 0;
	color: #222;
	background: #fff;
	box-shadow: 0 16px 32px 0 rgba(184, 184, 184, 0.3);
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
	transition: .4s
}

.related-project__active .slick-prev {
	right: 115px
}

.related-project__active .slick-arrow:hover {
	background: #f47044;
	color: #fff;
	box-shadow: 0 16px 32px 0 rgba(254, 102, 0, 0.3)
}

.h4menu-area {
	padding: 0 30px;
	text-align: center
}

.h4logo-bg {
	padding: 51px 10px;
	text-align: center
}

.h4header-button {
	padding: 35px 39px;
	text-align: center
}

.h4main-menu nav ul li>a {
	color: #434343;
	padding: 50px 0
}

.h4main-menu nav ul li:hover>a {
	color: #7ce63c
}

.h4main-menu nav ul li .submenu li:hover>a {
	color: #000
}

.h4main-menu nav>ul>li>a::before {
	position: absolute;
	content: "";
	background-image: url(../img/homepage4/shape/menu__shape__line.png);
	width: 29px;
	height: 8px;
	background-repeat: no-repeat;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
	background-position: center;
	bottom: 39px;
	transition: .4s;
	opacity: 0;
	visibility: hidden
}

.h4main-menu nav ul li.active>a::before,
.h4main-menu nav ul li:hover>a::before {
	opacity: 1;
	visibility: visible
}

.main-menu nav ul li.active a {
	color: #222
}

.h4main-menu nav ul li a:hover {
	color: #222
}

.h4hero-caption {
	padding: 70px 60px;
	padding-top: 67px
}

.h4big-title {
	font-size: 60px
}

.h4small-title {
	font-size: 20px;
	color: #434343;
	display: block;
	margin-bottom: 25px;
	line-height: 1
}

.h4big-title {
	font-size: 60px;
	margin-bottom: 25px
}

.h4play-icon i {
	height: 60px;
	display: inline-block;
	line-height: 37px;
	width: 60px;
	text-align: center;
	border: 2px solid #ededed;
	padding: 7px 0;
	color: #222;
	margin-left: 19px;
	transition: .4s
}

.h4play-icon i:hover {
	background: #ededed
}

.h4hero-caption::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 20px;
	left: -20px;
	background-color: rgba(255, 255, 255, 0.10)
}

.h4hero-content {
	position: relative;
	z-index: 1
}

.h4hero-padding {
	padding-top: 290px;
	padding-bottom: 180px
}

.h4hero-bg {
	background-size: cover;
	background-position: center center
}

.slider-arrow .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 30px;
	border: 0;
	background: 0;
	padding: 0;
	z-index: 9;
	-webkit-transition: all .3s ease-out 0;
	-moz-transition: all .3s ease-out 0;
	-ms-transition: all .3s ease-out 0;
	-o-transition: all .3s ease-out 0;
	transition: all .3s ease-out 0;
	background: 0;
	width: 60px;
	height: 60px;
	color: #6f7172;
	border-radius: 50%;
	font-size: 14px;
	border: 2px solid #fff;
	color: #fff
}

.slider-arrow .slick-arrow.slick-next {
	right: 30px;
	left: auto
}

.slider-arrow .slick-arrow:hover {
	background: #222;
	color: #fff
}

.h4section-title>h2 {
	font-size: 40px;
	position: relative;
	z-index: 1
}

.h4section-title>p {
	font-size: 16px;
	color: #434343;
	position: relative;
	z-index: 1
}

.h4back-title {
	font-size: 200px;
	font-weight: 700;
	color: #fff;
	-webkit-text-fill-color: white;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #f6f6f6;
	font-family: 'Rufina', serif;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	transform: translateY(-70%)
}

.h4back__gallery--title {
	-text-fill-color: #f6f6f6;
	-webkit-text-fill-color: #f6f6f6;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #eee
}

.gallery__photo {
	position: relative;
	text-align: center;
	overflow: hidden
}

.gallery__photo:hover img {
	transform: scale(1.1)
}

.gallery__photo::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #222;
	opacity: 0;
	transition: .4s;
	z-index: 1
}

.gallery__photo:hover::before {
	opacity: .6
}

.gallery__photo a {
	position: absolute;
	left: 0;
	right: 0;
	top: 60%;
	transform: translateY(-50%);
	background: #fff;
	width: 55px;
	height: 55px;
	margin: auto;
	border-radius: 50px;
	color: #f47044;
	line-height: 54px;
	opacity: 0;
	visibility: hidden;
	z-index: 2
}

.gallery__photo a:hover {
	background: #f47044;
	color: #fff
}

.gallery__photo:hover a {
	opacity: 1;
	visibility: visible;
	top: 50%
}

.h4services-thumb {
	padding: 0 13px;
	position: relative;
	z-index: 1
}

.h4services-content {
	padding: 33px 47px;
	background: #f6f6f6
}

.h4services-icon {
	height: 80px;
	width: 80px;
	line-height: 80px;
	border-radius: 50%;
	font-size: 24px;
	position: relative;
	z-index: 2;
	display: inline-block;
	margin-bottom: 35px
}

.h4services-icon::before,
.h4services-icon::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	border-radius: 50%;
	box-shadow: 0 4px 8px 0 rgba(211, 211, 211, 0.35);
	transition: .4s
}

.h4services-icon::before {
	background-color: #fff;
	transition: .4s
}

.h4services-icon::after {
	background-image: -moz-linear-gradient(0, #7ce63c 0, #bae200 100%);
	background-image: -webkit-linear-gradient(0, #7ce63c 0, #bae200 100%);
	background-image: -ms-linear-gradient(0, #7ce63c 0, #bae200 100%);
	opacity: 0;
	visibility: hidden;
	transition: .4s
}

.h4services-wrapper:hover .h4services-icon::after {
	opacity: 1;
	visibility: visible;
	transition: .4s
}

.h4services-icon>i {
	position: relative;
	z-index: 1
}

.h4services-icon>i::before {
	background: -webkit-linear-gradient(#7ce63c, #bae200);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: .4s
}

.h4services-wrapper:hover .h4services-icon>i::before {
	-webkit-text-fill-color: #222;
	transition: .4s
}

.h4services-content>h2 {
	margin-bottom: 23px;
	font-size: 24px;
	position: relative;
	z-index: 1
}

.h4services-content>p {
	margin-bottom: 0;
	font-size: 16px;
	color: #434343;
	position: relative;
	z-index: 1
}

.h4services-content {
	margin-top: -73px
}

.h4services-number {
	position: absolute;
	font-size: 200px;
	bottom: -25px;
	line-height: 1;
	color: #efefef;
	font-weight: 700;
	right: -10px
}

.h4section__title--small {
	color: #a9a9a9;
	margin-bottom: 15px
}

.h4section__title--big {
	font-size: 60px;
	margin-bottom: 10px
}

.h4section__title--paragraph {
	color: #a9a9a9;
	font-size: 16px
}

.trailer__features {
	display: flex
}

.trailer__features--icon {
	width: 52px
}

.trailer__features--title {
	font-size: 24px;
	margin-bottom: 5px
}

.trailer__features--info {
	font-size: 16px;
	color: #b5b5b5
}

.trailer__features--icon i::before {
	background: -webkit-linear-gradient(#7ce63c, #bae200);
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: .4s;
	font-size: 30px;
	font-weight: 300;
	margin-right: 20px
}

.h4team__title--big {
	font-size: 40px
}

.h4team__thumb img {
	width: 100%
}

.h4team__social--icons ul li a {
	font-size: 16px;
	color: #c3c3c3;
	height: 30px;
	width: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	position: relative;
	transition: .4s
}

.h4team__social--icons ul li a::before {
	position: absolute;
	content: "";
	background-image: -moz-linear-gradient(0, #7ce63c 0, #bae200 100%);
	background-image: -webkit-linear-gradient(0, #7ce63c 0, #bae200 100%);
	background-image: -ms-linear-gradient(0, #7ce63c 0, #bae200 100%);
	width: 100%;
	height: 100%;
	left: 0;
	transition: .4s;
	opacity: 0;
	visibility: hidden
}

.h4team__social--icons ul li:hover a::before {
	opacity: 1;
	visibility: visible;
	transition: .4s
}

.h4team__social--icons ul li a i {
	position: relative;
	z-index: 1;
	transition: .4s
}

.h4team__social--icons ul li:hover a i {
	color: #222;
	transition: .4s
}

.h4team__social--icons {
	margin-bottom: 30px
}

.h4team__content--paragraph {
	color: #434343;
	font-size: 16px;
	line-height: 28px
}

.h4team__content {
	padding-left: 38px
}

.h4team--active .slick-dots li {
	display: inline-block
}

.h4team--active .slick-dots {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center
}

.h4team--active .slick-dots li button {
	text-indent: -999999px;
	width: 16px;
	height: 4px;
	padding: 0;
	border: 0;
	background: #ededed;
	vertical-align: middle;
	cursor: pointer;
	margin: 0 4px;
	transition: .4s
}

.h4team--active .slick-dots li.slick-active button {
	width: 26px;
	background-image: -moz-linear-gradient(0, #7ce63c 0, #bae200 100%);
	background-image: -webkit-linear-gradient(0, #7ce63c 0, #bae200 100%);
	background-image: -ms-linear-gradient(0, #7ce63c 0, #bae200 100%);
	transition: .4s
}

.h4team--active {
	padding-top: 55px
}

.team--nav {
	position: absolute;
	left: auto;
	right: 0;
	text-align: right;
	max-width: 470px;
	top: 359px
}

.h4team--box {
	position: relative;
	z-index: 99
}

.subscribe--minus {
	margin-top: -145px
}

.subscribe__content--title {
	font-size: 50px
}

.subscribe__box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	box-shadow: 0 8px 16px 0 rgba(222, 222, 222, 0.35);
	padding: 73px 80px;
	position: relative;
	z-index: 1
}

.subscribe__content>p {
	font-size: 16px
}

.flex--part {
	flex: 0 0 50%;
	max-width: 50%
}

.subscribe__form--input {
	height: 80px;
	border: 2px solid #eee;
	padding: 0 40px;
	width: 100%;
	font-size: 16px;
	color: #adadad
}

.subscribe__form--input::placeholder {
	font-size: 16px;
	color: #adadad
}

.form.subscribe--form button.btn {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}

.sub__icon--message {
	position: absolute;
	right: 24px;
	font-size: 200px;
	color: #f5f5f5;
	top: 50%;
	transform: translateY(-50%)
}

.drama__thumb {
	margin-bottom: 25px
}

.drama__thumb img {
	width: 100%
}

.drama__paragraph {
	color: #434343
}

.drama__thumb>a {
	display: block;
	position: relative
}

.drama__rating--box {
	position: absolute;
	height: 50px;
	width: 50px;
	line-height: 50px;
	right: 10px;
	background-image: -moz-linear-gradient(0, #7ce63c 0, #bae200 100%);
	background-image: -webkit-linear-gradient(0, #7ce63c 0, #bae200 100%);
	background-image: -ms-linear-gradient(0, #7ce63c 0, #bae200 100%);
	border-radius: 50%;
	top: 10px
}

.drama__rating--box::before {
	position: absolute;
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 30px;
	right: 0;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: rgba(255, 255, 255, 0.40)
}

.star--title {
	font-size: 16px;
	color: #222;
	position: relative;
	font-weight: 700
}

.movie--thumb {
	position: relative;
	margin-right: 30px
}

.single__movie--review {
	padding: 15px;
	background: #2f2f2f;
	transition: .4s
}

.single__movie--review:hover {
	background: #404040;
	transition: .4s
}

.h4play-icon2 {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	margin: 0 auto;
	text-align: center;
	max-width: 40px;
	font-size: 24px;
	opacity: 0;
	visibility: hidden;
	transition: .4s
}

.single__movie--review:hover .h4play-icon2 {
	opacity: 1;
	visibility: visible;
	transition: .4s
}

.h4play-icon2 i::before {
	background: -webkit-linear-gradient(#7ce63c, #bae200);
	background-clip: border-box;
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.movie--thumb>a {
	display: inline-block
}

.movie--thumb::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.70);
	opacity: 0;
	visibility: hidden;
	transition: .4s
}

.single__movie--review:hover .movie--thumb::before {
	opacity: 1;
	visibility: visible;
	transition: .4s
}

.movie__content--title {
	color: #b5b5b5;
	font-family: 'Karla', sans-serif
}

.movie--content__heading {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px
}

.moview__content--ratings ul li i::before {
	background: -webkit-linear-gradient(#7ce63c, #bae200);
	background-clip: border-box;
	background-clip: border-box;
	background-clip: border-box;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 14px
}

.movie__content--info>h4 {
	font-size: 24px
}

.movie__content--info>h4:hover a {
	color: #7ce63c
}

.movie--content {
	flex: 0 0 50%;
	max-width: 50%;
	margin-top: 12px
}

.simplebar-scrollbar::before {
	background: rebeccapurple
}

.bs-content {
	padding: 30px;
	margin-left: 30px;
	margin-top: -65px;
	background: #fff;
	position: relative;
	z-index: 99;
	transition: .3s;
	box-shadow: 0 4px 8px 0 rgba(200, 200, 200, 0.2)
}

.bs-post:hover .bs-thumb img {
	transform: scale(1.1)
}

.bs-thumb img {
	width: 100%
}

.bs-meta span {
	color: #434343;
	font-size: 14px;
	margin-right: 20px
}

.bs-meta span a {
	color: #434343
}

.bs-meta span i {
	margin-right: 3px
}

.bs-meta {
	margin-bottom: 10px
}

.bs-content h3 {
	font-size: 24px;
	line-height: 1.4;
	margin: 0
}

.bs-content h3 a:hover,
.bs-meta span a:hover {
	color: #7ce63c
}

input:focus::-moz-placeholder {
	opacity: 0
}

.click-menu span {
	display: inline-block;
	line-height: 1
}

.click-menu button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 0 none;
	color: #222;
	display: inline-block;
	line-height: 1;
	padding: 0 8px
}

.transparent-mainmenu {
	background: rgba(0, 0, 0, 0.92) none repeat scroll 0 0;
	color: #353535;
	min-height: 100vh;
	opacity: 0;
	padding: 295px 46px 39px;
	position: fixed;
	right: 0;
	top: 0;
	transform: scale(1);
	transition: transform .5s ease-in-out 0;
	visibility: hidden;
	width: 100%;
	z-index: 9999
}

.transparent-mainmenu.inside {
	transform: scale(1);
	z-index: 9999;
	visibility: visible;
	opacity: 1
}

.transparent-menu-close-icon button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	cursor: pointer;
	font-size: 40px;
	padding: 0;
	position: absolute;
	right: 100px;
	top: 25px;
	transition: all .3s ease 0
}

.slinky-menu.slinky-theme-default {
	display: inline-block;
	width: 290px
}

.slinky-theme-default {
	background: transparent none repeat scroll 0 0
}

.slinky-theme-default .next::after,
.slinky-theme-default .back::before {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	font-size: 18px;
	height: 1em;
	opacity: 1;
	transition: all 200ms ease 0;
	width: 1em
}

.slinky-theme-default a:hover:not(.back) {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0
}

#menu-full li a {
	color: #fff;
	font-size: 15px;
	padding: 10px 15px;
	text-transform: uppercase
}

#menu-full li a:hover {
	color: #f7951e
}

.contact-area-wrap {
	margin-top: -120px
}

.contact-map {
	min-height: 650px
}

.subscribe-form .input-box-area textarea {
	width: 100%;
	border: 0;
	border-bottom: 2px solid #ddd;
	height: 150px;
	padding-left: 57px;
	padding-top: 2px
}

.contact-form-box {
	border: 0;
	padding: 113px 0 87px 0;
	background: #fff;
	position: relative;
	z-index: 99;
	box-shadow: 0 8px 16px 0 rgba(200, 200, 200, 0.3)
}

.contact-list {
	padding: 55px
}

.contact-list h2 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid #434343;
	position: relative;
	z-index: 3;
	transition: .3s
}

.contact-list ul {
	position: relative;
	z-index: 3
}

.contact-list ul li {
	color: #d4d4d4;
	margin-bottom: 20px
}

.contact-list.active ul li,
.contact-list.active h2 {
	color: #fff
}

.contact-list.active h2 {
	border-color: rgba(255, 255, 255, 0.3)
}

.contact-list ul li:last-child {
	margin: 0
}

.contact-list ul li i {
	width: 25px
}

.c-bg-img {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
	opacity: 0;
	transition: .3s
}

.c-bg-img::before {
	background: #f47044;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	content: "";
	position: absolute;
	opacity: 0;
	transition: .3s
}

.active .c-bg-img {
	opacity: 1
}

.active .c-bg-img::before {
	opacity: .8
}

.basic-pagination ul {
	display: block
}

.basic-pagination ul li {
	display: inline-block;
	margin: 0 5px
}

@media(max-width:767px) {
	.basic-pagination ul li {
		margin-bottom: 10px
	}
}

.basic-pagination ul li a {
	height: 50px;
	width: 50px;
	line-height: 48px;
	background: #fff;
	color: #4343430b8;
	font-size: 16px;
	font-weight: 500;
	border-radius: 50%;
	margin: 0;
	display: inline-block;
	text-align: center;
	font-family: 'Poppins', sans-serif
}

.basic-pagination ul li a:hover,
.basic-pagination ul li.active a {
	background: #ff5b5b;
	color: #fff;
	box-shadow: 0 8px 16px 0 rgba(254, 69, 54, 0.3)
}

.basic-pagination-2 ul li a {
	background: transparent;
	color: #434343382;
	border: 1px solid #e7e7f6;
	height: 50px;
	width: 50px;
	line-height: 48px
}

.basic-pagination-2 ul li a:hover,
.basic-pagination-2 ul li.active a {
	background: #f47044;
	color: #fff;
	border-color: #f47044;
	box-shadow: 0 8px 16px 0 rgba(254, 69, 54, 0.3)
}

.theme-menu-two {
	background: #fff;
	padding: 27px 40px
}

.theme-menu-two .navbar .navbar-nav .dropdown-toggle::after,
.theme-menu-two .navbar .navbar-nav .nav-link {
	color: #000
}

.theme-menu-two.sticky-menu.fixed {
	background: #fff
}

.theme-menu-two .right-wiget .custom-btn-one {
	position: relative;
	background: var(--prime-two);
	color: white;
	padding: 0 36px;
	cursor: pointer;
	z-index: 1;
	transition: transform .5s ease;
	line-height: 52px
}

.theme-menu-two .right-wiget .custom-btn-one:hover {
	color: #fff
}

.theme-menu-two .right-wiget .custom-btn-one::after {
	height: 100%;
	background: #010217;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

.theme-menu-two .right-wiget .custom-btn-one:hover::after {
	opacity: 1;
	width: 100%
}

.custom-btn-one {
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-appearance: none;
	appearance: none;
	outline: none !important;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
	overflow: hidden;
	z-index: 1
}

.custom-btn-one::after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	height: 0;
	width: 0;
	opacity: 0;
	z-index: -1;
	overflow: hidden;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

.scroll-top {
	width: 35px;
	height: 35px;
	line-height: 35px;
	position: fixed;
	bottom: 20px;
	right: 5px;
	z-index: 99;
	text-align: center;
	color: #fff;
	font-size: 25px;
	cursor: pointer;
	border-radius: 50%;
	background: var(--prime-two);
	display: none;
	transition: all .3s ease-in-out
}

.scroll-top:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 80%)
}

.theme-main-menu .inner-content {
	position: relative
}

.theme-main-menu {
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	top: 0;
	padding: 5px 40px;
	transition: all .4s ease-out
}

.theme-main-menu.sticky-menu.fixed {
	position: fixed;
	z-index: 990;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #000;
	top: 0;
	box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);
	transition: all .4s ease-out
}

.theme-menu-one.sticky-menu.fixed {
	top: 0;
	padding-left: 20px;
	padding-right: 20px
}

.navbar-nav .nav-item {
	padding-right: 20px
}

.left-wiget {
	margin-left: 10%
}

.search-icon,
.grid-icon {
	padding-right: 30px
}

.theme-menu-one .right-wiget .custom-btn-one {
	border-radius: 35px;
	background: #fff;
	border: 1px solid #fff;
	color: var(--heading-color);
	line-height: 52px;
	padding: 0 35px
}

.theme-menu-one .right-wiget .custom-btn-one:hover {
	color: #fff
}

.theme-menu-one .right-wiget .custom-btn-one::after {
	background-color: var(--prime-two);
	height: 100%
}

.theme-menu-one .right-wiget .custom-btn-one:hover::after {
	width: 100%;
	opacity: 1
}

.search-wrap {
	padding-bottom: 100px
}

.search-wrap input {
	color: #f47044;
	font-size: 55px;
	width: 100%;
	background: transparent;
	border: 0;
	text-align: center;
	height: auto;
	padding: 0;
	margin: 0 auto;
	border-bottom: 2px solid #f47044;
	padding-bottom: 10px
}

.right-aside .offcanvas {
	background: #010217;
	color: #fff;
	padding: 0 40px
}

.right-aside .offcanvas-header {
	padding-top: 80px
}

.right-aside .offcanvas-header .btn-close {
	padding: 0;
	margin: 0;
	outline: 0;
	border: 0
}

.right-aside .offcanvas-header button {
	opacity: 1;
	background: none !important;
	color: #fff !important;
	position: absolute;
	left: 20px;
	top: 20px;
	outline: 0
}

.right-aside .offcanvas-header button i {
	font-size: 30px
}

.right-aside .offcanvas-body .info-widget2 p {
	padding-bottom: 20px
}

.right-aside .offcanvas-body .info-widget2 p i {
	padding-right: 10px
}

.offcanvas-body {
	overflow: hidden
}

.offcanvas {
	position: fixed;
	bottom: 0;
	z-index: 1050;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	visibility: hidden;
	background-color: #fff;
	background-clip: padding-box;
	outline: 0;
	transition: transform .3s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
	.offcanvas {
		transition: none
	}
}

.offcanvas-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1rem
}

.offcanvas-header .btn-close {
	padding: .5rem .5rem;
	margin: -.5rem -.5rem -.5rem auto
}

.offcanvas-title {
	margin-bottom: 0;
	line-height: 1.5
}

.offcanvas-body {
	flex-grow: 1;
	padding: 1rem 1rem;
	overflow-y: auto
}

.offcanvas-start {
	top: 0;
	left: 0;
	width: 400px;
	border-right: 1px solid rgba(0, 0, 0, .2);
	transform: translateX(-100%)
}

.offcanvas-end {
	top: 0;
	right: 0;
	width: 400px;
	border-left: 1px solid rgba(0, 0, 0, .2);
	transform: translateX(100%)
}

.offcanvas-top {
	top: 0;
	right: 0;
	left: 0;
	height: 30vh;
	max-height: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	transform: translateY(-100%)
}

.offcanvas-bottom {
	right: 0;
	left: 0;
	height: 30vh;
	max-height: 100%;
	border-top: 1px solid rgba(0, 0, 0, .2);
	transform: translateY(100%)
}

.offcanvas.show {
	transform: none
}

.logo img {
	height: 55px
}

.info-widget2 h6 {
	color: #dedad1
}

.h4-footer-logo img {
	height: 80px
}

.with-errors {
	font-size: 12px;
	color: red;
	margin-top: 10px
}

.lebo_tm_skills {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding: 140px 0 150px 0
}

.lebo_tm_skills:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../img/patterns/white-texture.png);
	background-repeat: repeat;
	opacity: .6;
	z-index: 2
}

.lebo_tm_skills:after {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	z-index: 1
}

.lebo_tm_main_title.light h3 {
	color: #fff
}

.lebo_tm_skills .skills_inner {
	width: 100%;
	float: left;
	height: auto;
	clear: both;
	position: relative;
	z-index: 3
}

.lebo_tm_skills .left {
	width: 60%;
	padding-right: 200px
}

.lebo_tm_skills .text {
	width: 100%;
	float: left;
	margin-top: 40px;
	margin-bottom: 44px
}

.lebo_tm_skills .text p {
	color: #bbb
}

.dodo_progress {
	width: 100%;
	height: auto;
	clear: both;
	float: left
}

.progress_inner {
	width: 100%;
	margin-bottom: 25px
}

.progress_inner:last-child {
	margin-bottom: 0
}

.progress_inner>span {
	margin: 0 0 11px 0;
	width: 100%;
	display: block;
	text-align: left;
	color: #fff;
	font-family: "Poppins"
}

.progress_inner span.number {
	float: right
}

.progress_inner .background {
	background: rgba(255, 255, 255, .09);
	width: 100%;
	min-width: 100%;
	position: relative;
	height: 8px
}

.progress_inner .background .bar_in {
	height: 100%;
	background: #ff4522;
	width: 0;
	overflow: hidden
}

.progress_inner .background .bar {
	width: 0;
	height: 100%
}

.progress_inner .background .bar.open {
	-webkit-animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	width: 100%
}

@-webkit-keyframes wow {
	0 {
		width: 0
	}

	100% {
		width: 100%
	}
}

@-moz-keyframes wow {
	0 {
		width: 0
	}

	100% {
		width: 100%
	}
}

@keyframes wow {
	0 {
		width: 0
	}

	100% {
		width: 100%
	}
}

.lebo_tm_skills .right {
	width: 40%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: -220px;
	overflow: hidden
}

.lebo_tm_skills .my_video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.lebo_tm_skills .my_image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

.lebo_tm_skills .right[data-background-style=video] .my_image {
	display: none
}

.lebo_tm_skills .right[data-background-style=image] .my_video {
	display: none
}

.lebo_tm_section {
	width: 100%;
	height: auto;
	clear: both;
	float: left
}

.lebo_tm_timeline {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 140px 0 113px 0
}

.lebo_tm_timeline .timeline_list {
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}

.lebo_tm_timeline .timeline_list ul {
	margin: 0;
	list-style-type: none;
	padding-left: 0px;
}

.lebo_tm_timeline .timeline_list ul li {
	margin: 0;
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding: 27px 0 30px 0
}

.lebo_tm_timeline .timeline_list ul li:last-child {
	border-bottom: 0
}

.lebo_tm_timeline .timeline_list ul li .list_inner {
	width: 33.3333%;
	float: left;
	padding-right: 40px
}

.lebo_tm_timeline .timeline_list ul li .list_inner:last-child {
	padding-right: 0
}

.lebo_tm_timeline .timeline_list ul li .list_inner span {
	display: inline-block;
	font-size: 18px
}

.lebo_tm_timeline .timeline_list ul li .list_inner:nth-child(2) span {
	color: #000
}

.section-padding {
	padding: 120px 0
}

.mb-30 {
	margin-bottom: 30px !important
}

.grid .social-list,
.masonry .social-list {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: right
}

.grid .social-list li:last-of-type,
.masonry .social-list li:last-of-type {
	margin-right: 0
}

.grid .col-4,
.masonry .col-4 {
	width: calc(25% - 90px / 4)
}

.grid .col-3,
.masonry .col-3 {
	width: calc(100% / 3 - 20px)
}

.grid .col-6,
.masonry .col-6 {
	width: calc(50% - 15px)
}

.grid .caption,
.masonry .caption {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	font-family: "Playfair Display", sans-serif;
	font-size: 30px;
	letter-spacing: 1px
}

.grid .single-pagination,
.masonry .single-pagination {
	margin-bottom: 0
}

.masonry .gallery-item {
	overflow: hidden;
	text-decoration: none;
	margin-bottom: 30px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.masonry .gallery-item:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}

.masonry .gallery-item.default:hover .caption {
	top: 0
}

.masonry .gallery-item.default .caption {
	top: 100%;
	transition: top .35s ease
}

.grid .caption {
	pointer-events: none
}

.grid .gallery-item-wrap {
	overflow: hidden;
	text-decoration: none;
	margin-bottom: 30px
}

.grid .gallery-item-wrap a {
	position: relative;
	display: block;
	margin-bottom: 0
}

.grid .gallery-item-wrap.default:hover .caption {
	top: 0
}

.grid .gallery-item-wrap.default .caption {
	top: 100%;
	transition: top .35s ease
}

.grid .s-back-switch {
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.grid .col-6 .gallery-item {
	min-height: 500px
}

.grid .col-3 .gallery-item,
.grid .col-4 .gallery-item {
	min-height: 300px
}

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

	.grid .col-4,
	.masonry .col-4 {
		width: calc(50% - 15px)
	}
}

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

	.grid .gallery-item,
	.masonry .gallery-item {
		margin-bottom: 15px
	}

	.grid .col-6,
	.grid .col-4,
	.grid .col-3,
	.masonry .col-6,
	.masonry .col-4,
	.masonry .col-3 {
		width: 100%
	}

	.grid .caption,
	.masonry .caption {
		font-size: 24px
	}

	.grid .social-list,
	.masonry .social-list {
		text-align: center
	}

	.grid .col-6 .gallery-item {
		min-height: 300px
	}
}

.masonry .light-gallery .gallery-item.hover1 img,
.grid .light-gallery .gallery-item.hover1 img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	width: 120%;
	height: 100%;
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	left: -10%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item.hover1:hover img,
.masonry .light-gallery .gallery-item.hover1:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover2 img {
	position: relative;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	max-width: none;
	width: 120% !important;
	left: -20%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover2:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	left: 0;
	width: 120%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover2 img {
	left: -7%
}

.masonry .light-gallery .gallery-item.hover3 img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: rotate(15deg) scale(1.4);
	-ms-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover3:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: rotate(0) scale(1);
	-ms-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover4 img {
	-webkit-filter: grayscale(0) blur(3px);
	filter: grayscale(0) blur(3px);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover4:hover img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover5 img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover5:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover6 img {
	-webkit-filter: sepia(100%) grayscale(0);
	filter: sepia(100%) grayscale(0);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover6:hover img {
	-webkit-filter: sepia(0) grayscale(0);
	filter: sepia(0) grayscale(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover7 img {
	-webkit-filter: blur(0) grayscale(0);
	filter: blur(0) grayscale(0);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover7:hover img {
	-webkit-filter: blur(3px) grayscale(100%);
	filter: blur(3px) grayscale(100%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover8 img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover8:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: .7;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

@-webkit-keyframes shine {
	100% {
		left: 125%
	}
}

.masonry .light-gallery .gallery-item.hover9 img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover9::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

.masonry .light-gallery .gallery-item.hover9 img:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.masonry .light-gallery .gallery-item.hover9:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s
}

.grid .light-gallery .gallery-item-wrap.hover1 .gallery-item {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	width: 120%;
	height: 100%;
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	left: -10%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover1:hover .gallery-item {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover2 .gallery-item {
	position: relative;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	max-width: none;
	width: 120% !important;
	left: -20%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover2:hover .gallery-item {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	left: 0;
	width: 120%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover2 .gallery-item {
	left: -7%
}

.grid .light-gallery .gallery-item-wrap.hover3 .gallery-item {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: rotate(15deg) scale(1.4);
	-ms-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover3:hover .gallery-item {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: rotate(0) scale(1);
	-ms-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover4 .gallery-item {
	-webkit-filter: grayscale(0) blur(3px);
	filter: grayscale(0) blur(3px);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover4:hover .gallery-item {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover5 .gallery-item {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover5:hover .gallery-item {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover6 .gallery-item {
	-webkit-filter: sepia(100%) grayscale(0);
	filter: sepia(100%) grayscale(0);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover6:hover .gallery-item {
	-webkit-filter: sepia(0) grayscale(0);
	filter: sepia(0) grayscale(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover7 .gallery-item {
	-webkit-filter: blur(0) grayscale(0);
	filter: blur(0) grayscale(0);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover7:hover .gallery-item {
	-webkit-filter: blur(3px) grayscale(100%);
	filter: blur(3px) grayscale(100%);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover8 .gallery-item {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover8:hover .gallery-item {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: .7;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

@-webkit-keyframes shine {
	100% {
		left: 125%
	}
}

.grid .light-gallery .gallery-item-wrap.hover9 .gallery-item {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover9::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg)
}

.grid .light-gallery .gallery-item-wrap.hover9 img:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.grid .light-gallery .gallery-item-wrap.hover9:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s
}

.portfolio-grid .tg-item,
.portfolio-masonry .tg-item {
	opacity: 0;
	transition: opacity 1.5s ease
}

.portfolio-grid.animation .tg-item,
.portfolio-masonry.animation .tg-item {
	opacity: 1
}

.portfolio-grid .tg-item:nth-of-type(1),
.portfolio-masonry .tg-item:nth-of-type(1) {
	transition-delay: 350ms
}

.portfolio-grid .tg-item:nth-of-type(2),
.portfolio-masonry .tg-item:nth-of-type(2) {
	transition-delay: 700ms
}

.portfolio-grid .tg-item:nth-of-type(3),
.portfolio-masonry .tg-item:nth-of-type(3) {
	transition-delay: 1050ms
}

.portfolio-grid .tg-item:nth-of-type(4),
.portfolio-masonry .tg-item:nth-of-type(4) {
	transition-delay: 1400ms
}

.portfolio-grid .tg-item:nth-of-type(5),
.portfolio-masonry .tg-item:nth-of-type(5) {
	transition-delay: 1750ms
}

.portfolio-grid .tg-item:nth-of-type(6),
.portfolio-masonry .tg-item:nth-of-type(6) {
	transition-delay: 2100ms
}

.portfolio-grid .tg-item:nth-of-type(7),
.portfolio-masonry .tg-item:nth-of-type(7) {
	transition-delay: 2450ms
}

.portfolio-grid .tg-item:nth-of-type(8),
.portfolio-masonry .tg-item:nth-of-type(8) {
	transition-delay: 2800ms
}

.portfolio-grid .tg-item:nth-of-type(9),
.portfolio-masonry .tg-item:nth-of-type(9) {
	transition-delay: 3150ms
}

.portfolio-grid .tg-item:nth-of-type(10),
.portfolio-masonry .tg-item:nth-of-type(10) {
	transition-delay: 3500ms
}

.portfolio-grid .tg-item:nth-of-type(11),
.portfolio-masonry .tg-item:nth-of-type(11) {
	transition-delay: 3850ms
}

.portfolio-grid .tg-item:nth-of-type(12),
.portfolio-masonry .tg-item:nth-of-type(12) {
	transition-delay: 4200ms
}

.portfolio-grid .tg-item:nth-of-type(13),
.portfolio-masonry .tg-item:nth-of-type(13) {
	transition-delay: 4550ms
}

.portfolio-grid .tg-item:nth-of-type(14),
.portfolio-masonry .tg-item:nth-of-type(14) {
	transition-delay: 4900ms
}

.portfolio-grid .tg-item:nth-of-type(15),
.portfolio-masonry .tg-item:nth-of-type(15) {
	transition-delay: 5250ms
}

.portfolio-grid .tg-item:nth-of-type(16),
.portfolio-masonry .tg-item:nth-of-type(16) {
	transition-delay: 5600ms
}

.portfolio-grid .tg-item:nth-of-type(17),
.portfolio-masonry .tg-item:nth-of-type(17) {
	transition-delay: 5950ms
}

.portfolio-grid .tg-item:nth-of-type(18),
.portfolio-masonry .tg-item:nth-of-type(18) {
	transition-delay: 6300ms
}

.portfolio-grid .tg-item:nth-of-type(19),
.portfolio-masonry .tg-item:nth-of-type(19) {
	transition-delay: 6650ms
}

.portfolio-grid .tg-item:nth-of-type(20),
.portfolio-masonry .tg-item:nth-of-type(20) {
	transition-delay: 7000ms
}

.portfolio-grid .tg-item:nth-of-type(21),
.portfolio-masonry .tg-item:nth-of-type(21) {
	transition-delay: 7350ms
}

.portfolio-grid .tg-item:nth-of-type(22),
.portfolio-masonry .tg-item:nth-of-type(22) {
	transition-delay: 7700ms
}

.portfolio-grid .tg-item:nth-of-type(23),
.portfolio-masonry .tg-item:nth-of-type(23) {
	transition-delay: 8050ms
}

.portfolio-grid .tg-item:nth-of-type(24),
.portfolio-masonry .tg-item:nth-of-type(24) {
	transition-delay: 8400ms
}

.portfolio-grid .tg-item:nth-of-type(25),
.portfolio-masonry .tg-item:nth-of-type(25) {
	transition-delay: 8750ms
}

.portfolio-grid .tg-item:nth-of-type(26),
.portfolio-masonry .tg-item:nth-of-type(26) {
	transition-delay: 9100ms
}

.portfolio-grid .tg-item:nth-of-type(27),
.portfolio-masonry .tg-item:nth-of-type(27) {
	transition-delay: 9450ms
}

.portfolio-grid .tg-item:nth-of-type(28),
.portfolio-masonry .tg-item:nth-of-type(28) {
	transition-delay: 9800ms
}

.portfolio-grid .tg-item:nth-of-type(29),
.portfolio-masonry .tg-item:nth-of-type(29) {
	transition-delay: 10150ms
}

.portfolio-grid .tg-item:nth-of-type(30),
.portfolio-masonry .tg-item:nth-of-type(30) {
	transition-delay: 10500ms
}

.main-wrapper img {
	max-width: 100%;
	height: auto
}

.vid-area h5 {
	font-size: 27px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 30px
}

.play-button {
	position: relative;
	margin: auto;
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	z-index: 4
}

.play-button svg {
	position: absolute;
	width: 100%;
	height: 100%
}

.circle-fill circle {
	opacity: 1;
	fill: rgba(174, 140, 100, 0.7)
}

.polygon {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 90px;
	font-size: 35px;
	z-index: 2
}

.play-button svg.circle-fill {
	z-index: 1;
	stroke-dasharray: 322;
	stroke-dashoffset: 322;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.play-button:hover svg.circle-fill {
	stroke-dashoffset: 38.5
}

.play-button svg.circle-track {
	z-index: 0
}

.play-button.color {
	color: #14100c
}

.play-button.color .circle-fill circle {
	fill: #14100c
}

.video-wrapper {
	background-position: center
}

.video-wrapper .vid {
	position: relative;
	z-index: 8
}

.video-wrapper .vid .vid-butn:hover .icon {
	color: #91765a;
	border: 2px solid #91765a;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9)
}

.video-wrapper .vid .vid-butn .icon {
	color: #fff;
	width: 90px;
	height: 90px;
	border: 2px solid #fff;
	border-radius: 50%;
	line-height: 90px;
	text-align: center;
	font-size: 40px;
	position: relative;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.video-gallery-button {
	position: relative;
	margin: auto;
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	z-index: 4;
	margin-left: 15px;
	float: right
}

.video-gallery-polygon {
	z-index: 2;
	padding-left: 5px;
	display: inline-block;
	position: absolute;
	bottom: 15px;
	right: 15px;
	background: #91765a;
	border-radius: 50%;
	border: 1px solid #91765a;
	color: #fff;
	padding: 12px 11px 12px 13px;
	line-height: 0
}

.video-gallery-polygon:hover {
	background: #14100c;
	border: 1px solid #14100c;
	color: #fff
}

.gallery-item {
	position: relative;
	padding-top: 20px
}

.gallery-box {
	overflow: hidden;
	position: relative
}

.gallery-box .gallery-img {
	position: relative;
	overflow: hidden
}

.gallery-box .gallery-img:after {
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 0;
	transition: all .27s cubic-bezier(0.3, 0.1, 0.58, 1)
}

.gallery-box .gallery-img>img {
	transition: all .3s cubic-bezier(0.3, 0.1, 0.58, 1);
	border-radius: 0
}

.gallery-box .gallery-detail {
	opacity: 0;
	color: #FFF;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	overflow: hidden;
	transition: all .27s cubic-bezier(0.3, 0.1, 0.58, 1)
}

.gallery-box .gallery-detail h4 {
	font-size: 18px
}

.gallery-box .gallery-detail p {
	color: rgba(0, 0, 0, 0.4);
	font-size: 12px
}

.gallery-box .gallery-detail i {
	color: #14100c;
	padding: 8px
}

.gallery-box .gallery-detail i:hover {
	color: #14100c
}

.gallery-box:hover .gallery-detail {
	top: 50%;
	transform: translate(0, -50%);
	opacity: 1
}

.gallery-box:hover .gallery-img:after {
	background: rgba(0, 0, 0, 0.2)
}

.gallery-box:hover .gallery-img>img {
	transform: scale(1.05)
}

body.overflow-hidden {
	overflow: hidden !important
}

img {
	max-width: 100%
}
/* ===================================
    07. Border
====================================== */
.border-all {border: 1px solid #ededed}


/* boder width */
.border-width-1 {border-width:1px;}
.border-width-2 {border-width:2px;}
.border-width-3 {border-width:3px;}
.border-width-4 {border-width:4px;}
.border-width-5 {border-width:5px;}
.border-width-6 {border-width:6px;}
.border-width-7 {border-width:7px;}
.border-width-8 {border-width:8px;}
.border-width-9 {border-width:9px;}
.border-width-10 {border-width:10px;}
.border-width-20 {border-width:20px;}

/* boder align */
.border-top {border-top: 1px solid;}
.border-bottom {border-bottom: 1px solid;}
.border-left {border-left: 1px solid;}
.border-right {border-right: 1px solid;}
.border-lr {border-left: 1px solid; border-right: 1px solid;}
.border-tb {border-top: 1px solid; border-bottom: 1px solid;}

/* border color */
.border-color-white {border-color:#fff !important;}
.border-color-black {border-color:#000 !important;}
.border-color-extra-dark-gray {border-color:#232323 !important;}
.border-color-medium-dark-gray {border-color:#363636 !important;}
.border-color-dark-gray {border-color:#939393 !important;}
.border-color-extra-medium-gray {border-color:#dbdbdb !important;}
.border-color-medium-gray {border-color:#e4e4e4 !important;}
.border-color-extra-light-gray {border-color:#ededed !important;}
.border-color-light-gray {border-color:#f5f5f5 !important;}
.border-color-light-pink {border-color:#862237 !important;}
.border-color-deep-pink {border-color:var(--base-color) !important;}
.border-color-transparent-pink {border-color: rgba(255, 33, 79, 0.45) !important;}

.required-error {border: 1px solid #ee2323 !important}
.input-border-bottom.required-error {border-width: 0 !important; border-bottom-width: 1px !important; border-bottom-color: #ee2323 !important}
.g-recaptcha.required-error iframe {border: 1px solid #ee2323;}
.g-recaptcha.required-error {border: 0 !important}

/* boder style */
.border-dotted {border-style: dotted !important;}
.border-dashed {border-style: dashed !important;}
.border-solid {border-style: solid !important;}
.border-double {border-style: double !important;}
.border-groove {border-style: groove !important;}
.border-ridge {border-style: ridge !important;}
.border-inset {border-style: inset !important;}
.border-outset {border-style: outset !important;}
.border-none {border-style: none !important;}
.border-hidden {border-style: hidden !important;}
.border-transperent {border-color: transparent !important;}
.no-border-top {border-top:0 !important}
.no-border-bottom {border-bottom:0 !important}
.no-border-right {border-right:0 !important}
.no-border-left {border-left:0 !important}

/* border for overline icon box */
.overline-icon-box{border-top-width: 4px;}

/* border color for overline icon box */
.overline-icon-box.overline-white{border-top-color: #fff !important;}
.overline-icon-box.overline-black{border-top-color: #000 !important;}
.overline-icon-box.overline-extra-dark-gray{border-top-color: #232323 !important;}
.overline-icon-box.overline-medium-dark-gray{border-top-color: #363636 !important;}
.overline-icon-box.overline-dark-gray{border-top-color: #939393 !important;}
.overline-icon-box.overline-extra-light-gray{border-top-color: #dbdbdb !important;}
.overline-icon-box.overline-medium-gray{border-top-color: #e4e4e4 !important;}
.overline-icon-box.overline-light-gray{border-top-color: #f5f5f5 !important;}
.overline-icon-box.overline-light-pink{border-top-color: #862237 !important;}
.overline-icon-box.overline-deep-pink{border-top-color: var(--base-color) !important;}
.overline-icon-box.overline-transparent-pink{border-top-color: rgba(255, 33, 79, 0.45) !important;}

/* transparent border */
.border-black-light {border-color: rgba(0,0,0,.1) !important;}
.border-white-light {border-color: rgba(255,255,255,.1) !important;}

/* border radius */
.border-radius-1 {border-radius:1px}
.border-radius-2 {border-radius:2px}
.border-radius-3 {border-radius:3px}
.border-radius-4 {border-radius:4px}
.border-radius-5 {border-radius:5px}
.border-radius-6 {border-radius:6px}
.border-radius-7 {border-radius:7px}
.border-radius-8 {border-radius:8px}
.border-radius-9 {border-radius:9px}
.border-radius-10 {border-radius:10px}
.border-radius-50 {border-radius:50%}
.border-radius-100 {border-radius:100%}
.border-radius-none {border-radius:0}

/* ===================================
    08. Aside style
====================================== */

.aside-title {position: relative; overflow:hidden}
.aside-title span {display: inline-block; vertical-align:middle; margin-right: 20px;}
.aside-title:after {content: ""; display: inline-block; width: 100%; background: var(--base-color); height: 1px; top: 50%; position: absolute;}
.right-sidebar {padding-right:60px;}
.left-sidebar {padding-left:60px;}

/* ===================================
    09. Video
====================================== */

.video-wrapper {height: 100%; overflow: hidden; position: absolute; width: 100%;}
.htms-video {background-color: #000; height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);  width: auto; z-index: -3;}
.video-wrapper iframe {height: 100%; left: 0; position: absolute; top: -5px !important; width: 100%;}
.video-background{position: absolute; height: 100%; width: 100%; z-index: 1; top:0; background: rgba(67,67,67,0.5)}

/* ===================================
    10. Background image
====================================== */

.parallax {position: relative !important; background-size: cover !important; overflow: hidden; background-attachment: fixed !important; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.fix-background {background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat; background-size: cover !important; overflow: hidden; position: relative; transition-duration: 0.2s; transition-timing-function: ease-in;}
.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center !important; background-repeat: no-repeat !important;}
.background-size-inherit {background-size: inherit inherit
}
.background-attachment-inherit {background-attachment: inherit}
.background-position-left {background-position: left center;}
.background-position-left-bottom {background-position: left bottom;}
.background-position-right {background-position: right center;}
.background-position-top {background-position: center top !important;}
.up-down-ani {display:table; position: relative; -webkit-animation-name: up-down-animation; -webkit-animation-duration:.7s; -webkit-animation-timing-function: linear; -webkit-animation-delay:.7s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-name: up-down-animation; -moz-animation-duration:.7s; -moz-animation-timing-function: linear; -moz-animation-delay:.7s; -moz-animation-iteration-count: infinite; -ms-animation-name: up-down-animation; -ms-animation-duration:.7s; -ms-animation-timing-function: linear; -ms-animation-delay:.7s; -ms-animation-iteration-count: infinite; -ms-animation-direction: alternate; -o-animation-direction: alternate; -o-animation-name: up-down-animation; -o-animation-duration:.7s; -o-animation-timing-function: linear; -o-animation-delay:.7s; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; animation-direction: alternate; animation-name: up-down-animation; animation-duration:.7s; animation-timing-function: linear; animation-delay:.7s; animation-iteration-count: infinite; animation-direction: alternate; margin:0 auto;}
.background-position-x-50 {background-position-x: 50% !important;}

/*==============================
    11. Margin
================================*/

.margin-half-all {margin:.5%}
.margin-one-all {margin:1%}
.margin-one-half-all {margin:1.5%}
.margin-two-all {margin:2%}
.margin-two-half-all {margin:2.5%}
.margin-three-all {margin:3%}
.margin-three-half-all {margin:3.5%}
.margin-four-all {margin:4%}
.margin-four-half-all {margin:4.5%}
.margin-five-all {margin:5%}
.margin-five-half-all {margin:5.5%}
.margin-six-all {margin:6%}
.margin-six-half-all {margin:6.5%}
.margin-seven-all {margin:7%}
.margin-seven-half-all {margin:7.5%}
.margin-eight-all {margin:8%}
.margin-eight-half-all {margin:8.5%}
.margin-nine-all {margin:9%}
.margin-nine-half-all {margin:9.5%}
.margin-ten-all {margin:10%}
.margin-ten-half-all {margin:10.5%}
.margin-eleven-all {margin:11%}
.margin-eleven-half-all {margin:11.5%}
.margin-twelve-all {margin:12%}
.margin-twelve-half-all {margin:12.5%}
.margin-thirteen-all {margin:13%}
.margin-thirteen-half-all {margin:13.5%}
.margin-fourteen-all {margin:14%}
.margin-fourteen-half-all {margin:14.5%}
.margin-fifteen-all {margin:15%}
.margin-fifteen-half-all {margin:15.5%}
.margin-sixteen-all {margin:16%}
.margin-sixteen-half-all {margin:16.5%}
.margin-seventeen-all {margin:17%}
.margin-seventeen-half-all {margin:17.5%}
.margin-eighteen-all {margin:18%}
.margin-eighteen-half-all {margin:18.5%}
.margin-nineteen-all {margin:19%}
.margin-nineteen-half-all {margin:19.5%}
.margin-twenty-all {margin:20%}
.margin-twenty-half-all {margin:20.5%}
.margin-twenty-one-all {margin:21%}
.margin-twenty-one-half-all {margin:21.5%}
.margin-twenty-two-all {margin:22%}
.margin-twenty-two-half-all {margin:22.5%}
.margin-twenty-three-all {margin:23%}
.margin-twenty-three-half-all {margin:23.5%}
.margin-twenty-four-all {margin:24%}
.margin-twenty-four-half-all {margin:24.5%}
.margin-twenty-five-all {margin:25%}
.margin-5px-all {margin:5px}
.margin-10px-all {margin:10px}
.margin-15px-all {margin:15px}
.margin-20px-all {margin:20px}
.margin-25px-all {margin:25px}
.margin-30px-all {margin:30px}
.margin-35px-all {margin:35px}
.margin-40px-all {margin:40px}
.margin-45px-all {margin:45px}
.margin-50px-all {margin:50px}
.margin-55px-all {margin:55px}
.margin-60px-all {margin:60px}
.margin-65px-all {margin:65px}
.margin-70px-all {margin:70px}
.margin-75px-all {margin:75px}
.margin-80px-all {margin:80px}
.margin-85px-all {margin:85px}
.margin-90px-all {margin:90px}
.margin-95px-all {margin:95px}
.margin-100px-all {margin:100px}

.no-margin {margin:0 !important}
.no-margin-lr {margin-left: 0 !important; margin-right: 0 !important}
.no-margin-tb {margin-top: 0 !important; margin-bottom: 0 !important}
.no-margin-top {margin-top:0 !important}
.no-margin-bottom {margin-bottom:0 !important}
.no-margin-left {margin-left:0 !important}
.no-margin-right {margin-right:0 !important}
.margin-lr-auto {margin-left:auto !important; margin-right:auto !important}
.margin-auto {margin: 0 auto !important;}

/* margin top */
.margin-half-top {margin-top:.5%}
.margin-one-top {margin-top:1%}
.margin-one-half-top {margin-top:1.5%}
.margin-two-top {margin-top:2%}
.margin-two-half-top {margin-top:2.5%}
.margin-three-top {margin-top:3%}
.margin-three-half-top {margin-top:3.5%}
.margin-four-top {margin-top:4%}
.margin-four-half-top {margin-top:4.5%}
.margin-five-top {margin-top:5%}
.margin-five-half-top {margin-top:5.5%}
.margin-six-top {margin-top:6%}
.margin-six-half-top {margin-top:6.5%}
.margin-seven-top {margin-top:7%}
.margin-seven-half-top {margin-top:7.5%}
.margin-eight-top {margin-top:8%}
.margin-eight-half-top {margin-top:8.5%}
.margin-nine-top {margin-top:9%}
.margin-nine-half-top {margin-top:9.5%}
.margin-ten-top {margin-top:10%}
.margin-ten-half-top {margin-top:10.5%}
.margin-eleven-top {margin-top:11%}
.margin-eleven-half-top {margin-top:11.5%}
.margin-twelve-top {margin-top:12%}
.margin-twelve-half-top {margin-top:12.5%}
.margin-thirteen-top {margin-top:13%}
.margin-thirteen-half-top {margin-top:13.5%}
.margin-fourteen-top {margin-top:14%}
.margin-fourteen-half-top {margin-top:14.5%}
.margin-fifteen-top {margin-top:15%}
.margin-fifteen-half-top {margin-top:15.5%}
.margin-sixteen-top {margin-top:16%}
.margin-sixteen-half-top {margin-top:16.5%}
.margin-seventeen-top {margin-top:17%}
.margin-seventeen-half-top {margin-top:17.5%}
.margin-eighteen-top {margin-top:18%}
.margin-eighteen-half-top {margin-top:18.5%}
.margin-nineteen-top {margin-top:19%}
.margin-nineteen-half-top {margin-top:19.5%}
.margin-twenty-top {margin-top:20%}
.margin-twenty-half-top {margin-top:20.5%}
.margin-twenty-one-top {margin-top:21%}
.margin-twenty-one-half-top {margin-top:21.5%}
.margin-twenty-two-top {margin-top:22%}
.margin-twenty-two-half-top {margin-top:22.5%}
.margin-twenty-three-top {margin-top:23%}
.margin-twenty-three-half-top {margin-top:23.5%}
.margin-twenty-four-top {margin-top:24%}
.margin-twenty-four-half-top {margin-top:24.5%}
.margin-twenty-five-top {margin-top:25%}
.margin-5px-top {margin-top:5px}
.margin-10px-top {margin-top:10px}
.margin-15px-top {margin-top:15px}
.margin-20px-top {margin-top:20px}
.margin-25px-top {margin-top:25px}
.margin-30px-top {margin-top:30px}
.margin-35px-top {margin-top:35px}
.margin-40px-top {margin-top:40px}
.margin-45px-top {margin-top:45px}
.margin-50px-top {margin-top:50px}
.margin-55px-top {margin-top:55px}
.margin-60px-top {margin-top:60px}
.margin-65px-top {margin-top:65px}
.margin-70px-top {margin-top:70px}
.margin-75px-top {margin-top:75px}
.margin-80px-top {margin-top:80px}
.margin-85px-top {margin-top:85px}
.margin-90px-top {margin-top:90px}
.margin-95px-top {margin-top:95px}
.margin-100px-top {margin-top:100px}

/* margin bottom */
.margin-half-bottom {margin-bottom:.5%}
.margin-one-bottom {margin-bottom:1%}
.margin-one-half-bottom {margin-bottom:1.5%}
.margin-two-bottom {margin-bottom:2%}
.margin-two-half-bottom {margin-bottom:2.5%}
.margin-three-bottom {margin-bottom:3%}
.margin-three-half-bottom {margin-bottom:3.5%}
.margin-four-bottom {margin-bottom:4%}
.margin-four-half-bottom {margin-bottom:4.5%}
.margin-five-bottom {margin-bottom:5%}
.margin-five-half-bottom {margin-bottom:5.5%}
.margin-six-bottom {margin-bottom:6%}
.margin-six-half-bottom {margin-bottom:6.5%}
.margin-seven-bottom {margin-bottom:7%}
.margin-seven-half-bottom {margin-bottom:7.5%}
.margin-eight-bottom {margin-bottom:8%}
.margin-eight-half-bottom {margin-bottom:8.5%}
.margin-nine-bottom {margin-bottom:9%}
.margin-nine-half-bottom {margin-bottom:9.5%}
.margin-ten-bottom {margin-bottom:10%}
.margin-ten-half-bottom {margin-bottom:10.5%}
.margin-eleven-bottom {margin-bottom:11%}
.margin-eleven-half-bottom {margin-bottom:11.5%}
.margin-twelve-bottom {margin-bottom:12%}
.margin-twelve-half-bottom {margin-bottom:12.5%}
.margin-thirteen-bottom {margin-bottom:13%}
.margin-thirteen-half-bottom {margin-bottom:13.5%}
.margin-fourteen-bottom {margin-bottom:14%}
.margin-fourteen-half-bottom {margin-bottom:14.5%}
.margin-fifteen-bottom {margin-bottom:15%}
.margin-fifteen-half-bottom {margin-bottom:15.5%}
.margin-sixteen-bottom {margin-bottom:16%}
.margin-sixteen-half-bottom {margin-bottom:16.5%}
.margin-seventeen-bottom {margin-bottom:17%}
.margin-seventeen-half-bottom {margin-bottom:17.5%}
.margin-eighteen-bottom {margin-bottom:18%}
.margin-eighteen-half-bottom {margin-bottom:18.5%}
.margin-nineteen-bottom {margin-bottom:19%}
.margin-nineteen-half-bottom {margin-bottom:19.5%}
.margin-twenty-bottom {margin-bottom:20%}
.margin-twenty-half-bottom {margin-bottom:20.5%}
.margin-twenty-one-bottom {margin-bottom:21%}
.margin-twenty-one-half-bottom {margin-bottom:21.5%}
.margin-twenty-two-bottom {margin-bottom:22%}
.margin-twenty-two-half-bottom {margin-bottom:22.5%}
.margin-twenty-three-bottom {margin-bottom:23%}
.margin-twenty-three-half-bottom {margin-bottom:23.5%}
.margin-twenty-four-bottom {margin-bottom:24%}
.margin-twenty-four-half-bottom {margin-bottom:24.5%}
.margin-twenty-five-bottom {margin-bottom:25%}
.margin-5px-bottom {margin-bottom:5px}
.margin-10px-bottom {margin-bottom:10px}
.margin-15px-bottom {margin-bottom:15px}
.margin-20px-bottom {margin-bottom:20px}
.margin-25px-bottom {margin-bottom:25px}
.margin-30px-bottom {margin-bottom:30px}
.margin-35px-bottom {margin-bottom:35px}
.margin-40px-bottom {margin-bottom:40px}
.margin-45px-bottom {margin-bottom:45px}
.margin-50px-bottom {margin-bottom:50px}
.margin-55px-bottom {margin-bottom:55px}
.margin-60px-bottom {margin-bottom:60px}
.margin-65px-bottom {margin-bottom:65px}
.margin-70px-bottom {margin-bottom:70px}
.margin-75px-bottom {margin-bottom:75px}
.margin-80px-bottom {margin-bottom:80px}
.margin-85px-bottom {margin-bottom:85px}
.margin-90px-bottom {margin-bottom:90px}
.margin-95px-bottom {margin-bottom:95px}
.margin-100px-bottom {margin-bottom:100px}

/* margin right */
.margin-half-right {margin-right:.5%}
.margin-one-right {margin-right:1%}
.margin-one-half-right {margin-right:1.5%}
.margin-two-right {margin-right:2%}
.margin-two-half-right {margin-right:2.5%}
.margin-three-right {margin-right:3%}
.margin-three-half-right {margin-right:3.5%}
.margin-four-right {margin-right:4%}
.margin-four-half-right {margin-right:4.5%}
.margin-five-right {margin-right:5%}
.margin-five-half-right {margin-right:5.5%}
.margin-six-right {margin-right:6%}
.margin-six-half-right {margin-right:6.5%}
.margin-seven-right {margin-right:7%}
.margin-seven-half-right {margin-right:7.5%}
.margin-eight-right {margin-right:8%}
.margin-eight-half-right {margin-right:8.5%}
.margin-nine-right {margin-right:9%}
.margin-nine-half-right {margin-right:9.5%}
.margin-ten-right {margin-right:10%}
.margin-ten-half-right {margin-right:10.5%}
.margin-eleven-right {margin-right:11%}
.margin-eleven-half-right {margin-right:11.5%}
.margin-twelve-right {margin-right:12%}
.margin-twelve-half-right {margin-right:12.5%}
.margin-thirteen-right {margin-right:13%}
.margin-thirteen-half-right {margin-right:13.5%}
.margin-fourteen-right {margin-right:14%}
.margin-fourteen-half-right {margin-right:14.5%}
.margin-fifteen-right {margin-right:15%}
.margin-fifteen-half-right {margin-right:15.5%}
.margin-sixteen-right {margin-right:16%}
.margin-sixteen-half-right {margin-right:16.5%}
.margin-seventeen-right {margin-right:17%}
.margin-seventeen-half-right {margin-right:17.5%}
.margin-eighteen-right {margin-right:18%}
.margin-eighteen-half-right {margin-right:18.5%}
.margin-nineteen-right {margin-right:19%}
.margin-nineteen-half-right {margin-right:19.5%}
.margin-twenty-right {margin-right:20%}
.margin-twenty-half-right {margin-right:20.5%}
.margin-twenty-right {margin-right:21%}
.margin-twenty-one-half-right {margin-right:21.5%}
.margin-twenty-two-right {margin-right:22%}
.margin-twenty-two-half-right {margin-right:22.5%}
.margin-twenty-three-right {margin-right:23%}
.margin-twenty-three-half-right {margin-right:23.5%}
.margin-twenty-four-right {margin-right:24%}
.margin-twenty-four-half-right {margin-right:24.5%}
.margin-twenty-five-right {margin-right:25%}
.margin-5px-right {margin-right:5px}
.margin-10px-right {margin-right:10px}
.margin-15px-right {margin-right:15px}
.margin-20px-right {margin-right:20px}
.margin-25px-right {margin-right:25px}
.margin-30px-right {margin-right:30px}
.margin-35px-right {margin-right:35px}
.margin-40px-right {margin-right:40px}
.margin-45px-right {margin-right:45px}
.margin-50px-right {margin-right:50px}
.margin-55px-right {margin-right:55px}
.margin-60px-right {margin-right:60px}
.margin-65px-right {margin-right:65px}
.margin-70px-right {margin-right:70px}
.margin-75px-right {margin-right:75px}
.margin-80px-right {margin-right:80px}
.margin-85px-right {margin-right:85px}
.margin-90px-right {margin-right:90px}
.margin-95px-right {margin-right:95px}
.margin-100px-right {margin-right:100px}

/* margin left */
.margin-half-left {margin-left:.5%}
.margin-one-left {margin-left:1%}
.margin-one-half-left {margin-left:1.5%}
.margin-two-left {margin-left:2%}
.margin-two-half-left {margin-left:2.5%}
.margin-three-left {margin-left:3%}
.margin-three-half-left {margin-left:3.5%}
.margin-four-left {margin-left:4%}
.margin-four-half-left {margin-left:4.5%}
.margin-five-left {margin-left:5%}
.margin-five-half-left {margin-left:5.5%}
.margin-six-left {margin-left:6%}
.margin-six-half-left {margin-left:6.5%}
.margin-seven-left {margin-left:7%}
.margin-seven-half-left {margin-left:7.5%}
.margin-eight-left {margin-left:8%}
.margin-eight-half-left {margin-left:8.5%}
.margin-nine-left {margin-left:9%}
.margin-nine-half-left {margin-left:9.5%}
.margin-ten-left {margin-left:10%}
.margin-ten-half-left {margin-left:10.5%}
.margin-eleven-left {margin-left:11%}
.margin-eleven-half-left {margin-left:11.5%}
.margin-twelve-left {margin-left:12%}
.margin-twelve-half-left {margin-left:12.5%}
.margin-thirteen-left {margin-left:13%}
.margin-thirteen-half-left {margin-left:13.5%}
.margin-fourteen-left {margin-left:14%}
.margin-fourteen-half-left {margin-left:14.5%}
.margin-fifteen-left {margin-left:15%}
.margin-fifteen-half-left {margin-left:15.5%}
.margin-sixteen-left {margin-left:16%}
.margin-sixteen-half-left {margin-left:16.5%}
.margin-seventeen-left {margin-left:17%}
.margin-seventeen-half-left {margin-left:17.5%}
.margin-eighteen-left {margin-left:18%}
.margin-eighteen-half-left {margin-left:18.5%}
.margin-nineteen-left {margin-left:19%}
.margin-nineteen-half-left {margin-left:19.5%}
.margin-twenty-left {margin-left:20%}
.margin-twenty-half-left {margin-left:20.5%}
.margin-twenty-one-left {margin-left:21%}
.margin-twenty-one-half-left {margin-left:21.5%}
.margin-twenty-two-left {margin-left:22%}
.margin-twenty-two-half-left {margin-left:22.5%}
.margin-twenty-three-left {margin-left:23%}
.margin-twenty-three-half-left {margin-left:23.5%}
.margin-twenty-four-left {margin-left:24%}
.margin-twenty-four-half-left {margin-left:24.5%}
.margin-twenty-five-left {margin-left:25%}
.margin-5px-left {margin-left:5px}
.margin-10px-left {margin-left:10px}
.margin-15px-left {margin-left:15px}
.margin-20px-left {margin-left:20px}
.margin-25px-left {margin-left:25px}
.margin-30px-left {margin-left:30px}
.margin-35px-left {margin-left:35px}
.margin-40px-left {margin-left:40px}
.margin-45px-left {margin-left:45px}
.margin-50px-left {margin-left:50px}
.margin-55px-left {margin-left:55px}
.margin-60px-left {margin-left:60px}
.margin-65px-left {margin-left:65px}
.margin-70px-left {margin-left:70px}
.margin-75px-left {margin-left:75px}
.margin-80px-left {margin-left:80px}
.margin-85px-left {margin-left:85px}
.margin-90px-left {margin-left:90px}
.margin-95px-left {margin-left:95px}
.margin-100px-left {margin-left:100px}

/* margin left and right */
.margin-half-lr {margin-left:.5%; margin-right:.5%}
.margin-one-lr {margin-left:1%; margin-right:1%;}
.margin-one-half-lr {margin-left:1.5%; margin-right:1.5%;}
.margin-two-lr {margin-left:2%; margin-right:2%;}
.margin-two-half-lr {margin-left:2.5%; margin-right:2.5%;}
.margin-three-lr {margin-left:3%; margin-right:3%;}
.margin-three-half-lr {margin-left:3.5%; margin-right:3.5%;}
.margin-four-lr {margin-left:4%; margin-right:4%;}
.margin-four-half-lr {margin-left:4.5%; margin-right:4.5%;}
.margin-five-lr {margin-left:5%; margin-right:5%;}
.margin-five-half-lr {margin-left:5.5%; margin-right:5.5%;}
.margin-six-lr {margin-left:6%; margin-right:6%;}
.margin-six-half-lr {margin-left:6.5%; margin-right:6.5%;}
.margin-seven-lr {margin-left:7%; margin-right:7%;}
.margin-seven-half-lr {margin-left:7.5%; margin-right:7.5%;}
.margin-eight-lr {margin-left:8%; margin-right:8%;}
.margin-eight-half-lr {margin-left:8.5%; margin-right:8.5%;}
.margin-nine-lr {margin-left:9%; margin-right:9%;}
.margin-nine-half-lr {margin-left:9.5%; margin-right:9.5%;}
.margin-ten-lr {margin-left:10%; margin-right:10%;}
.margin-ten-half-lr {margin-left:10.5%; margin-right:10.5%;}
.margin-eleven-lr {margin-left:11%; margin-right:11%;}
.margin-eleven-half-lr {margin-left:11.5%; margin-right:11.5%;}
.margin-twelve-lr {margin-left:12%; margin-right:12%;}
.margin-twelve-half-lr {margin-left:12.5%; margin-right:12.5%;}
.margin-thirteen-lr {margin-left:13%; margin-right:13%;}
.margin-thirteen-half-lr {margin-left:13.5%; margin-right:13.5%;}
.margin-fourteen-lr {margin-left:14%; margin-right:14%;}
.margin-fourteen-half-lr {margin-left:14.5%; margin-right:14.5%;}
.margin-fifteen-lr {margin-left:15%; margin-right:15%;}
.margin-fifteen-half-lr {margin-left:15.5%; margin-right:15.5%;}
.margin-sixteen-lr {margin-left:16%; margin-right:16%;}
.margin-sixteen-half-lr {margin-left:16.5%; margin-right:16.5%;}
.margin-seventeen-lr {margin-left:17%; margin-right:17%;}
.margin-seventeen-half-lr {margin-left:17.5%; margin-right:17.5%;}
.margin-eighteen-lr {margin-left:18%; margin-right:18%;}
.margin-eighteen-half-lr {margin-left:18.5%; margin-right:18.5%;}
.margin-nineteen-lr {margin-left:19%; margin-right:19%;}
.margin-nineteen-half-lr {margin-left:19.5%; margin-right:19.5%;}
.margin-twenty-lr {margin-left:20%; margin-right:20%;}
.margin-twenty-half-lr {margin-left:20.5%; margin-right:20.5%;}
.margin-twenty-one-lr {margin-left:21%; margin-right:21%;}
.margin-twenty-one-half-lr {margin-left:21.5%; margin-right:21.5%;}
.margin-twenty-two-lr {margin-left:22%; margin-right:22%;}
.margin-twenty-two-half-lr {margin-left:22.5%; margin-right:22.5%;}
.margin-twenty-three-lr {margin-left:23%; margin-right:23%;}
.margin-twenty-three-half-lr {margin-left:23.5%; margin-right:23.5%;}
.margin-twenty-four-lr {margin-left:24%; margin-right:24%;}
.margin-twenty-four-half-lr {margin-left:24.5%; margin-right:24.5%;}
.margin-twenty-five-lr {margin-left:25%; margin-right:25%;}
.margin-5px-lr {margin-left:5px; margin-right:5px;}
.margin-10px-lr {margin-left:10px; margin-right:10px;}
.margin-15px-lr {margin-left:15px; margin-right:15px;}
.margin-20px-lr {margin-left:20px; margin-right:20px;}
.margin-25px-lr {margin-left:25px; margin-right:25px;}
.margin-30px-lr {margin-left:30px; margin-right:30px;}
.margin-35px-lr {margin-left:35px; margin-right:35px;}
.margin-40px-lr {margin-left:40px; margin-right:40px;}
.margin-45px-lr {margin-left:45px; margin-right:45px;}
.margin-50px-lr {margin-left:50px; margin-right:50px;}
.margin-55px-lr {margin-left:55px; margin-right:55px;}
.margin-60px-lr {margin-left:60px; margin-right:60px;}
.margin-65px-lr {margin-left:65px; margin-right:65px;}
.margin-70px-lr {margin-left:70px; margin-right:70px;}
.margin-75px-lr {margin-left:75px; margin-right:75px;}
.margin-80px-lr {margin-left:80px; margin-right:80px;}
.margin-85px-lr {margin-left:85px; margin-right:85px;}
.margin-90px-lr {margin-left:90px; margin-right:90px;}
.margin-95px-lr {margin-left:95px; margin-right:95px;}
.margin-100px-lr {margin-left:100px; margin-right:100px;}

/* margin top and bottom */
.margin-half-tb {margin-top:.5%; margin-bottom:.5%}
.margin-one-tb {margin-top:1%; margin-bottom:1%;}
.margin-one-half-tb {margin-top:1.5%; margin-bottom:1.5%;}
.margin-two-tb {margin-top:2%; margin-bottom:2%;}
.margin-two-half-tb {margin-top:2.5%; margin-bottom:2.5%;}
.margin-three-tb {margin-top:3%; margin-bottom:3%;}
.margin-three-half-tb {margin-top:3.5%; margin-bottom:3.5%;}
.margin-four-tb {margin-top:4%; margin-bottom:4%;}
.margin-four-half-tb {margin-top:4.5%; margin-bottom:4.5%;}
.margin-five-tb {margin-top:5%; margin-bottom:5%;}
.margin-five-half-tb {margin-top:5.5%; margin-bottom:5.5%;}
.margin-six-tb {margin-top:6%; margin-bottom:6%;}
.margin-six-half-tb {margin-top:6.5%; margin-bottom:6.5%;}
.margin-seven-tb {margin-top:7%; margin-bottom:7%;}
.margin-seven-half-tb {margin-top:7.5%; margin-bottom:7.5%;}
.margin-eight-tb {margin-top:8%; margin-bottom:8%;}
.margin-eight-half-tb {margin-top:8.5%; margin-bottom:8.5%;}
.margin-nine-tb {margin-top:9%; margin-bottom:9%;}
.margin-nine-half-tb {margin-top:9.5%; margin-bottom:9.5%;}
.margin-ten-tb {margin-top:10%; margin-bottom:10%;}
.margin-ten-half-tb {margin-top:10.5%; margin-bottom:10.5%;}
.margin-eleven-tb {margin-top:11%; margin-bottom:11%;}
.margin-eleven-half-tb {margin-top:11.5%; margin-bottom:11.5%;}
.margin-twelve-tb {margin-top:12%; margin-bottom:12%;}
.margin-twelve-half-tb {margin-top:12.5%; margin-bottom:12.5%;}
.margin-thirteen-tb {margin-top:13%; margin-bottom:13%;}
.margin-thirteen-half-tb {margin-top:13.5%; margin-bottom:13.5%;}
.margin-fourteen-tb {margin-top:14%; margin-bottom:14%;}
.margin-fourteen-half-tb {margin-top:14.5%; margin-bottom:14.5%;}
.margin-fifteen-tb {margin-top:15%; margin-bottom:15%;}
.margin-fifteen-half-tb {margin-top:15.5%; margin-bottom:15.5%;}
.margin-sixteen-tb {margin-top:16%; margin-bottom:16%;}
.margin-sixteen-half-tb {margin-top:16.5%; margin-bottom:16.5%;}
.margin-seventeen-tb {margin-top:17%; margin-bottom:17%;}
.margin-seventeen-half-tb {margin-top:17.5%; margin-bottom:17.5%;}
.margin-eighteen-tb {margin-top:18%; margin-bottom:18%;}
.margin-eighteen-half-tb {margin-top:18.5%; margin-bottom:18.5%;}
.margin-nineteen-tb {margin-top:19%; margin-bottom:19%;}
.margin-nineteen-half-tb {margin-top:19.5%; margin-bottom:19.5%;}
.margin-twenty-tb {margin-top:20%; margin-bottom:20%;}
.margin-twenty-half-tb {margin-top:20.5%; margin-bottom:20.5%;}
.margin-twenty-one-tb {margin-top:21%; margin-bottom:21%;}
.margin-twenty-one-half-tb {margin-top:21.5%; margin-bottom:21.5%;}
.margin-twenty-two-tb {margin-top:22%; margin-bottom:22%;}
.margin-twenty-two-half-tb {margin-top:22.5%; margin-bottom:22.5%;}
.margin-twenty-three-tb {margin-top:23%; margin-bottom:23%;}
.margin-twenty-three-half-tb {margin-top:23.5%; margin-bottom:23.5%;}
.margin-twenty-four-tb {margin-top:24%; margin-bottom:24%;}
.margin-twenty-four-half-tb {margin-top:24.5%; margin-bottom:24.5%;}
.margin-twenty-five-tb {margin-top:25%; margin-bottom:25%;}
.margin-5px-tb {margin-top:5px; margin-bottom:5px;}
.margin-10px-tb {margin-top:10px; margin-bottom:10px;}
.margin-15px-tb {margin-top:15px; margin-bottom:15px;}
.margin-20px-tb {margin-top:20px; margin-bottom:20px;}
.margin-25px-tb {margin-top:25px; margin-bottom:25px;}
.margin-30px-tb {margin-top:30px; margin-bottom:30px;}
.margin-35px-tb {margin-top:35px; margin-bottom:35px;}
.margin-40px-tb {margin-top:40px; margin-bottom:40px;}
.margin-45px-tb {margin-top:45px; margin-bottom:45px;}
.margin-50px-tb {margin-top:50px; margin-bottom:50px;}
.margin-55px-tb {margin-top:55px; margin-bottom:55px;}
.margin-60px-tb {margin-top:60px; margin-bottom:60px;}
.margin-65px-tb {margin-top:65px; margin-bottom:65px;}
.margin-70px-tb {margin-top:70px; margin-bottom:70px;}
.margin-75px-tb {margin-top:75px; margin-bottom:75px;}
.margin-80px-tb {margin-top:80px; margin-bottom:80px;}
.margin-85px-tb {margin-top:85px; margin-bottom:85px;}
.margin-90px-tb {margin-top:90px; margin-bottom:90px;}
.margin-95px-tb {margin-top:95px; margin-bottom:95px;}
.margin-100px-tb {margin-top:100px; margin-bottom:100px;}

/* ===============================
    12. Padding
================================= */

.no-padding {padding:0 !important}
.no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}
.no-padding-tb {padding-top: 0 !important; padding-bottom: 0 !important}
.no-padding-top {padding-top:0 !important}
.no-padding-bottom {padding-bottom:0 !important}
.no-padding-left {padding-left:0 !important}
.no-padding-right {padding-right:0 !important}

.padding-half-all {padding:.5%;}
.padding-one-all {padding:1%;}
.padding-one-half-all {padding:1.5%;}
.padding-two-all {padding:2%;}
.padding-two-half-all {padding:2.5%;}
.padding-three-all {padding:3%;}
.padding-three-half-all {padding:3.5%;}
.padding-four-all {padding:4%;}
.padding-four-half-all {padding:4.5%;}
.padding-five-all {padding:5%;}
.padding-five-half-all {padding:5.5%;}
.padding-six-all {padding:6%;}
.padding-six-half-all {padding:6.5%;}
.padding-seven-all {padding:7%;}
.padding-seven-half-all {padding:7.5%;}
.padding-eight-all {padding:8%;}
.padding-eight-half-all {padding:8.5%;}
.padding-nine-all {padding:9%;}
.padding-nine-half-all {padding:9.5%;}
.padding-ten-all {padding:10%;}
.padding-ten-half-all {padding:10.5%;}
.padding-eleven-all {padding:11%;}
.padding-eleven-half-all {padding:11.5%;}
.padding-twelve-all {padding:12%;}
.padding-twelve-half-all {padding:12.5%;}
.padding-thirteen-all {padding:13%;}
.padding-thirteen-half-all {padding:13.5%;}
.padding-fourteen-all {padding:14%;}
.padding-fourteen-half-all {padding:14.5%;}
.padding-fifteen-all {padding:15%;}
.padding-fifteen-half-all {padding:15.5%;}
.padding-sixteen-all {padding:16%;}
.padding-sixteen-half-all {padding:16.5%;}
.padding-seventeen-all {padding:17%;}
.padding-seventeen-half-all {padding:17.5%;}
.padding-eighteen-all {padding:18%;}
.padding-eighteen-half-all {padding:18.5%;}
.padding-nineteen-all {padding:19%;}
.padding-nineteen-half-all {padding:19.5%;}
.padding-twenty-all {padding:20%;}
.padding-twenty-half-all {padding:20.5%;}
.padding-twenty-one-all {padding:21%;}
.padding-twenty-one-half-all {padding:21.5%;}
.padding-twenty-two-all {padding:22%;}
.padding-twenty-two-half-all {padding:22.5%;}
.padding-twenty-three-all {padding:23%;}
.padding-twenty-three-half-all {padding:23.5%;}
.padding-twenty-four-all {padding:24%;}
.padding-twenty-four-half-all {padding:24.5%;}
.padding-twenty-five-all {padding:25%;}
.padding-twenty-five-half-all {padding:25.5%;}
.padding-5px-all {padding:5px;}
.padding-10px-all {padding:10px;}
.padding-15px-all {padding:15px;}
.padding-20px-all {padding:20px;}
.padding-25px-all {padding:25px;}
.padding-30px-all {padding:30px;}
.padding-35px-all {padding:35px;}
.padding-40px-all {padding:40px;}
.padding-45px-all {padding:45px;}
.padding-50px-all {padding:50px;}
.padding-55px-all {padding:55px;}
.padding-60px-all {padding:60px;}
.padding-65px-all {padding:65px;}
.padding-70px-all {padding:70px;}
.padding-75px-all {padding:75px;}
.padding-80px-all {padding:80px;}
.padding-85px-all {padding:85px;}
.padding-90px-all {padding:90px;}
.padding-95px-all {padding:95px;}
.padding-100px-all {padding:100px;}

/* padding top */
.padding-half-top {padding-top:.5%;}
.padding-one-top {padding-top:1%;}
.padding-one-half-top {padding-top:1.5%;}
.padding-two-top {padding-top:2%;}
.padding-two-half-top {padding-top:2.5%;}
.padding-three-top {padding-top:3%;}
.padding-three-half-top {padding-top:3.5%;}
.padding-four-top {padding-top:4%;}
.padding-four-half-top {padding-top:4.5%;}
.padding-five-top {padding-top:5%;}
.padding-five-half-top {padding-top:5.5%;}
.padding-six-top {padding-top:6%;}
.padding-six-half-top {padding-top:6.5%;}
.padding-seven-top {padding-top:7%;}
.padding-seven-half-top {padding-top:7.5%;}
.padding-eight-top {padding-top:8%;}
.padding-eight-half-top {padding-top:8.5%;}
.padding-nine-top {padding-top:9%;}
.padding-nine-half-top {padding-top:9.5%;}
.padding-ten-top {padding-top:10%;}
.padding-ten-half-top {padding-top:10.5%;}
.padding-eleven-top {padding-top:11%;}
.padding-eleven-half-top {padding-top:11.5%;}
.padding-twelve-top {padding-top:12%;}
.padding-twelve-half-top {padding-top:12.5%;}
.padding-thirteen-top {padding-top:13%;}
.padding-thirteen-half-top {padding-top:13.5%;}
.padding-fourteen-top {padding-top:14%;}
.padding-fourteen-half-top {padding-top:14.5%;}
.padding-fifteen-top {padding-top:15%;}
.padding-fifteen-half-top {padding-top:15.5%;}
.padding-sixteen-top {padding-top:16%;}
.padding-sixteen-half-top {padding-top:16.5%;}
.padding-seventeen-top {padding-top:17%;}
.padding-seventeen-half-top {padding-top:17.5%;}
.padding-eighteen-top {padding-top:18%;}
.padding-eighteen-half-top {padding-top:18.5%;}
.padding-nineteen-top {padding-top:19%;}
.padding-nineteen-half-top {padding-top:19.5%;}
.padding-twenty-top {padding-top:20%;}
.padding-twenty-half-top {padding-top:20.5%;}
.padding-twenty-one-top {padding-top:21%;}
.padding-twenty-one-half-top {padding-top:21.5%;}
.padding-twenty-two-top {padding-top:22%;}
.padding-twenty-two-half-top {padding-top:22.5%;}
.padding-twenty-two-top {padding-top:22%;}
.padding-twenty-two-half-top {padding-top:22.5%;}
.padding-twenty-three-top {padding-top:23%;}
.padding-twenty-three-half-top {padding-top:23.5%;}
.padding-twenty-four-top {padding-top:24%;}
.padding-twenty-four-half-top {padding-top:24.5%;}
.padding-twenty-five-top {padding-top:25%;}
.padding-5px-top {padding-top:5px;}
.padding-10px-top {padding-top:10px;}
.padding-15px-top {padding-top:15px;}
.padding-20px-top {padding-top:20px;}
.padding-25px-top {padding-top:25px;}
.padding-30px-top {padding-top:30px;}
.padding-35px-top {padding-top:35px;}
.padding-40px-top {padding-top:40px;}
.padding-45px-top {padding-top:45px;}
.padding-50px-top {padding-top:50px;}
.padding-55px-top {padding-top:55px;}
.padding-60px-top {padding-top:60px;}
.padding-65px-top {padding-top:65px;}
.padding-70px-top {padding-top:70px;}
.padding-75px-top {padding-top:75px;}
.padding-80px-top {padding-top:80px;}
.padding-85px-top {padding-top:85px;}
.padding-90px-top {padding-top:90px;}
.padding-95px-top {padding-top:95px;}
.padding-100px-top {padding-top:100px;}

/* padding bottom */
.padding-half-bottom {padding-bottom:.5%;}
.padding-one-bottom {padding-bottom:1%;}
.padding-one-half-bottom {padding-bottom:1.5%;}
.padding-two-bottom {padding-bottom:2%;}
.padding-two-half-bottom {padding-bottom:2.5%;}
.padding-three-bottom {padding-bottom:3%;}
.padding-three-half-bottom {padding-bottom:3.5%;}
.padding-four-bottom {padding-bottom:4%;}
.padding-four-half-bottom {padding-bottom:4.5%;}
.padding-five-bottom {padding-bottom:5%;}
.padding-five-half-bottom {padding-bottom:5.5%;}
.padding-six-bottom {padding-bottom:6%;}
.padding-six-half-bottom {padding-bottom:6.5%;}
.padding-seven-bottom {padding-bottom:7%;}
.padding-seven-half-bottom {padding-bottom:7.5%;}
.padding-eight-bottom {padding-bottom:8%;}
.padding-eight-half-bottom {padding-bottom:8.5%;}
.padding-nine-bottom {padding-bottom:9%;}
.padding-nine-half-bottom {padding-bottom:9.5%;}
.padding-ten-bottom {padding-bottom:10%;}
.padding-ten-half-bottom {padding-bottom:10.5%;}
.padding-eleven-bottom {padding-bottom:11%;}
.padding-eleven-half-bottom {padding-bottom:11.5%;}
.padding-twelve-bottom {padding-bottom:12%;}
.padding-twelve-half-bottom {padding-bottom:12.5%;}
.padding-thirteen-bottom {padding-bottom:13%;}
.padding-thirteen-half-bottom {padding-bottom:13.5%;}
.padding-fourteen-bottom {padding-bottom:14%;}
.padding-fourteen-half-bottom {padding-bottom:14.5%;}
.padding-fifteen-bottom {padding-bottom:15%;}
.padding-fifteen-half-bottom {padding-bottom:15.5%;}
.padding-sixteen-bottom {padding-bottom:16%;}
.padding-sixteen-half-bottom {padding-bottom:16.5%;}
.padding-seventeen-bottom {padding-bottom:17%;}
.padding-seventeen-half-bottom {padding-bottom:17.5%;}
.padding-eighteen-bottom {padding-bottom:18%;}
.padding-eighteen-half-bottom {padding-bottom:18.5%;}
.padding-nineteen-bottom {padding-bottom:19%;}
.padding-nineteen-half-bottom {padding-bottom:19.5%;}
.padding-twenty-bottom {padding-bottom:20%;}
.padding-twenty-half-bottom {padding-bottom:20.5%;}
.padding-twenty-one-bottom {padding-bottom:21%;}
.padding-twenty-one-half-bottom {padding-bottom:21.5%;}
.padding-twenty-two-bottom {padding-bottom:22%;}
.padding-twenty-two-half-bottom {padding-bottom:22.5%;}
.padding-twenty-three-bottom {padding-bottom:23%;}
.padding-twenty-three-half-bottom {padding-bottom:23.5%;}
.padding-twenty-four-bottom {padding-bottom:24%;}
.padding-twenty-four-half-bottom {padding-bottom:24.5%;}
.padding-twenty-five-bottom {padding-bottom:25%;}
.padding-5px-bottom {padding-bottom:5px;}
.padding-10px-bottom {padding-bottom:10px;}
.padding-15px-bottom {padding-bottom:15px;}
.padding-20px-bottom {padding-bottom:20px;}
.padding-25px-bottom {padding-bottom:25px;}
.padding-30px-bottom {padding-bottom:30px;}
.padding-35px-bottom {padding-bottom:35px;}
.padding-40px-bottom {padding-bottom:40px;}
.padding-45px-bottom {padding-bottom:45px;}
.padding-50px-bottom {padding-bottom:50px;}
.padding-55px-bottom {padding-bottom:55px;}
.padding-60px-bottom {padding-bottom:60px;}
.padding-65px-bottom {padding-bottom:65px;}
.padding-70px-bottom {padding-bottom:70px;}
.padding-75px-bottom {padding-bottom:75px;}
.padding-80px-bottom {padding-bottom:80px;}
.padding-85px-bottom {padding-bottom:85px;}
.padding-90px-bottom {padding-bottom:90px;}
.padding-95px-bottom {padding-bottom:95px;}
.padding-100px-bottom {padding-bottom:100px;}

/* padding right */
.padding-half-right {padding-right:.5%;}
.padding-one-right {padding-right:1%;}
.padding-one-half-right {padding-right:1.5%;}
.padding-two-right {padding-right:2%;}
.padding-two-half-right {padding-right:2.5%;}
.padding-three-right {padding-right:3%;}
.padding-three-half-right {padding-right:3.5%;}
.padding-four-right {padding-right:4%;}
.padding-four-half-right {padding-right:4.5%;}
.padding-five-right {padding-right:5%;}
.padding-five-half-right {padding-right:5.5%;}
.padding-six-right {padding-right:6%;}
.padding-six-half-right {padding-right:6.5%;}
.padding-seven-right {padding-right:7%;}
.padding-seven-half-right {padding-right:7.5%;}
.padding-eight-right {padding-right:8%;}
.padding-eight-half-right {padding-right:8.5%;}
.padding-nine-right {padding-right:9%;}
.padding-nine-half-right {padding-right:9.5%;}
.padding-ten-right {padding-right:10%;}
.padding-ten-half-right {padding-right:10.5%;}
.padding-eleven-right {padding-right:11%;}
.padding-eleven-half-right {padding-right:11.5%;}
.padding-twelve-right {padding-right:12%;}
.padding-twelve-half-right {padding-right:12.5%;}
.padding-thirteen-right {padding-right:13%;}
.padding-thirteen-half-right {padding-right:13.5%;}
.padding-fourteen-right {padding-right:14%;}
.padding-fourteen-half-right {padding-right:14.5%;}
.padding-fifteen-right {padding-right:15%;}
.padding-fifteen-half-right {padding-right:15.5%;}
.padding-sixteen-right {padding-right:16%;}
.padding-sixteen-half-right {padding-right:16.5%;}
.padding-seventeen-right {padding-right:17%;}
.padding-seventeen-half-right {padding-right:17.5%;}
.padding-eighteen-right {padding-right:18%;}
.padding-eighteen-half-right {padding-right:18.5%;}
.padding-nineteen-right {padding-right:19%;}
.padding-nineteen-half-right {padding-right:19.5%;}
.padding-twenty-right {padding-right:20%;}
.padding-twenty-half-right {padding-right:20.5%;}
.padding-twenty-one-right {padding-right:21%;}
.padding-twenty-one-half-right {padding-right:21.5%;}
.padding-twenty-two-right {padding-right:22%;}
.padding-twenty-two-half-right {padding-right:22.5%;}
.padding-twenty-three-right {padding-right:23%;}
.padding-twenty-three-half-right {padding-right:23.5%;}
.padding-twenty-four-right {padding-right:24%;}
.padding-twenty-four-half-right {padding-right:24.5%;}
.padding-twenty-five-right {padding-right:25%;}
.padding-5px-right {padding-right:5px;}
.padding-10px-right {padding-right:10px;}
.padding-15px-right {padding-right:15px;}
.padding-20px-right {padding-right:20px;}
.padding-25px-right {padding-right:25px;}
.padding-30px-right {padding-right:30px;}
.padding-35px-right {padding-right:35px;}
.padding-40px-right {padding-right:40px;}
.padding-45px-right {padding-right:45px;}
.padding-50px-right {padding-right:50px;}
.padding-55px-right {padding-right:55px;}
.padding-60px-right {padding-right:60px;}
.padding-65px-right {padding-right:65px;}
.padding-70px-right {padding-right:70px;}
.padding-75px-right {padding-right:75px;}
.padding-80px-right {padding-right:80px;}
.padding-85px-right {padding-right:85px;}
.padding-90px-right {padding-right:90px;}
.padding-95px-right {padding-right:95px;}
.padding-100px-right {padding-right:100px;}

/* padding left */
.padding-half-left {padding-left:.5%;}
.padding-one-left {padding-left:1%;}
.padding-one-half-left {padding-left:1.5%;}
.padding-two-left {padding-left:2%;}
.padding-two-half-left {padding-left:2.5%;}
.padding-three-left {padding-left:3%;}
.padding-three-half-left {padding-left:3.5%;}
.padding-four-left {padding-left:4%;}
.padding-four-half-left {padding-left:4.5%;}
.padding-five-left {padding-left:5%;}
.padding-five-half-left {padding-left:5.5%;}
.padding-six-left {padding-left:6%;}
.padding-six-half-left {padding-left:6.5%;}
.padding-seven-left {padding-left:7%;}
.padding-seven-half-left {padding-left:7.5%;}
.padding-eight-left {padding-left:8%;}
.padding-eight-half-left {padding-left:8.5%;}
.padding-nine-left {padding-left:9%;}
.padding-nine-half-left {padding-left:9.5%;}
.padding-ten-left {padding-left:10%;}
.padding-ten-half-left {padding-left:10.5%;}
.padding-eleven-left {padding-left:11%;}
.padding-eleven-half-left {padding-left:11.5%;}
.padding-twelve-left {padding-left:12%;}
.padding-twelve-half-left {padding-left:12.5%;}
.padding-thirteen-left {padding-left:13%;}
.padding-thirteen-half-left {padding-left:13.5%;}
.padding-fourteen-left {padding-left:14%;}
.padding-fourteen-half-left {padding-left:14.5%;}
.padding-fifteen-left {padding-left:15%;}
.padding-fifteen-half-left {padding-left:15.5%;}
.padding-sixteen-left {padding-left:16%;}
.padding-sixteen-half-left {padding-left:16.5%;}
.padding-seventeen-left {padding-left:17%;}
.padding-seventeen-half-left {padding-left:17.5%;}
.padding-eighteen-left {padding-left:18%;}
.padding-eighteen-half-left {padding-left:18.5%;}
.padding-nineteen-left {padding-left:19%;}
.padding-nineteen-half-left {padding-left:19.5%;}
.padding-twenty-left {padding-left:20%;}
.padding-twenty-half-left {padding-left:20.5%;}
.padding-twenty-one-left {padding-left:21%;}
.padding-twenty-one-half-left {padding-left:21.5%;}
.padding-twenty-two-left {padding-left:22%;}
.padding-twenty-two-half-left {padding-left:22.5%;}
.padding-twenty-three-left {padding-left:23%;}
.padding-twenty-three-half-left {padding-left:23.5%;}
.padding-twenty-four-left {padding-left:24%;}
.padding-twenty-four-half-left {padding-left:24.5%;}
.padding-twenty-five-left {padding-left:25%;}
.padding-5px-left {padding-left:5px;}
.padding-10px-left {padding-left:10px;}
.padding-15px-left {padding-left:15px;}
.padding-20px-left {padding-left:20px;}
.padding-25px-left {padding-left:25px;}
.padding-30px-left {padding-left:30px;}
.padding-35px-left {padding-left:35px;}
.padding-40px-left {padding-left:40px;}
.padding-45px-left {padding-left:45px;}
.padding-50px-left {padding-left:50px;}
.padding-55px-left {padding-left:55px;}
.padding-60px-left {padding-left:60px;}
.padding-65px-left {padding-left:65px;}
.padding-70px-left {padding-left:70px;}
.padding-75px-left {padding-left:75px;}
.padding-80px-left {padding-left:80px;}
.padding-85px-left {padding-left:85px;}
.padding-90px-left {padding-left:90px;}
.padding-95px-left {padding-left:95px;}
.padding-100px-left {padding-left:100px;}

/* padding top and bottom */
.padding-half-tb {padding-top:.5%; padding-bottom:.5%;}
.padding-one-tb {padding-top:1%; padding-bottom:1%;}
.padding-one-half-tb {padding-top:1.5%; padding-bottom:1.5%;}
.padding-two-tb {padding-top:2%; padding-bottom:2%;}
.padding-two-half-tb {padding-top:2.5%; padding-bottom:2.5%;}
.padding-three-tb {padding-top:3%; padding-bottom:3%;}
.padding-three-half-tb {padding-top:3.5%; padding-bottom:3.5%;}
.padding-four-tb {padding-top:4%; padding-bottom:4%;}
.padding-four-half-tb {padding-top:4.5%; padding-bottom:4.5%;}
.padding-five-tb {padding-top:5%; padding-bottom:5%;}
.padding-five-half-tb {padding-top:5.5%; padding-bottom:5.5%;}
.padding-six-tb {padding-top:6%; padding-bottom:6%;}
.padding-six-half-tb {padding-top:6.5%; padding-bottom:6.5%;}
.padding-seven-tb {padding-top:7%; padding-bottom:7%;}
.padding-seven-half-tb {padding-top:7.5%; padding-bottom:7.5%;}
.padding-eight-tb {padding-top:8%; padding-bottom:8%;}
.padding-eight-half-tb {padding-top:8.5%; padding-bottom:8.5%;}
.padding-nine-tb {padding-top:9%; padding-bottom:9%;}
.padding-nine-half-tb {padding-top:9.5%; padding-bottom:9.5%;}
.padding-ten-tb {padding-top:10%; padding-bottom:10%;}
.padding-ten-half-tb {padding-top:10.5%; padding-bottom:10.5%;}
.padding-eleven-tb {padding-top:11%; padding-bottom:11%;}
.padding-eleven-half-tb {padding-top:11.5%; padding-bottom:11.5%;}
.padding-twelve-tb {padding-top:12%; padding-bottom:12%;}
.padding-twelve-half-tb {padding-top:12.5%; padding-bottom:12.5%;}
.padding-thirteen-tb {padding-top:13%; padding-bottom:13%;}
.padding-thirteen-half-tb {padding-top:13.5%; padding-bottom:13.5%;}
.padding-fourteen-tb {padding-top:14%; padding-bottom:14%;}
.padding-fourteen-half-tb {padding-top:14.5%; padding-bottom:14.5%;}
.padding-fifteen-tb {padding-top:15%; padding-bottom:15%;}
.padding-fifteen-half-tb {padding-top:15.5%; padding-bottom:15.5%;}
.padding-sixteen-tb {padding-top:16%; padding-bottom:16%;}
.padding-sixteen-half-tb {padding-top:16.5%; padding-bottom:16.5%;}
.padding-seventeen-tb {padding-top:17%; padding-bottom:17%;}
.padding-seventeen-half-tb {padding-top:17.5%; padding-bottom:17.5%;}
.padding-eighteen-tb {padding-top:18%; padding-bottom:18%;}
.padding-eighteen-half-tb {padding-top:18.5%; padding-bottom:18.5%;}
.padding-nineteen-tb {padding-top:19%; padding-bottom:19%;}
.padding-nineteen-half-tb {padding-top:19.5%; padding-bottom:19.5%;}
.padding-twenty-tb {padding-top:20%; padding-bottom:20%;}
.padding-twenty-half-tb {padding-top:20.5%; padding-bottom:20%;}
.padding-twenty-one-tb {padding-top:21%; padding-bottom:21%;}
.padding-twenty-one-half-tb {padding-top:21.5%; padding-bottom:21.5%;}
.padding-twenty-two-tb {padding-top:22%; padding-bottom:22%;}
.padding-twenty-two-half-tb {padding-top:22.5%; padding-bottom:22.5%;}
.padding-twenty-three-tb {padding-top:23%; padding-bottom:23%;}
.padding-twenty-three-half-tb {padding-top:23.5%; padding-bottom:23.5%;}
.padding-twenty-four-tb {padding-top:24%; padding-bottom:24%;}
.padding-twenty-four-half-tb {padding-top:24.5%; padding-bottom:24.5%;}
.padding-twenty-five-tb {padding-top:25%; padding-bottom:25%;}
.padding-thirty-tb {padding-top:30%; padding-bottom:30%;}
.padding-5px-tb {padding-top:5px; padding-bottom:5px;}
.padding-10px-tb {padding-top:10px; padding-bottom:10px;}
.padding-15px-tb {padding-top:15px; padding-bottom:15px;}
.padding-20px-tb {padding-top:20px; padding-bottom:20px;}
.padding-25px-tb {padding-top:25px; padding-bottom:25px;}
.padding-30px-tb {padding-top:30px; padding-bottom:30px;}
.padding-35px-tb {padding-top:35px; padding-bottom:35px;}
.padding-40px-tb {padding-top:40px; padding-bottom:40px;}
.padding-45px-tb {padding-top:45px; padding-bottom:45px;}
.padding-50px-tb {padding-top:50px; padding-bottom:50px;}
.padding-55px-tb {padding-top:55px; padding-bottom:55px;}
.padding-60px-tb {padding-top:60px; padding-bottom:60px;}
.padding-65px-tb {padding-top:65px; padding-bottom:65px;}
.padding-70px-tb {padding-top:70px; padding-bottom:70px;}
.padding-75px-tb {padding-top:75px; padding-bottom:75px;}
.padding-80px-tb {padding-top:80px; padding-bottom:80px;}
.padding-85px-tb {padding-top:85px; padding-bottom:85px;}
.padding-90px-tb {padding-top:90px; padding-bottom:90px;}
.padding-95px-tb {padding-top:95px; padding-bottom:95px;}
.padding-100px-tb {padding-top:100px; padding-bottom:100px;}

/* padding left and right */
.padding-half-lr {padding-left:.5%; padding-right:.5%;}
.padding-one-lr {padding-left:1%; padding-right:1%;}
.padding-one-half-lr {padding-left:1.5%; padding-right:1.5%;}
.padding-two-lr {padding-left:2%; padding-right:2%;}
.padding-two-half-lr {padding-left:2.5%; padding-right:2.5%;}
.padding-three-lr {padding-left:3%; padding-right:3%;}
.padding-three-half-lr {padding-left:3.5%; padding-right:3.5%;}
.padding-four-lr {padding-left:4%; padding-right:4%;}
.padding-four-half-lr {padding-left:4.5%; padding-right:4.5%;}
.padding-five-lr {padding-left:5%; padding-right:5%;}
.padding-five-half-lr {padding-left:5.5%; padding-right:5.5%;}
.padding-six-lr {padding-left:6%; padding-right:6%;}
.padding-six-half-lr {padding-left:6.5%; padding-right:6.5%;}
.padding-seven-lr {padding-left:7%; padding-right:7%;}
.padding-seven-half-lr {padding-left:7.5%; padding-right:7.5%;}
.padding-eight-lr {padding-left:8%; padding-right:8%;}
.padding-eight-half-lr {padding-left:8.5%; padding-right:8.5%;}
.padding-nine-lr {padding-left:9%; padding-right:9%;}
.padding-nine-half-lr {padding-left:9.5%; padding-right:9.5%;}
.padding-ten-lr {padding-left:10%; padding-right:10%;}
.padding-ten-half-lr {padding-left:10.5%; padding-right:10.5%;}
.padding-eleven-lr {padding-left:11%; padding-right:11%;}
.padding-eleven-half-lr {padding-left:11.5%; padding-right:11.5%;}
.padding-twelve-lr {padding-left:12%; padding-right:12%;}
.padding-twelve-half-lr {padding-left:12.5%; padding-right:12.5%;}
.padding-thirteen-lr {padding-left:13%; padding-right:13%;}
.padding-thirteen-half-lr {padding-left:13.5%; padding-right:13.5%;}
.padding-fourteen-lr {padding-left:14%; padding-right:14%;}
.padding-fourteen-half-lr {padding-left:14.5%; padding-right:14.5%;}
.padding-fifteen-lr {padding-left:15%; padding-right:15%;}
.padding-fifteen-half-lr {padding-left:15.5%; padding-right:15.5%;}
.padding-sixteen-lr {padding-left:16%; padding-right:16%;}
.padding-sixteen-half-lr {padding-left:16.5%; padding-right:16.5%;}
.padding-seventeen-lr {padding-left:17%; padding-right:17%;}
.padding-seventeen-half-lr {padding-left:17.5%; padding-right:17.5%;}
.padding-eighteen-lr {padding-left:18%; padding-right:18%;}
.padding-eighteen-half-lr {padding-left:18.5%; padding-right:18.5%;}
.padding-nineteen-lr {padding-left:19%; padding-right:19%;}
.padding-nineteen-half-lr {padding-left:19.5%; padding-right:19.5%;}
.padding-twenty-lr {padding-left:20%; padding-right:20%;}
.padding-twenty-half-lr {padding-left:20.5%; padding-right:20.5%;}
.padding-twenty-one-lr {padding-left:21%; padding-right:21%;}
.padding-twenty-one-half-lr {padding-left:21.5%; padding-right:21.5%;}
.padding-twenty-two-lr {padding-left:22%; padding-right:22%;}
.padding-twenty-two-half-lr {padding-left:22.5%; padding-right:22.5%;}
.padding-twenty-three-lr {padding-left:23%; padding-right:23%;}
.padding-twenty-three-half-lr {padding-left:23.5%; padding-right:23.5%;}
.padding-twenty-four-lr {padding-left:24%; padding-right:24%;}
.padding-twenty-four-half-lr {padding-left:24.5%; padding-right:24.5%;}
.padding-twenty-five-lr {padding-left:25%; padding-right:25%;}
.padding-5px-lr {padding-left:5px; padding-right:5px;}
.padding-10px-lr {padding-left:10px; padding-right:10px;}
.padding-15px-lr {padding-left:15px; padding-right:15px;}
.padding-20px-lr {padding-left:20px; padding-right:20px;}
.padding-25px-lr {padding-left:25px; padding-right:25px;}
.padding-30px-lr {padding-left:30px; padding-right:30px;}
.padding-35px-lr {padding-left:35px; padding-right:35px;}
.padding-40px-lr {padding-left:40px; padding-right:40px;}
.padding-45px-lr {padding-left:45px; padding-right:45px;}
.padding-50px-lr {padding-left:50px; padding-right:50px;}
.padding-55px-lr {padding-left:55px; padding-right:55px;}
.padding-60px-lr {padding-left:60px; padding-right:60px;}
.padding-65px-lr {padding-left:65px; padding-right:65px;}
.padding-70px-lr {padding-left:70px; padding-right:70px;}
.padding-75px-lr {padding-left:75px; padding-right:75px;}
.padding-80px-lr {padding-left:80px; padding-right:80px;}
.padding-85px-lr {padding-left:85px; padding-right:85px;}
.padding-90px-lr {padding-left:90px; padding-right:90px;}
.padding-95px-lr {padding-left:95px; padding-right:95px;}
.padding-100px-lr {padding-left:100px; padding-right:100px;}

/* ==============================
    13. Display and float
================================ */

.d-initial {display: initial !important;}
.overflow-hidden {overflow:hidden !important;}
.overflow-visible {overflow:visible !important;}
.overflow-auto {overflow:auto !important;}

/* ============================== 
    14. Position
================================ */

.position-inherit {position:inherit !important}

/* top */
.top-auto {top:auto}
.top-inherit {top: inherit !important;}
.top-0 {top:0 !important;}
.top-1 {top:1px}
.top-2 {top:2px}
.top-3 {top:3px}
.top-4 {top:4px}
.top-5 {top:5px}
.top-6 {top:6px}
.top-7 {top:7px}
.top-8 {top:8px}
.top-9 {top:9px}
.top-10 {top:10px}
.top-15 {top:15px}
.top-20 {top:20px}
.top-25 {top:25px}
.top-30 {top:30px}
.top-35 {top:35px}
.top-40 {top:40px}
.top-45 {top:45px}
.top-50 {top:50px}

.top-minus1 {top:-1px}
.top-minus2 {top:-2px}
.top-minus3 {top:-3px}
.top-minus4 {top:-4px}
.top-minus5 {top:-5px}
.top-minus6 {top:-6px}
.top-minus7 {top:-7px}
.top-minus8 {top:-8px}
.top-minus9 {top:-9px}
.top-minus10 {top:-10px}
.top-minus15 {top:-15px}
.top-minus20 {top:-20px}
.top-minus25 {top:-25px}
.top-minus30 {top:-30px}
.top-minus35 {top:-35px}
.top-minus40 {top:-40px}

/* bottom */
.bottom-auto {bottom:auto}
.bottom-0 {bottom:0}
.bottom-1 {bottom:1px}
.bottom-2 {bottom:2px}
.bottom-3 {bottom:3px}
.bottom-4 {bottom:4px}
.bottom-5 {bottom:5px}
.bottom-6 {bottom:6px}
.bottom-7 {bottom:7px}
.bottom-8 {bottom:8px}
.bottom-9 {bottom:9px}
.bottom-10 {bottom:10px}
.bottom-15 {bottom:15px}
.bottom-20 {bottom:20px}
.bottom-25 {bottom:25px}
.bottom-30 {bottom:30px}
.bottom-35 {bottom:35px}
.bottom-40 {bottom:40px}
.bottom-45 {bottom:45px}
.bottom-50 {bottom:50px !important}

/* left */
.left-auto {left:auto}
.left-0 {left:0}
.left-1 {left:1px}
.left-2 {left:2px}
.left-3 {left:3px}
.left-4 {left:4px}
.left-5 {left:5px}
.left-6 {left:6px}
.left-7 {left:7px}
.left-8 {left:8px}
.left-9 {left:9px}
.left-10 {left:10px}
.left-15 {left:15px}
.left-20 {left:20px}
.left-25 {left:25px}
.left-30 {left:30px}
.left-35 {left:35px}
.left-40 {left:40px}
.left-45 {left:45px}
.left-50 {left:50px}

/* right */
.right-auto {right:auto}
.right-0 {right:0}
.right-1 {right:1px}
.right-2 {right:2px}
.right-3 {right:3px}
.right-4 {right:4px}
.right-5 {right:5px}
.right-6 {right:6px}
.right-7 {right:7px}
.right-8 {right:8px}
.right-9 {right:9px}
.right-10 {right:10px}

/* ================================
    15. Width
================================ */

.w-1px {width:1px;}
.w-2px {width:2px;}
.w-3px {width:3px;}
.w-4px {width:4px;}
.w-5px {width:5px;}
.w-6px {width:6px;}
.w-7px {width:7px;}
.w-8px {width:8px;}
.w-9px {width:9px;}
.w-10px {width:10px;}
.w-15px {width:15px;}
.w-20px {width:20px;}
.w-25px {width:25px;}
.w-30px {width:30px;}
.w-35px {width:35px;}
.w-40px {width:40px;}
.w-50px {width:50px;}
.w-55px {width:55px;}
.w-60px {width:60px;}
.w-65px {width:65px;}
.w-70px {width:70px;}
.w-75px {width:75px;}
.w-80px {width:80px;}
.w-85px {width:85px;}
.w-90px {width:90px;}
.w-100px {width:100px;}
.w-110px {width:110px;}
.w-120px {width:120px;}
.w-130px {width:130px;}
.w-150px {width:150px;}
.w-180px {width:180px;}
.w-200px {width:200px;}
.w-250px {width:250px;}
.w-300px {width:300px;}
.w-350px {width:350px;}
.w-400px {width:400px;}
.w-450px {width:450px;}
.w-500px {width:500px;}
.w-550px {width:550px;}
.w-600px {width:600px;}
.w-650px {width:650px;}
.w-700px {width:700px;}
.w-750px {width:750px;}
.w-800px {width:800px;}
.w-850px {width:850px;}
.w-900px {width:900px;}
.w-950px {width:950px;}
.w-1000px {width:1000px;}

.w-10 {width:10%;}
.w-12 {width:12%;}
.w-15 {width:15%;}
.w-20 {width:20%;}
.w-25 {width:25%;}
.w-30 {width:30%;}
.w-35 {width:35%;}
.w-40 {width:40%;}
.w-45 {width:45%;}
.w-50 {width:50%;}
.w-55 {width:55%;}
.w-60 {width:60%;}
.w-65 {width:65%;}
.w-70 {width:70%;}
.w-75 {width:75%;}
.w-80 {width:80%;}
.w-85 {width:85%;}
.w-90 {width:90%;}
.w-95 {width:95%;}
.w-100 {width:100%;}
.w-auto {width: auto}

/* ================================ 
    16. Height
================================ */

.h-1px {height: 1px}
.h-2px {height: 2px}
.h-3px {height: 3px}
.h-4px {height: 4px}
.h-5px {height: 5px}
.h-6px {height: 6px}
.h-7px {height: 7px}
.h-8px {height: 8px}
.h-9px {height: 9px}
.h-10px {height: 10px}
.h-80px {height: 80px}
.h-90px {height: 90px}
.h-100px {height: 100px}
.h-130px {height: 130px}
.h-150px {height: 150px}
.h-200px {height: 200px}
.h-250px {height: 250px}
.h-300px {height: 300px}
.h-350px {height: 350px}
.h-400px {height: 400px}
.h-450px {height: 450px}
.h-500px {height: 500px}
.h-550px {height: 550px}
.h-600px {height: 600px}
.h-650px {height: 650px}
.h-700px {height: 700px}
.h-750px {height: 750px}
.h-800px {height: 800px}
.h-850px {height: 850px}

.max-h-100 {max-height: 100%}
.full-screen {height: 980px;}
.minheight-fullscreen {min-height: 100vh}

/* min-height */
.min-h-100px {min-height: 100px}
.min-h-200px {min-height: 200px}
.min-h-300px {min-height: 300px}
.min-h-400px {min-height: 400px}
.min-h-500px {min-height: 500px}
.min-h-600px {min-height: 600px}
.min-h-700px {min-height: 700px}

/* screen height  */
.extra-small-screen {height:300px;}
.small-screen {height:400px;}
.one-second-screen {height:600px;}
.one-third-screen {height:700px;}
.one-fourth-screen {height:800px;}
.one-fifth-screen {height:900px;}
.one-sixth-screen {height:887px;}



/* ===================================
   25. Blog
====================================== */
.blog-grid .grid-item a {position: relative; z-index: 11;}
.blog-image a > img {width: 100%}

/* blockquote */
blockquote {padding: 20px 30px}
blockquote  p {font-size: 18px; line-height: 30px; margin-bottom: 17px !important; font-weight: 300}
blockquote {border-left: 2px solid #f47044; padding: 15px 40px; margin: 45px 0}
blockquote footer {color: #939393;}
blockquote .small:before, blockquote footer:before, blockquote small:before {content: '\2014 \00A0';}
.blog-image blockquote {padding: 60px; border: 0; margin: 0;}
.blog-image blockquote h6:before {content:"\e67f"; font-family:'themify'; font-size: 40px; top:5px; position: relative; margin-right: 12px; color: var(--base-color);}


/* blog post style 1 */
.blog-post.blog-post-style1 .blog-post-images {background: #232323}
.blog-post.blog-post-style1 .blog-post-images img {width: 100%;}
.blog-post.blog-post-style1:hover .blog-post-images img {opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}

/* blog post style 2 */
.blog-post.blog-post-style2 .author img{width: 30px; display: inline-block; vertical-align: middle;}
.blog-post.blog-post-style2 .author span{max-width: calc(100% - 40px); vertical-align: middle; display: inline-block;}

/* blog post style 3 */
.blog-post-style3 .grid-item .blog-post * {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s;}
.blog-post-style3 .grid-item .blog-post .author img {width: 25px;}
.blog-post-style3 .grid-item .blog-post .blog-post-images a {display: block;}
.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon {position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; text-align: center; opacity: 0;}
.blog-post-style3 .grid-item .blog-post:hover .blog-post-images .blog-hover-icon {opacity: 1}
.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon span {top: 35%; position: relative; font-size: 48px; color: #fff; opacity: 0}
.blog-post-style3 .grid-item .blog-post:hover .blog-post-images .blog-hover-icon span {top: 40%; opacity: 1;}

/* blog post style 4 */
.blog-post-style4 .blog-grid .grid-item figure {position: relative; overflow: hidden;}
.blog-post-style4 figure {position: relative;}
.blog-post-style4 figure figcaption {padding: 45px; bottom: 0px; position: absolute; background: rgba(0,0,0,.85); width: 100%; transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -ms-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s;}
.blog-post-style4 .grid-item figure figcaption p {margin-bottom:0; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; display: none}
.blog-post-style4 .blog-grid .grid-item .blog-img img {cursor: pointer; display: block; width: 100%; opacity: .9; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.blog-post-style4 .blog-grid .grid-item:hover .blog-img img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); opacity: .5; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.blog-post-style4 .blog-grid a {position: relative; z-index:auto;}
.container .blog-post-style4 figure figcaption {padding: 32px;}

/* blog post style 5 */
.blog-post-style5 .blog-post .blog-post-images {height: 100%; position: relative}
.blog-post-style5 .blog-post .blog-categories {position: absolute; bottom:0; left: 0; z-index: 25; padding: 10px 20px 8px}

/* blog post style 6 */
.blog-post-style6:hover {background-color: #fff;}
.blog-post-style6:hover .text-white-2 {color: #000 !important}
.blog-post-style6:hover .author:before {background-color: #000 !important}
.blog-post-style6 .author:before {width: 100px; height: 1px; background-color: #fff; opacity: 0.25; position: absolute; top: 0; left: 0; display: inline-block; content: ""}

/* blog post style 7 */
.blog-post-style7:hover {background-color: #1c1c1c !important; color: #fff}
.blog-post-style7:hover a {color: #fff}
.blog-post-style7:hover .author:before {background-color: #fff; opacity: 0.8;}
.blog-post-style7 .author:before {width: 100px; height: 1px; background-color: #939393 !important; opacity: 0.25; position: absolute; top: 0; left: 0; display: inline-block; content: ""}

/* pagination */
.pagination {border-radius: 0; padding: 0; margin: 0}
.pagination ul {display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; padding: 0;}
.pagination li {display: inline;}
.pagination a {float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; background: #fff}
.pagination a:hover {background-color: #232323; color: #fff}
.pagination .active a {background-color: #f5f5f5;}
.pagination .active a {color: #434343999; cursor: default;}
.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {color: #434343999; background-color: transparent; cursor: default;}
.pagination li:first-child a {border-left-width: 1px;}
.pagination-centered {text-align: center;}
.pagination-right {text-align: right;}

/* blog details page */
/* author */
.about-author-img {float: left; max-width: 100px; margin-right: 35px; margin-bottom: 15px;}
.about-author-text {top: -5px}
.author-sharing a {margin-right: 15px; color: #737373}
.author-sharing a:hover {color: #000}
.alignnone {margin: 5px 30px 40px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 30px 40px;}
.alignleft {float: left; margin: 5px 40px 30px 0;}
a img.alignright {float: right; margin: 5px 0 40px 30px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {background: #f7f7f7; padding:17px; text-align: center; border: 1px solid rgba(0,0,0,.1); max-width: 50%;}
.wp-caption figcaption {padding: 18px 25px 0 25px;}
.wp-caption img {width: 100%}
.wp-caption.alignnone {margin: 5px 30px 40px 0;}
.wp-caption.alignleft {margin: 5px 40px 30px 0;}
.wp-caption.alignright {margin: 5px 0 40px 30px;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 1}

/* list style 6 */
.blog-comment {list-style: none; margin: 0; padding: 0;}
.blog-comment li {padding: 50px 0; border-bottom: 1px solid #ededed; position: relative}
.blog-comment li .btn-reply {float: right; border: 1px solid #ededed; padding: 0 8px; font-size: 10px; font-weight: 600; position: relative;}
.blog-comment > li:first-child {padding-top: 0}
.blog-comment li:last-child {border-bottom: none; padding-bottom: 0}
.blog-comment li ul.child-comment {margin-left: 40px; list-style: none}
.blog-comment li ul.child-comment li {border: none; padding-bottom: 0; border-top: 1px solid #ededed; margin-top: 50px}




/* ===================================
    22. Grid
====================================== */

.blog-content, .blog-wrapper, .blog-wrapper .grid-item, .blog-wrapper .grid-sizer {transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; -ms-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; -ms-transition-duration: 0s;}

/* grid loading */
@keyframes spin { to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
.grid-loading, .grid-loading-white {overflow: hidden; position: relative; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99;}
.grid-loading::after, .grid-loading-white::after {background: none; content: "" !important; position: absolute; top: 100px !important; left: calc(50% - 25px) !important; width: 50px !important; height: 50px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 3px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite;}
.grid-loading:before {content: ""; position: absolute; right: 2px; top: 1px; width: calc(100% - 4px); height: calc(100% - 2px); border-radius: inherit; z-index: 1;}
.grid-loading .grid-item, .grid-loading-white .grid-item {visibility: hidden;}
.grid-loading li.grid-item, .grid-loading-white li.grid-item {overflow: hidden;}
.grid-loading-white::after {background: none; content: "" !important; border: 3px solid rgba(255, 255, 255, 0.2); border-top-color: rgba(255, 255, 255, 0.7);}

.blog-post-images img, .portfolio-image img {width: 100%;}
.grid {list-style: none; padding: 0; margin: 0;}
.grid-sizer {padding: 0 !important; margin: 0 !important;}

/* gutter size */
.grid.gutter-very-small li {padding: 3px 3px;}
.grid.gutter-small li {padding:5px 5px;}
.grid.gutter-medium li {padding:7px 7px;}
.grid.gutter-large li {padding:10px 10px;}
.grid.gutter-extra-large li {padding:15px;}
.grid.gutter-double-extra-large li {padding:20px;}
.grid.gutter-triple-extra-large li {padding:30px;}

/* grid 6 column */
.grid.grid-6col li {width: 16.67%; list-style: none;}
.grid.grid-6col li.grid-item-double {width: 33.33%;}

/* grid 5 column */
.grid.grid-5col li {width: 20%; list-style: none;}
.grid.grid-5col li.grid-item-double {width: 40%;}

/* grid 4 column */
.grid.grid-4col li {width: 25%; list-style: none;}
.grid.grid-4col li.grid-item-double {width: 50%;}

/* grid 3 column */
.grid.grid-3col li {width: 33.33%; float: left; list-style: none;}
.grid.grid-3col li.grid-item-double {width: 66.67%;}

/* grid 2 column */
.grid.grid-2col li {width: 50%; list-style: none;}
.grid.grid-2col li.grid-item-double {width: 100%;}

/* grid 1 column */
.grid.grid-1col li {width: 100%;  list-style: none;}

/* grid filter */
.grid-filter li {display: inline-block; float: none; padding: 0 20px; border: 0; position: relative;}
.grid-filter li:first-child {padding-left: 0;}
.grid-filter li:last-child {padding-right: 0;}
.grid-filter li a {border: 0; border-bottom: 1px solid; border-color: transparent; color:#828282; padding-bottom: 2px;}
.grid-filter > li.active > a, .grid-filter > li.active > a:focus, .grid-filter > li.active > a:hover, .grid-filter > li > a:hover {border: 0; color: inherit; border-bottom: 1px solid; color: #232323}


/*------------------------------------------------------*/
/*---------------------- 19. PORTFOLIO MASONRY ----------------------*/
.grid .social-list,
.masonry .social-list {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: right; }
  .grid .social-list li:last-of-type,
  .masonry .social-list li:last-of-type {
    margin-right: 0; }
.grid .col-4,
.masonry .col-4 {
  width: calc(25% - 90px / 4); }
.grid .col-3,
.masonry .col-3 {
  width: calc(100% / 3 - 20px); }
.grid .col-6,
.masonry .col-6 {
  width: calc(50% - 15px); }
.grid .caption,
.masonry .caption {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
    -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-family: "Fahkwang", sans-serif;
  font-size: 18px;
  letter-spacing: 1px; }
.grid .single-pagination,
.masonry .single-pagination {
  margin-bottom: 0; }

.masonry .gallery-item {
  overflow: hidden;
  text-decoration: none;
  margin-bottom: 30px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
 }
.masonry .gallery-item:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
 }
  .masonry .gallery-item.default:hover .caption {
    top: 0; }
  .masonry .gallery-item.default .caption {
    top: 100%;
    transition: top .35s ease; }

.grid .caption {
  pointer-events: none; }
.grid .gallery-item-wrap {
  overflow: hidden;
  text-decoration: none;
  margin-bottom: 30px; }
  .grid .gallery-item-wrap a {
    position: relative;
    display: block;
    margin-bottom: 0; }
  .grid .gallery-item-wrap.default:hover .caption {
    top: 0; }
  .grid .gallery-item-wrap.default .caption {
    top: 100%;
    transition: top .35s ease; }
.grid .s-back-switch {
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
.grid .col-6 .gallery-item {
  min-height: 500px; }
.grid .col-3 .gallery-item,
.grid .col-4 .gallery-item {
  min-height: 300px; }

@media only screen and (max-width: 991px) {
  .grid .col-4,
  .masonry .col-4 {
    width: calc(50% - 15px); } }
@media only screen and (max-width: 768px) {
  .grid .gallery-item,
  .masonry .gallery-item {
    margin-bottom: 15px; }
  .grid .col-6,
  .grid .col-4,
  .grid .col-3,
  .masonry .col-6,
  .masonry .col-4,
  .masonry .col-3 {
    width: 100%; }
  .grid .caption,
  .masonry .caption {
    font-size: 24px; }
  .grid .social-list,
  .masonry .social-list {
    text-align: center; }

  .grid .col-6 .gallery-item {
    min-height: 300px; } }
/*Hover 1 - Zoom out*/
.masonry .light-gallery .gallery-item.hover1 img,
.grid .light-gallery .gallery-item.hover1 img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  width: 120%;
  height: 100%;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  left: -10%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.grid .light-gallery .gallery-item.hover1:hover img,
.masonry .light-gallery .gallery-item.hover1:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 2 - Slide*/
.masonry .light-gallery .gallery-item.hover2 img {
  position: relative;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  max-width: none;
  width: 120% !important;
  left: -20%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.masonry .light-gallery .gallery-item.hover2:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  left: 0%;
  width: 120%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.masonry .light-gallery .gallery-item.hover2 img {
  left: -7%; }

/*Hover 3 - Rotate (+ zoom out)*/
.masonry .light-gallery .gallery-item.hover3 img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: rotate(15deg) scale(1.4);
  -ms-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.masonry .light-gallery .gallery-item.hover3:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 4 - Blur*/
.masonry .light-gallery .gallery-item.hover4 img {
  -webkit-filter: grayscale(0%) blur(3px);
  filter: grayscale(0%) blur(3px);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.masonry .light-gallery .gallery-item.hover4:hover img {
  -webkit-filter: grayscale(0%) blur(0px);
  filter: grayscale(0%) blur(0px);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 5 - Greyscale*/
.masonry .light-gallery .gallery-item.hover5 img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.masonry .light-gallery .gallery-item.hover5:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 6 - Sepia*/
.masonry .light-gallery .gallery-item.hover6 img {
  -webkit-filter: sepia(100%) grayscale(0%);
  filter: sepia(100%) grayscale(0%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.masonry .light-gallery .gallery-item.hover6:hover img {
  -webkit-filter: sepia(0%) grayscale(0%);
  filter: sepia(0%) grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 7 - Blur + Greyscale*/
.masonry .light-gallery .gallery-item.hover7 img {
  -webkit-filter: blur(0px) grayscale(0%);
  filter: blur(0px) grayscale(0%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.masonry .light-gallery .gallery-item.hover7:hover img {
  -webkit-filter: blur(3px) grayscale(100%);
  filter: blur(3px) grayscale(100%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 8 - Opacity*/
.masonry .light-gallery .gallery-item.hover8 img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.masonry .light-gallery .gallery-item.hover8:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0.7;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 9 - Shine*/
@-webkit-keyframes shine {
  100% {
    left: 125%; } }
.masonry .light-gallery .gallery-item.hover9 img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.masonry .light-gallery .gallery-item.hover9::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg); }

.masonry .light-gallery .gallery-item.hover9 img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.masonry .light-gallery .gallery-item.hover9:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s; }

/*Hover 1 - Zoom out*/
.grid .light-gallery .gallery-item-wrap.hover1 .gallery-item {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  width: 120%;
  height: 100%;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  left: -10%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.grid .light-gallery .gallery-item-wrap.hover1:hover .gallery-item {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 2 - Slide*/
.grid .light-gallery .gallery-item-wrap.hover2 .gallery-item {
  position: relative;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  max-width: none;
  width: 120% !important;
  left: -20%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.grid .light-gallery .gallery-item-wrap.hover2:hover .gallery-item {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  left: 0%;
  width: 120%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.grid .light-gallery .gallery-item-wrap.hover2 .gallery-item {
  left: -7%; }

/*Hover 3 - Rotate (+ zoom out)*/
.grid .light-gallery .gallery-item-wrap.hover3 .gallery-item {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: rotate(15deg) scale(1.4);
  -ms-transform: rotate(15deg) scale(1.4);
  transform: rotate(15deg) scale(1.4);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.grid .light-gallery .gallery-item-wrap.hover3:hover .gallery-item {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 4 - Blur*/
.grid .light-gallery .gallery-item-wrap.hover4 .gallery-item {
  -webkit-filter: grayscale(0%) blur(3px);
  filter: grayscale(0%) blur(3px);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.grid .light-gallery .gallery-item-wrap.hover4:hover .gallery-item {
  -webkit-filter: grayscale(0%) blur(0px);
  filter: grayscale(0%) blur(0px);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 5 - Greyscale*/
.grid .light-gallery .gallery-item-wrap.hover5 .gallery-item {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.grid .light-gallery .gallery-item-wrap.hover5:hover .gallery-item {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 6 - Sepia*/
.grid .light-gallery .gallery-item-wrap.hover6 .gallery-item {
  -webkit-filter: sepia(100%) grayscale(0%);
  filter: sepia(100%) grayscale(0%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.grid .light-gallery .gallery-item-wrap.hover6:hover .gallery-item {
  -webkit-filter: sepia(0%) grayscale(0%);
  filter: sepia(0%) grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 7 - Blur + Greyscale*/
.grid .light-gallery .gallery-item-wrap.hover7 .gallery-item {
  -webkit-filter: blur(0px) grayscale(0%);
  filter: blur(0px) grayscale(0%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.grid .light-gallery .gallery-item-wrap.hover7:hover .gallery-item {
  -webkit-filter: blur(3px) grayscale(100%);
  filter: blur(3px) grayscale(100%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 8 - Opacity*/
.grid .light-gallery .gallery-item-wrap.hover8 .gallery-item {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.grid .light-gallery .gallery-item-wrap.hover8:hover .gallery-item {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0.7;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

/*Hover 9 - Shine*/
@-webkit-keyframes shine {
  100% {
    left: 125%; } }
.grid .light-gallery .gallery-item-wrap.hover9 .gallery-item {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.grid .light-gallery .gallery-item-wrap.hover9::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg); }

.grid .light-gallery .gallery-item-wrap.hover9 img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.grid .light-gallery .gallery-item-wrap.hover9:hover::before {
  -webkit-animation: shine .75s;
  animation: shine .75s; }

.portfolio-grid .tg-item,
.portfolio-masonry .tg-item {
	opacity: 0;
	transition: opacity 1.5s ease
}

.portfolio-grid.animation .tg-item,
.portfolio-masonry.animation .tg-item {
	opacity: 1
}

.portfolio-grid .tg-item:nth-of-type(1),
.portfolio-masonry .tg-item:nth-of-type(1) {
	transition-delay: 350ms
}

.portfolio-grid .tg-item:nth-of-type(2),
.portfolio-masonry .tg-item:nth-of-type(2) {
	transition-delay: 700ms
}

.portfolio-grid .tg-item:nth-of-type(3),
.portfolio-masonry .tg-item:nth-of-type(3) {
	transition-delay: 1050ms
}

.portfolio-grid .tg-item:nth-of-type(4),
.portfolio-masonry .tg-item:nth-of-type(4) {
	transition-delay: 1400ms
}

.portfolio-grid .tg-item:nth-of-type(5),
.portfolio-masonry .tg-item:nth-of-type(5) {
	transition-delay: 1750ms
}

.portfolio-grid .tg-item:nth-of-type(6),
.portfolio-masonry .tg-item:nth-of-type(6) {
	transition-delay: 2100ms
}

.portfolio-grid .tg-item:nth-of-type(7),
.portfolio-masonry .tg-item:nth-of-type(7) {
	transition-delay: 2450ms
}

.portfolio-grid .tg-item:nth-of-type(8),
.portfolio-masonry .tg-item:nth-of-type(8) {
	transition-delay: 2800ms
}

.portfolio-grid .tg-item:nth-of-type(9),
.portfolio-masonry .tg-item:nth-of-type(9) {
	transition-delay: 3150ms
}

.portfolio-grid .tg-item:nth-of-type(10),
.portfolio-masonry .tg-item:nth-of-type(10) {
	transition-delay: 3500ms
}

.portfolio-grid .tg-item:nth-of-type(11),
.portfolio-masonry .tg-item:nth-of-type(11) {
	transition-delay: 3850ms
}

.portfolio-grid .tg-item:nth-of-type(12),
.portfolio-masonry .tg-item:nth-of-type(12) {
	transition-delay: 4200ms
}

.portfolio-grid .tg-item:nth-of-type(13),
.portfolio-masonry .tg-item:nth-of-type(13) {
	transition-delay: 4550ms
}

.portfolio-grid .tg-item:nth-of-type(14),
.portfolio-masonry .tg-item:nth-of-type(14) {
	transition-delay: 4900ms
}

.portfolio-grid .tg-item:nth-of-type(15),
.portfolio-masonry .tg-item:nth-of-type(15) {
	transition-delay: 5250ms
}

.portfolio-grid .tg-item:nth-of-type(16),
.portfolio-masonry .tg-item:nth-of-type(16) {
	transition-delay: 5600ms
}

.portfolio-grid .tg-item:nth-of-type(17),
.portfolio-masonry .tg-item:nth-of-type(17) {
	transition-delay: 5950ms
}

.portfolio-grid .tg-item:nth-of-type(18),
.portfolio-masonry .tg-item:nth-of-type(18) {
	transition-delay: 6300ms
}

.portfolio-grid .tg-item:nth-of-type(19),
.portfolio-masonry .tg-item:nth-of-type(19) {
	transition-delay: 6650ms
}

.portfolio-grid .tg-item:nth-of-type(20),
.portfolio-masonry .tg-item:nth-of-type(20) {
	transition-delay: 7000ms
}

.portfolio-grid .tg-item:nth-of-type(21),
.portfolio-masonry .tg-item:nth-of-type(21) {
	transition-delay: 7350ms
}

.portfolio-grid .tg-item:nth-of-type(22),
.portfolio-masonry .tg-item:nth-of-type(22) {
	transition-delay: 7700ms
}

.portfolio-grid .tg-item:nth-of-type(23),
.portfolio-masonry .tg-item:nth-of-type(23) {
	transition-delay: 8050ms
}

.portfolio-grid .tg-item:nth-of-type(24),
.portfolio-masonry .tg-item:nth-of-type(24) {
	transition-delay: 8400ms
}

.portfolio-grid .tg-item:nth-of-type(25),
.portfolio-masonry .tg-item:nth-of-type(25) {
	transition-delay: 8750ms
}

.portfolio-grid .tg-item:nth-of-type(26),
.portfolio-masonry .tg-item:nth-of-type(26) {
	transition-delay: 9100ms
}

.portfolio-grid .tg-item:nth-of-type(27),
.portfolio-masonry .tg-item:nth-of-type(27) {
	transition-delay: 9450ms
}

.portfolio-grid .tg-item:nth-of-type(28),
.portfolio-masonry .tg-item:nth-of-type(28) {
	transition-delay: 9800ms
}

.portfolio-grid .tg-item:nth-of-type(29),
.portfolio-masonry .tg-item:nth-of-type(29) {
	transition-delay: 10150ms
}

.portfolio-grid .tg-item:nth-of-type(30),
.portfolio-masonry .tg-item:nth-of-type(30) {
	transition-delay: 10500ms
}

.main-wrapper img {
	max-width: 100%;
	height: auto
}

/* ======= Promo Video style ======= */


/* play button */

.vid-area h5 {
    font-size: 27px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}

.play-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
}

.play-button svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.circle-fill circle {
    opacity: 1;
    fill: rgba(174, 140, 100, 0.7);
}

.polygon {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 90px;
    font-size: 35px;
    z-index: 2;
}

.play-button svg.circle-fill {
    z-index: 1;
    stroke-dasharray: 322;
    stroke-dashoffset: 322;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.play-button:hover svg.circle-fill {
    stroke-dashoffset: 38.5;
}

.play-button svg.circle-track {
    z-index: 0;
}

.play-button.color {
    color: #14100c;
}

.play-button.color .circle-fill circle {
    fill: #14100c;
}


/* video section */

.video-wrapper {
    background-position: center;
}

.video-wrapper .vid {
    position: relative;
    z-index: 8;
}

.video-wrapper .vid .vid-butn:hover .icon {
    color: #91765a;
    border: 2px solid #91765a;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.video-wrapper .vid .vid-butn .icon {
    color: #fff;
    width: 90px;
    height: 90px;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 90px;
    text-align: center;
    font-size: 40px;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


/* video gallery */

.video-gallery-button {
    position: relative;
    margin: auto;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 4;
    margin-left: 15px;
    float: right;
}

.video-gallery-polygon {
    z-index: 2;
    padding-left: 5px;
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: #f00;
    border-radius: 50%;
    border: 1px solid #f00;
    color: #fff;
    padding: 12px 11px 12px 13px;
    line-height: 0;
}

.video-gallery-polygon:hover {
    background: #da271b;
    border: 1px solid #fff;
    color: #fff;
}



/* ======= Gallery style ======= */

.gallery-item {
    position: relative;
    padding-top: 20px;
}

.gallery-box {
    overflow: hidden;
    position: relative;
}

.gallery-box .gallery-img {
    position: relative;
    overflow: hidden;
}

.gallery-box .gallery-img:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0px;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}

.gallery-box .gallery-img > img {
    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    border-radius: 0;
}

.gallery-box .gallery-detail {
    opacity: 0;
    color: #FFF;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    overflow: hidden;
    transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1);
}

.gallery-box .gallery-detail h4 {
    font-size: 18px;
}

.gallery-box .gallery-detail p {
    color: Rgba(0, 0, 0, 0.4);
    font-size: 12px;
}

.gallery-box .gallery-detail i {
    color: #14100c;
    padding: 8px;
}

.gallery-box .gallery-detail i:hover {
    color: #14100c;
}

.gallery-box:hover .gallery-detail {
    top: 50%;
    transform: translate(0, -50%);
    opacity: 1;
}

.gallery-box:hover .gallery-img:after {
    background: rgba(0, 0, 0, 0.2);
}

.gallery-box:hover .gallery-img > img {
    transform: scale(1.05);
}
/* text size */
.text-extra-small {font-size:11px; line-height:14px}
.text-small {font-size:12px; line-height:20px}
.text-medium {font-size:16px; line-height:23px}
.text-large {font-size:18px; line-height:26px}
.text-extra-large {font-size: 20px; line-height:26px}
.title-large {font-size: 100px; line-height:95px}
.title-extra-large {font-size: 130px; line-height:120px}

/* text color */
.text-white-2, .btn.text-white-2 {color:#FFF}
.text-black, .btn.text-black {color:#000}
.text-extra-dark-gray, .btn.text-extra-dark-gray {color:#232323}
.text-dark-gray, .btn.text-dark-gray {color:#626262}
.text-extra-medium-gray, .btn.text-extra-medium-gray {color:#757575}
.text-medium-gray, .btn.text-medium-gray {color:#939393}
.text-extra-light-gray, .btn.text-extra-light-gray {color:#b7b7b7}
.text-light-gray, .btn.text-light-gray {color:#d6d5d5}
.text-very-light-gray, .btn.text-very-light-gray {color:#ededed}
.text-deep-pink, .btn.text-deep-pink {color: var(--base-color)}

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


/* ===================================
   25. Blog
====================================== */
.blog-grid .grid-item a {position: relative; z-index: 11;}
.blog-image a > img {width: 100%}

/* blog post style 1 */
.blog-post.blog-post-style1 .blog-post-images {background: #232323}
.blog-post.blog-post-style1 .blog-post-images img {width: 100%;}
.blog-post.blog-post-style1:hover .blog-post-images img {opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}

/* blog post style 2 */
.blog-post.blog-post-style2 .author img{width: 30px; display: inline-block; vertical-align: middle;}
.blog-post.blog-post-style2 .author span{max-width: calc(100% - 40px); vertical-align: middle; display: inline-block;}

/* blog post style 3 */
.blog-post-style3 .grid-item .blog-post * {transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s;}
.blog-post-style3 .grid-item .blog-post .author img {width: 25px;}
.blog-post-style3 .grid-item .blog-post .blog-post-images a {display: block;}
.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon {position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; text-align: center; opacity: 0;}
.blog-post-style3 .grid-item .blog-post:hover .blog-post-images .blog-hover-icon {opacity: 1}
.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon span {top: 35%; position: relative; font-size: 48px; color: #fff; opacity: 0}
.blog-post-style3 .grid-item .blog-post:hover .blog-post-images .blog-hover-icon span {top: 40%; opacity: 1;}

/* blog post style 4 */
.blog-post-style4 .blog-grid .grid-item figure {position: relative; overflow: hidden;}
.blog-post-style4 figure {position: relative;}
.blog-post-style4 figure figcaption {padding: 45px; bottom: 0px; position: absolute; background: rgba(0,0,0,.85); width: 100%; transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -ms-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s;}
.blog-post-style4 .grid-item figure figcaption p {margin-bottom:0; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; display: none}
.blog-post-style4 .blog-grid .grid-item .blog-img img {cursor: pointer; display: block; width: 100%; opacity: .9; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.blog-post-style4 .blog-grid .grid-item:hover .blog-img img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); opacity: .5; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.blog-post-style4 .blog-grid a {position: relative; z-index:auto;}
.container .blog-post-style4 figure figcaption {padding: 32px;}

/* blog post style 5 */
.blog-post-style5 .blog-post .blog-post-images {height: 100%; position: relative}
.blog-post-style5 .blog-post .blog-categories {position: absolute; bottom:0; left: 0; z-index: 25; padding: 10px 20px 8px}

/* blog post style 6 */
.blog-post-style6:hover {background-color: #fff;}
.blog-post-style6:hover .text-white-2 {color: #000 !important}
.blog-post-style6:hover .author:before {background-color: #000 !important}
.blog-post-style6 .author:before {width: 100px; height: 1px; background-color: #fff; opacity: 0.25; position: absolute; top: 0; left: 0; display: inline-block; content: ""}

/* blog post style 7 */
.blog-post-style7:hover {background-color: #1c1c1c !important; color: #fff}
.blog-post-style7:hover a {color: #fff}
.blog-post-style7:hover .author:before {background-color: #fff; opacity: 0.8;}
.blog-post-style7 .author:before {width: 100px; height: 1px; background-color: #939393 !important; opacity: 0.25; position: absolute; top: 0; left: 0; display: inline-block; content: ""}

/* pagination */
.pagination {border-radius: 0; padding: 0; margin: 0}
.pagination ul {display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; padding: 0;}
.pagination li {display: inline;}
.pagination a {float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; background: #fff}
.pagination a:hover {background-color: #232323; color: #fff}
.pagination .active a {background-color: #f5f5f5;}
.pagination .active a {color: #434343999; cursor: default;}
.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {color: #434343999; background-color: transparent; cursor: default;}
.pagination li:first-child a {border-left-width: 1px;}
.pagination-centered {text-align: center;}
.pagination-right {text-align: right;}

/* blog details page */
/* author */
.about-author-img {float: left; max-width: 100px; margin-right: 35px; margin-bottom: 15px;}
.about-author-text {top: -5px}
.author-sharing a {margin-right: 15px; color: #737373}
.author-sharing a:hover {color: #000}
.alignnone {margin: 5px 30px 40px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 30px 40px;}
.alignleft {float: left; margin: 5px 40px 30px 0;}
a img.alignright {float: right; margin: 5px 0 40px 30px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {background: #f7f7f7; padding:17px; text-align: center; border: 1px solid rgba(0,0,0,.1); max-width: 50%;}
.wp-caption figcaption {padding: 18px 25px 0 25px;}
.wp-caption img {width: 100%}
.wp-caption.alignnone {margin: 5px 30px 40px 0;}
.wp-caption.alignleft {margin: 5px 40px 30px 0;}
.wp-caption.alignright {margin: 5px 0 40px 30px;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 1}

/* list style 6 */
.blog-comment {list-style: none; margin: 0; padding: 0;}
.blog-comment li {padding: 50px 0; border-bottom: 1px solid #ededed; position: relative}
.blog-comment li .btn-reply {float: right; border: 1px solid #ededed; padding: 0 8px; font-size: 10px; font-weight: 600; position: relative;}
.blog-comment > li:first-child {padding-top: 0}
.blog-comment li:last-child {border-bottom: none; padding-bottom: 0}
.blog-comment li ul.child-comment {margin-left: 40px; list-style: none}
.blog-comment li ul.child-comment li {border: none; padding-bottom: 0; border-top: 1px solid #ededed; margin-top: 50px}



/* ===================================
   27. Home page
====================================== */

/* home - creative branding agency */
.box-layout{padding:0 60px}

/* home - creative business */
.icon-box {border-bottom: 1px solid rgba(255,255,255,0.10)}
.icon-box:last-child{border-bottom: none}
.icon-box .icon-box-holder{padding-left:74px; height: 112px;}
.icon-box .icon-box-holder i{position: absolute; left: 0; vertical-align: middle; padding-top:10px;}

[class^="ti-"], [class*=" ti-"] {display: inline-block;}

/* home - creative simple portfolio */
.head-text {font-size: 80px; line-height: 95px;}

/* home - classic digital agency */
.image-block{box-shadow: 0 0 0 rgba(35,35,35,0.6); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -o-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8); -ms-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);}
.attr-nav > ul > li > a{padding: 3px 15px}
.icon-play img {width: 60%}
.icon-play:hover img {width: 68%}

/* play icon */
.icon-play-style-2 {z-index: 1; left: 100%;}
.icon-play-style-2 > span {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -ms-flex-direction: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.icon-play-style-2 .video-icon {width: 110px; height: 110px; margin-top: 0; font-size: 30px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%;}

/* home - creative studio */
.icon-box-holder a:hover {color: #fff;}

/* home - portfolio personal */
.hover-title-box {position: absolute; right: -100px; opacity: 0; top: 50%; transform: translateY(-53px); -webkit-transform: translateY(-53px); -moz-transform: translateY(-53px); -ms-transform: translateY(-53px); -o-transform: translateY(-53px); z-index: 99; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
.hover-title-box .separator {height: 1px; content: ""; position: absolute; left:-10px; top: 30px;}

/* home - blog masonry */
.blog-header-style1 {margin: 0 8px; padding: 0; list-style: none; display: flex; justify-content: start;}
.blog-header-style1 li {width: 25%; padding: 0 8px; margin: 0 -4px 0 0;display: inline-block; box-sizing: border-box; overflow: hidden; vertical-align: top; transition: 0.8s; -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s;}
.blog-header-style1 li .blog-banner {display: block; position: relative; height: 100%;}
.blog-header-style1 li figure figcaption {position: absolute; left: 0; bottom: 0; padding: 50px; transform: translateY(60px); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px);}
.blog-header-style1 li.blog-column-active figure figcaption {transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px);}
.blog-header-style1 li figure figcaption .btn {opacity: 0; transform: translateY(60px); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s;}
.blog-header-style1 li.blog-column-active figure figcaption .btn {opacity: 1; transition-delay: 0.6s; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all;}
.blog-header-style1 li.blog-column-active figure figcaption .btn:hover {transition-delay: 0; -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all;}
.blog-header-style1 li.blog-column-active {width: 50%; transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s;}
.blog-header-style1 li .blog-title {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* home - blog clean */
.blog-box .blog-box-image,.blog-box .blog-box-content {position: absolute; top: 0; width: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.blog-box .blog-box-image {transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1}
.blog-box .blog-box-content {transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); opacity: 0}
.blog-box:hover .blog-box-image {transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); opacity: 0}
.blog-box:hover .blog-box-content {transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1}

/* latest post */
.latest-post {list-style: none; padding: 0; margin: 0;}
.latest-post li {padding:15px 0;}
aside .latest-post li {padding:9px 0 10px;}
aside .latest-post li:last-child{padding-bottom: 0;}
.latest-post li:first-child {padding-top: 0}
.latest-post li:last-child {border-bottom:none}
.latest-post li figure {width: 60px; float: left}
.latest-post li figure, footer .latest-post li div {margin-bottom: 0;}
aside .latest-post li figure {width: 75px;}
.latest-post li div {line-height: normal; padding-left: 22px; position: relative; top: -1px;}
.latest-post li figure:hover img, .latest-post li figure:focus img {transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;} 

.testimonial-one-bg{
    background-image: url(../img/about-relebogile-career.jpg);
    background-color: transparent;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0px;
    margin-left: 0px;
    height: 100%;
}
.testimonial-content-one{
    background-color: #dcd5c9;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 0px;
    margin-top: 100px;
    padding: 80px 50px 60px 66px;
    
}
@media (min-width: 1200px) {
.testimonial-content-one{
    margin-left: -205px;
	}
}
.testimonial-content-one .col-xl-8.testimonial-col {
    width: 62.882%;
}
.testimonial-content-one .col-xl-4.testimonial-col {
    width: 37.04%;
}
/******************************

INDEX:

******************************/

@media (max-width: 1400px){
	.testimonial-bg::before{
		width: 114%;
	}
}


@media(max-width:1024px) {
	/** Section Padding **/

	.testimonial-content-one{
		padding: 40px 30px;
		margin-left:0;
		margin-top: 0;
	}
	.testimonial-one-bg{
		padding:200px 0px;
	}
	
	/** Homepage 02 **/ 

	.testimonial-bg::before{
		background-image: none;
	}
	.testimonial-form {
		padding: 40px 0px 60px 20px;
	}
}

@media(max-width:991px) {

	/** Homepage 02 **/ 
	.testimonial-content {
		padding: 40px 15px 0px 0px;
	}
	.pbmit-testimonial-style-3 .pbminfotech-box-desc:after{
		bottom: 145px;
	}

}

@media(max-width:768px){
	.pbmit-portfolio-style-2 .pbmit-content-wrapper {
		width: calc(100% - 38px);
	}
}

@media(max-width:767px) {
	/** Section Padding **/ 
	.section-md {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.section-xxl {
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.section-xl {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-xs {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.section-lg {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.section-lgt {
		padding-top: 60px;
	}
	.section-x {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	.section-lgb {
		padding-bottom: 60px;
	}
	#rev_slider_1_1_wrapper .rev-button:before{
		display: none;
	}
	.rev-button:before{
        content:none; 
        padding-left:1px
    }
    .rev-button{
        padding-left:0px !important; 
        font-size:12px !important
    }
    /** Section Title **/ 
	.pbmit-heading-subheading .pbmit-title{
		font-size: 26px;
		line-height: 36px;
	}
	/** Homepage 01 **/
	.testimonial-bg{
		margin-bottom: 120px;
	}
	.pbmit-ptable-col {
		margin-bottom: 30px;
	}
	.testimonial-two{
		padding-top: 0;
		padding-left: 15px;
	}
	.testimonial-form {
		padding-right: 15px;
		margin-right: 15px;
	}

	.testimonial-form::before{
		width: 100%;
	}
	/** Homepage 03 **/

	.testimonial-bg-three {
		padding-top: 60px;
	}

}
.pbmit-bg-color-global {
  background-color: #f47044;
}
.list-style-one li {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #434343;
  font-weight: 500;
  padding-left: 27px;
  margin-bottom: 11px;
}

.list-style-one li::before {
  position: absolute;
  content: "\f00c";
  font-family: 'Font Awesome 5 Pro';
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1.5px solid #f47044;
  font-size: 10px;
  text-align: center;
  border-radius: 50%;
  left: 0px;
  top: 4px;
  font-weight: 900;
  color: #f47044;
}
.footer-widget__contact-form {
  position: relative;
  display: block;
  margin-top: 26px;
}
.footer-widget__contact-form-input-box {
  position: relative;
  display: block;
}
.footer-widget__contact-form-input-box input[type=email] {
  height: 60px;
  width: 100%;
  background-color: transparent;
  outline: none;
  font-size: 14px;
  color: #83898c;
  border: 2px solid #414141;
  letter-spacing: -0.02em;
  padding-right: 55px;
  padding-left: 20px;
  border-radius: 10px;
}
.footer-widget__contact-btn {
  position: absolute;
  top: 50%;
  right: 5px;
  border: none;
  width: 40px;
  height: 40px;
  background-color:  rgba(255, 255, 255, .20);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-widget__contact-btn span {
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: #ffffff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.hero-bg2 {
    overflow: hidden;
    position: relative;
    -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.hero-bg2:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.about-front-img {
    -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.about-front-img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.testimonial-one-bg {
    -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.testimonial-one-bg:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.h3-hero-img {
    -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.h3-hero-img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.header-wrapper {
	background-color: var(--bg-light-color);
	position: relative;
	z-index: 2
}

.topbar-wrapper {
	background-color: var(--bg-dark);
	font-family: var(--secondary-font);
	color: var(--grey-light-color);
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	height: 50px;
	display: flex;
	align-items: center
}

.topbar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.topbar-right ul {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 30px
}

.topbar-right ul li a {
	color: var(--grey-light-color)
}

.topbar-right ul li a:hover {
	color: var(--primary-color)
}

.topbar-right .topbar-search form {
	position: relative
}

.topbar-right .topbar-search form input {
	background-color: var(--bg-dark-light);
	width: 230px;
	padding: 8px 20px;
	padding-right: 50px;
	border-radius: 2px;
	color: var(--white-color);
	line-height: 1;
	font-size: 15px;
	border: none;
	outline: none
}

.topbar-right .topbar-search form button {
	font-size: 16px;
	color: var(--grey-color);
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	line-height: 1
}

.topbar-right .topbar-search form button:hover {
	color: var(--primary-color)
}

.navigation-wrapper {
	background-color: #fff
}

.navigation-inner {
	display: grid;
	align-items: center;
	grid-column-gap: 40px
}

.navigation-menu {
	padding: 0 50px
}

.sidebar-trigger {
	color: var(--dark-color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%
}

.sidebar-trigger:hover {
	color: var(--primary-color)
}

.sidebar-trigger svg {
	width: 18px;
	height: 18px;
	margin-bottom: 3px
}


.header-number,
.sticky-header {
	display: none
}

.main-menu {
	display: none;
	column-gap: 30px
}

.navigation-inner .site-logo {
	max-width: 170px
}

@media(max-width:1200px) {
	.navigation-inner {
		grid-column-gap: 30px;
	}

	.navigation-menu {
		padding: 0 35px;
		column-gap: 20px
	}

	.main-menu {
		column-gap: 20px
	}

	.header-number svg {
		display: none
	}
}

@media(min-width:992px) {
	.header-number {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		column-gap: 15px;
	}
	
	.header-number i {
		font-size: 40px;
		color: var(--primary-color)
	}

	.header-number>div {
		font-family: var(--primary-font);
		color: var(--gray-color);
		font-weight: 600
	}

	.header-number>div a {
		font-family: var(--secondary-font);
		display: block;
		color: var(--dark-color);
		font-weight: 600
	}

	.header-number>div a:hover {
		color: var(--primary-color)
	}

	.navigation-wrapper {
		background-color: transparent
	}

	.sticky-header {
		background-color: #fff;
		display: block;
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		transform: translateY(-100%);
		z-index: 99
	}

	.admin-bar .sticky-header {
		top: 32px
	}

	.sticky-header .navigation-menu {
		box-shadow: none
	}

	.sticky-header.sticky-fixed-top {
		transition: transform 1s ease;
		will-change: transform;
		transform: translateY(0)
	}

	.navigation-menu {
		background-color: #fff;
		height: 90px;
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	body:not(.header-2) .navigation-menu {
		justify-content: center;
		column-gap: 30px
	}

	.main-menu {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 100%
	}

	.main-menu li {
		position: relative;
		height: 100%;
		display: flex;
		align-items: center
	}

	.main-menu li i.fa-solid {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		display: flex;
		align-items: center
	}

	.main-menu li.dropdown_menu {
		padding-right: 14px
	}

	.main-menu li.dropdown_menu i {
		transition: all 200ms linear;
		font-size: 14px
	}

	.main-menu li.dropdown_menu:hover i {
		transform: rotateZ(-180deg)
	}

	.main-menu li a {
		color: #222;
        font-family: 'Fahkwang', serif;		
        font-size  : 16px;
		line-height: 1;
		font-weight: 700
	}

	.main-menu li ul {
		background-color: #fff;
		padding: 16px 0;
		width: 250px;
		position: absolute;
		top: 100%;
		left: -28px;
		border-radius: 2px;
		-webkit-box-shadow: var(--box-shadow);
		box-shadow: var(--box-shadow);
		visibility: hidden;
		opacity: 0;
		z-index: 1;
		box-shadow: 0 1px 40px 0 rgb(0 0 0/10%)
	}

	.main-menu li:hover ul {
		visibility: visible;
		-webkit-transition: visibility 200ms linear, opacity 150ms linear;
		transition: visibility 200ms linear, opacity 150ms linear;
		opacity: 1
	}

	.main-menu li li {
		margin: 0 10px;
		padding: 10px 18px
	}

	.main-menu li li a {
		font-weight: 600;
		display: block;
		color: var(--gray-color);
		position: relative
	}

	.main-menu li li a:before {
		background-color: var(--primary-color);
		content: "";
		width: 0;
		height: 2px;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: all .5s ease-in-out
	}

	.main-menu li:hover li.dropdown_menu>i {
		position: absolute;
		right: 0;
		top: 10px;
		transform: rotateZ(-90deg)
	}

	.main-menu li:hover li a:hover {
		color: var(--primary-color);
		padding-left: 15px
	}

	.main-menu li:hover li a:hover:before {
		width: 10px
	}

	.main-menu li:hover li ul {
		left: 100%;
		top: 10%;
		visibility: hidden;
		opacity: 0;
		transition: all 200ms linear
	}

	.main-menu li:hover li:hover ul {
		top: 0;
		visibility: visible;
		transition: all 200ms linear;
		opacity: 1
	}

	.header-2 .topbar-wrapper {
		background-color: var(--bg-grrey)
	}

	.header-2 .topbar-left {
		color: var(--dark-color);
		font-family: var(--primary-font);
		font-weight: 600
	}

	.header-2 .topbar-right li {
		font-family: var(--primary-font);
		font-size: 15px;
		font-weight: 700;
		color: var(--dark-color);
		line-height: 1;
		display: flex;
		align-items: center;
		column-gap: 5px
	}

	.header-2 .topbar-right li a {
		font-family: var(--secondary-font);
		color: var(--dark-color);
		margin-left: 5px;
		font-size: 13px
	}

	.header-2 .topbar-right .topbar-social a {
		font-family: var(--secondary-font);
		text-transform: uppercase;
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border-radius: 50%;
		position: relative
	}

	.header-2 .topbar-right .topbar-social a:before {
		background-color: #434343;
		content: "";
		width: 70%;
		height: 1.5px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 4px
	}

	.header-2 .topbar-right .topbar-social a:hover:before {
		display: none
	}

	.header-2 .topbar-right .topbar-social a:hover {
		border: 1px solid #434343
	}

	.header-2 .navigation-inner {
		grid-template-columns: 200px 1fr 300px
	}

	.header-2 .navigation-wrapper {
		background-color: #fff
	}

	.header-2 .navigation-menu {
		box-shadow: none;
		background-color: transparent;
		justify-content: center;
		padding: 0;
		border-radius: none
	}

	.header-2 .header-right ul {
		display: flex;
		align-items: center;
		justify-content: flex-end
	}

	.header-2 .header-right ul li {
		display: inline-flex;
		align-items: center;
		cursor: pointer
	}

	.header-2 .header-right ul li.login a {
		font-family: var(--primary-font);
		font-size: 15px;
		font-weight: 700;
		color: var(--dark-color);
		line-height: 1;
		display: flex;
		align-items: center
	}

	.header-2 .header-right ul li.login {
		border-left: 2px solid #434343;
		margin: 0 15px;
		padding-left: 15px
	}

	.header-2 .header-right ul li.login i {
		margin-right: 5px
	}

	.header-2 .header-right .search-icon {
		line-height: 1
	}

	.header-2 .header-right i {
		font-size: 25px;
		color: #000;
	}

	.header-2 .header-right .default-btn {
		padding: 0 30px
	}
}

.mobile-menu-icon,
.mobile-navigation-menu {
	display: none
}

@media(max-width:992px) {
	.navigation-inner {
	 padding-bottom: 25px;
	}

	.navigation-inner .site-logo {
		padding: 15px 0
	}

	.navigation-menu {
		display: none
	}

	.header-2 .header-right ul {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		column-gap: 20px
	}

	.mobile-menu-icon {
		display: block;
		margin-left: auto
	}

	.burger-menu {
		width: 30px;
		height:20px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		cursor: pointer;
		-webkit-transition: transform 330ms ease-out;
		-moz-transition: transform 330ms ease-out;
		-o-transition: transform 330ms ease-out;
		transition: transform 330ms ease-out
	}

	.menu-open .burger-menu {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.line-menu {
		background-color: #f2772e;
		border-radius: 2px;
		width: 100%;
		height: 2px
	}

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

	.line-menu.first-line {
		transition: transform 330ms cubic-bezier(.54, -.81, .57, .57);
		transform-origin: right
	}

	.menu-open .line-menu.first-line {
		-webkit-transform: rotate(-90deg) translateX(3px);
		-moz-transform: rotate(-90deg) translateX(3px);
		-o-transform: rotate(-90deg) translateX(3px);
		transform: rotate(-90deg) translateX(3px)
	}

	.line-menu.last-line {
		align-self: flex-end;
		transition: transform 330ms cubic-bezier(.54, -.81, .57, .57);
		transform-origin: left
	}

	.menu-open .line-menu.last-line {
		-webkit-transform: rotate(-90deg) translateX(-3px);
		-moz-transform: rotate(-90deg) translateX(-3px);
		-o-transform: rotate(-90deg) translateX(-3px);
		transform: rotate(-90deg) translateX(-3px)
	}

	#mobile-menu-close {
		background-color: #f5f3ef;
		position: absolute;
		right: 30px;
		top: 20px;
		width: 45px;
		height: 45px;
		font-size: 20px;
		color: #000;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%
	}

	#mobile-menu-close:hover {
		background-color: #f47044;
		color: #fff;
	}

	.mobile-navigation-menu {
		background-color: #fff;
		position: fixed;
		left: -100%;
		top: 0;
		width: 400px;
		height: 100vh;
		padding: 100px 0 40px;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.16);
		display: block;
		visibility: hidden;
		opacity: 0;
		transition: all .3s linear;
		z-index: 999
	}

	.open-mobile-menu.mobile-navigation-menu {
		left: 0;
		visibility: visible;
		opacity: 1;
		transition: all .3s linear
	}

	.mobile-navigation-menu .main-menu {
		display: block
	}

	.mobile-navigation-menu .dropdown-plus {
		width: 100px;
		height: 49px;
		line-height: 49px;
		position: absolute;
		top: 0;
		right: 32px;
		cursor: pointer;
		z-index: 1
	}

	.mobile-navigation-menu .dropdown-plus:before,
	.mobile-navigation-menu .dropdown-plus:after {
		position: absolute;
		content: "";
		top: 21px;
		right: 10px;
		width: 10px;
		height: 2px;
		background-color: #000;
	}

	.mobile-navigation-menu .dropdown-plus:after {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.mobile-navigation-menu .dropdown-plus.dropdown-open:after {
		display: none
	}

	.mobile-navigation-menu ul {
		padding-left: 0
	}

	.mobile-navigation-menu ul li {
		position: relative;
		margin: 0;
		display: block;
		padding: 0
	}

	.mobile-navigation-menu ul li>a {
		display: block;
		padding: 10px 40px;
		font-family: var(--primary-font);
		color: var(--dark-color);
		font-size: 15px;
		line-height: 22px;
		font-weight: 700
	}

	.mobile-navigation-menu ul li:hover>a,
	.mobile-navigation-menu li li:hover>a {
		color: var(--primary-color)
	}

	.mobile-navigation-menu ul li ul li ul,
	.mobile-navigation-menu ul li ul {
		background-color: transparent;
		width: 100%;
		opacity: 1;
		padding: 0;
		visibility: visible;
		position: inherit;
		display: none;
		top: inherit;
		left: inherit;
		box-shadow: none
	}

	.mobile-navigation-menu li li {
		padding: 0 20px
	}

	.mobile-navigation-menu li li {
		padding-left: 10px
	}

	.mobile-navigation-menu li li:last-child {
		border-bottom: none
	}

	.mobile-navigation-menu li li>a {
		color: var(--grey-color);
		font-weight: 600;
		font-size: 14px;
		padding: 5px 20px 5px 40px
	}
}
.mobile-navigation-menu button {
  border: none;
}

/*--------------------------------------------------------------
# Sliding Text
--------------------------------------------------------------*/
.sliding-text {
  position: relative;
  display: block;
  background-color: #222;
}

.sliding-text__wrap {
  position: relative;
  display: block;
  padding: 18px 0 18px;
  white-space: nowrap;
}

.sliding-text__list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-animation: my-animation405 19s linear infinite;
  -webkit-animation: my-animation405 19s linear infinite;
  animation: my-animation405 19s linear infinite;
  will-change: transform;
  flex-wrap: nowrap;
  margin: 0;
}

.sliding-text__list:hover {
  animation-play-state: paused;
}

@keyframes my-animation404 {
  from {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  to {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}


@keyframes my-animation405 {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(-100%);
  }
}

.sliding-text__list li {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fff;
  font-family: var(--font-global);
}
.sliding-text__list li i{
  color: #f87851;
  font-family: "Font Awesome 5 Pro";
  margin-right: 20px;
}
.sliding-text__list li+li {
  margin-left: 50px;
}

.hero-one.main-bg {
  background-color: #d4d4d3;
}
.hero-one .hero-title {
  font-size: 40px;
  line-height: 60px;
  font-weight: 700;
  color: #172d51;
}
.text-muted {
  color: #6f809b !important;
}
.font-secondary {
  font-family: 'Fahkwang', sans-serif !important;
}
.rounded {
  border-radius: .25rem !important;
}

@media (max-width: 767px) {
  .hero-one .hero-title {
    font-size: 24px !important;
    line-height: 30px;
  }
}
@media (max-width: 1200px) {
  .hero-one .hero-title {
    font-size: 45px;
  }
}

.header-area.header-6-area .header-nav {
  padding: 0 45px;
  top: 30px; }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .header-area.header-6-area .header-nav {
      padding: 0 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area.header-6-area .header-nav {
      padding: 0 15px; } }
  @media (max-width: 767px) {
    .header-area.header-6-area .header-nav {
      padding: 0 0px; } }
  .header-area.header-6-area .header-nav.sticky {
    background: #fff;
    top: 0;
    padding: 10px 15px; }
  .header-area.header-6-area .header-nav .navigation .navbar .navbar-nav .nav-item a {
    color: #000; }
    @media only screen and (min-width: 992px) and (max-width: 1200px) {
      .header-area.header-6-area .header-nav .navigation .navbar .navbar-nav .nav-item a {
        margin-right: 25px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header-area.header-6-area .header-nav .navigation .navbar .navbar-nav .nav-item a {
        color: #fff; } }
    @media (max-width: 767px) {
      .header-area.header-6-area .header-nav .navigation .navbar .navbar-nav .nav-item a {
        color: #fff; } }
  .header-area.header-6-area .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li a {
    color: #000; }
  .header-area.header-6-area .header-nav .navigation .navbar .navbar-nav .nav-item .sub-menu > li:hover > a {
    color: #FF564F; }
  .header-area.header-6-area .header-nav .navigation .navbar .navbar-btn a {
    background: #FF564F;
    border-color: #FF564F;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase; }
    .header-area.header-6-area .header-nav .navigation .navbar .navbar-btn a:hover {
      background: #564FFF;
      border-color: #564FFF; }
  .header-area.header-6-area .header-nav .navigation .navbar .navbar-toggler .toggler-icon {
    background: #000; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-area.header-6-area .header-nav .navigation .navbar .navbar-collapse {
      background: #FF564F; } }
  @media (max-width: 767px) {
    .header-area.header-6-area .header-nav .navigation .navbar .navbar-collapse {
      background: #FF564F; } }
      
  .subscribe-btn .btn {
  -moz-user-select: none;
  background: #fe6600 none repeat scroll 0 0;
  border: medium none;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0;
  padding: 15px 41px;
  text-align: center;
  text-transform: capitalize;
  touch-action: manipulation;
  transition: all 0.4s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
}

  .subscribe-btn .btn:hover {
  -moz-user-select: none;
  background: #000 none repeat scroll 0 0;
  border: medium none;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0;
  padding: 15px 41px;
  text-align: center;
  text-transform: capitalize;
  touch-action: manipulation;
  transition: all 0.4s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
}

select {
  display: block;
  width: 100%;
  line-height: 1.5;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 26px center;
  background-repeat: no-repeat;
  background-size: 15px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.cta-section {
  position: relative;
  padding: 62px 0px 63px 0px;
}
.cta-section {
  background: #f47044;
}

.cta-section .pattern-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.cta-section .title {
  position: relative;
  margin-top: 6px;
}
.pull-left {
  float: left;
}

.cta-section .title h2 {
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #fff;
  margin: 0px;
}
.pull-right {
  float: right;
}

.cta-section .btn-box a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border: 2px solid #fff;
  padding: 12.5px 40px;
  text-align: center;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .cta-section .title {
    float: none;
    display: block;
    margin: 0px 0px 15px 0px;
  }
}

@media only screen and (max-width: 991px) {
  .cta-section .btn-box {
    float: none;
    display: block;
  }
}
.blog-area ul {
  padding-left: 0px;
}

@media (max-width: 767px) {
  .pt-130 {
  padding-top: 60px;
}
  .pb-115 {
  padding-bottom: 60px;
}

.pt-120 {
  padding-top: 60px !important;
}

.section-padding {
  padding: 60px 0 !important;
}
}

@media only screen and (max-width: 991px) {
.hero-one .hero-title {
  font-size: 40px;
  line-height: 50px;
}
}



.waves {
  position: absolute;
  width: 150px;
  height: 150px;
  background: #CCDEFF;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  right: -45px;
  bottom: -45px;
  z-index: -1;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
  opacity: 0.5; }

.wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

.wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes marquee {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }
@keyframes marquee1 {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0); } }
@keyframes scroll-1 {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }
@keyframes scroll-2 {
  0% {
    transform: translateX(-80%); }
  100% {
    transform: translateX(0); } }
@keyframes tabinganimation {
  0% {
    opacity: 0;
    transform: translateX(5%); }
  50% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes waves {
  0% {
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
  100% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}



.marque-area-home-2 {
  position: relative; }
  .marque-area-home-2 .marque-group-home-2 {
    display: flex;
    overflow: hidden; }
    .marque-area-home-2 .marque-group-home-2 .marque-wrapper-1 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #000;
      padding: 20px 0;
      gap: 60px;
      flex-shrink: 0;
      white-space: nowrap;
      max-width: max-content;
      transform: translateX(0);
      animation: scroll-1 300s linear infinite; }
      .marque-area-home-2 .marque-group-home-2 .marque-wrapper-1:hover {
        animation-play-state: paused; }
      .marque-area-home-2 .marque-group-home-2 .marque-wrapper-1 span {
        text-transform: uppercase;
        color: #fff;
        font-family: 'Fahkwang', sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
    .marque-area-home-2 .marque-group-home-2 .marque-wrapper-2 {
      display: flex;
      align-items: center;
      min-width: 100%;
      background-color: #000000;
      padding: 40px 0;
      gap: 60px;
      flex-shrink: 0;
      max-width: max-content;
      transform: translateX(0);
      animation: scroll-2 300s linear infinite; }
      .marque-area-home-2 .marque-group-home-2 .marque-wrapper-2:hover {
        animation-play-state: paused; }
      .marque-area-home-2 .marque-group-home-2 .marque-wrapper-2 span {
        text-transform: uppercase;
        color: #CCDEFF;
        font-family: "Nunito", sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
.about-left-conent span {
  color: #f47044;
  letter-spacing: 2px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  display: inline-block;
  padding-right: 10px;
}

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

.footer {
    padding: 50px 0 32px;
}
.footer-logo {
    padding-bottom: 50px;
}
.footer-logo img {
    width: 120px;
}
.footer-social {
    padding-bottom: 20px;
}

.footer-social a {
  color: #fff;
  background: #393939;
  height: 30px;
  width: 30px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  font-size: 13px;
  line-height: 32px;
  margin-left: 5px;
}

.footer-social a:hover {
  color: #222;
  background: #f47044;
}

@media (min-width: 768px) {
    .footer-social {
        padding-bottom: 50px;
        padding-top: 40px;
    }
}
.footer-social ul > li {
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 768px) {
    .footer-social ul > li {
        padding-right: 20px;
        padding-left: 20px;
    }
}
.footer-social ul > li:last-child {
    padding-right: 0;
}
.footer-copyright {
    padding-top: 32px;
    color: #b9afaf;
}


@media (max-width: 767px) {
    .xs-text-left {
        text-align: left !important;
    }
.lebo_tm_timeline {
    padding: 50px 0 50px 0;
}
	.testimonial-content-one{
		padding: 40px 12px;
	}
.mb-45 {
    margin-bottom: 20px !important;
}

.pb-70 {
    padding-bottom: 50px !important;
}
.pt-130 {
    padding-top: 50px !important;
}
.pb-80 {
    padding-bottom: 40px !important;
}
.pt-80 {
    padding-top: 40px !important;
}
.mb-40 {
    margin-bottom: 20px !important;
}

.pt-100 {
    padding-top: 50px !important;
}
.pb-100 {
    padding-bottom: 50px !important;
}

.pb-95 {
    padding-bottom: 50px !important;
}
.pt-115 {
    padding-top: 50px !important;
}
.cta-section .title h2 {
    font-size: 26px;
    line-height: 30px;
}
.cta-section .btn-box a {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 40px;
}
.cta-section {
    position: relative;
    padding: 40px 0px 40px 0px;
}
}
@media (max-width: 767px) {
    .xs-title-small {
        font-size: 20px !important;
        line-height: 30px !important;
    }
}

.no-margin {
    margin: 0 !important;
}
.title-medium {
    font-size: 24px !important;
    line-height: 32px !important;
}

  .xs-text-left {
    text-align: left !important;
  }