.ttm-row {

	padding: 100px 0

}



.ttm-row.broken-section {

	padding: 0 0

}



.ttm-row.zero_padding-section {

	padding: 0 0

}



.ttm-row.top_zero_padding-section {

	padding: 0 0 100px

}



.ttm-row.bottom_zero_padding-section {

	padding: 100px 0 0

}



.ttm-row.client-section {

	padding: 175px 0 155px

}



.ttm-row.bolg-section {

	padding: 90px 0

}



.ttm-row.bolg-section_1 {

	padding: 90px 0 85px

}



.ttm-row.procedure-section {

	padding: 90px 0 77px

}



.ttm-row.sidebar.ttm-sidebar-left {

	padding: 70px 0 60px

}



.ttm-row.client-section_1 {

	padding: 51px 0 51px 0

}



.ttm-row.services-section {

	padding: 85px 0

}



.ttm-row.portfolio-section {

	padding: 190px 0 85px

}



.ttm-row.blog_faq-section {

	padding: 100px 0 100px

}



.ttm-row.cta-section {

	padding: 30px 0 0

}



.ttm-row.contact-section {

	padding: 0 0 100px

}



.ttm-row.fid-section {

	padding: 65px 0

}



.ttm-row.grid-section {

	padding: 85px 0

}



.ttm-row.connect-section_1 {

	padding: 60px 0 70px 0

}



.row-equal-height {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex

}



.row-equal-height>[class*=col-] {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}



.ttm-bg {

	position: relative

}



.ttm-col-bgimage-yes {

	z-index: 1

}



.bg-layer-equal-height .ttm-col-bgcolor-yes, .bg-layer-equal-height .ttm-col-bgimage-yes {

	height: 100%

}



.ttm-bg-layer, .ttm-col-wrapper-bg-layer-inner, .ttm-titlebar-wrapper .ttm-titlebar-wrapper-bg-layer {

	position: absolute;

	height: 100%;

	width: 100%;

	top: 0;

	left: 0

}



.ttm-left-span>.ttm-col-wrapper-bg-layer {

	width: auto;

	margin-left: -100px;

	right: 0

}



.ttm-right-span>.ttm-col-wrapper-bg-layer {

	width: auto;

	margin-right: -100px;

	right: 0

}



.layer-content {

	position: relative;

	z-index: 1

}



.bg-layer {

	position: relative

}



.bg-layer>.container>.row {

	margin: 0

}



.bg-layer>.container, .bg-layer>.container-fluid {

	padding: 0

}



.ttm-bg.ttm-bgimage-yes>.ttm-bg-layer, .ttm-bg.ttm-col-bgimage-yes>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner {

	opacity: .8

}



.ttm-bgcolor-grey.ttm-bg.ttm-bgimage-yes>.ttm-bg-layer {

	opacity: .9

}



.bg-img1 {

	background-image: url(../images/bg-image/row-bgimage-1.png);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center

}



.bg-img2 {

	background-image: url(../images/bg-image/row-bgimage-2.png);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center

}



.bg-img3 {

	background-image: url(../images/bg-image/row-bgimage-3.png);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center

}



.bg-img4 {

	background-image: url(../images/bg-image/row-bgimage-4.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: top center

}



.bg-img5 {

	background-image: url(../images/bg-image/row-bgimage-5.jpg);

	background-size: cover;

	background-position: center center

}



.ttm-equal-height-image {

	display: none

}



.col-bg-img-one.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {

	background-image: url(../images/bg-image/col-bgimage-1.jpg);

	background-position: right center;

	background-size: cover;

	background-repeat: no-repeat

}



.col-bg-img-two.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {

	background-image: url(../images/bg-image/col-bgimage-2.jpg);

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat

}



.col-bg-img-three.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {

	background-image: url(../images/bg-image/col-bgimage-3.jpg);

	background-position: center left;

	background-size: cover;

	background-repeat: no-repeat

}



.col-bg-img-four.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {

	background-image: url(../images/bg-image/col-bgimage-4.jpg);

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat

}



.col-bg-img-five.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {

	background-image: url(../images/bg-image/col-bgimage-5.jpg);

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat

}



.col-bg-img-six.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {

	background-image: url(../images/bg-image/col-bgimage-6.jpg);

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat

}



.col-bg-img-seven.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {

	background-image: url(../images/bg-image/col-bgimage-7.jpg);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat

}



.col-bg-img-eight.ttm-col-bgimage-yes>.ttm-col-wrapper-bg-layer {

	background-image: url(../images/bg-image/col-bgimage-8.jpg);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat

}



.section-title {

	position: relative;

	margin-bottom: 19px

}



.section-title h3 {

	text-transform: uppercase;

	font-size: 13px;

	line-height: 26px;

	letter-spacing: .5px;

	display: block;

	padding-left: 47px;

	margin-bottom: 5px;

	position: relative

}



.section-title h3:after, .section-title h3:before {

	display: block;

	content: "";

	position: absolute;

	width: 36px;

	height: 1px;

	left: 0;

	background-color: #8cbc43;

	top: 50%

}



.section-title h2.title {

	font-size: 42px;

	line-height: 53px

}



.section-title.title-style-center_text {

	text-align: center;

	margin-bottom: 20px

}



.section-title.title-style-center_text.section-title h3 {

	padding-left: 0;

	margin-bottom: 5px;

	display: inline-block

}



.section-title.title-style-center_text.section-title h3:before {

	margin-left: -47px;

	left: 0;

	right: auto

}



.section-title.title-style-center_text.section-title h3:after {

	margin-right: -47px;

	left: auto;

	right: 0

}



.section-title .title-header {

	padding-bottom: 0

}



.section-title .title-desc {

	padding-top: 5px

}



.section-title.without-seperator {

	margin-bottom: 24px

}



.section-title.without-title-desc {

	margin-bottom: 0

}



.section-title.without-seperator h2.title {

	margin-bottom: 5px

}



.section-title.style2 .w-100 {

	width: 90% !important

}



.section-title.style2 .title-header {

	width: 49%;

	text-align: left;

	padding-right: 80px;

	position: relative;

	padding-bottom: 0

}



.section-title.style2 .title-desc .ttm-underline-strong:before {

	content: " ";

	position: absolute;

	height: 2px;

	width: 100%;

	transition: all .7s ease-in-out;

	left: 0;

	bottom: -1px;

	top: auto

}



.section-title.style2 .title-desc .ttm-underline-strong {

	position: relative

}



.section-title.style2 .title-desc, .section-title.style2 .title-header {

	display: table-cell;

	vertical-align: middle

}



.section-title.style2 .title-desc {

	padding-right: 0;

	padding-top: 0

}



.section-title.style2 {

	margin-bottom: 33px

}



.section-title.style2 .title-header:after {

	content: "";

	right: 45px;

	height: 100%;

	position: absolute;

	top: 0;

	width: 1px;

	border-right-width: 1px;

	border-right-color: rgba(0, 0, 0, .08);

	border-right-style: solid

}



.ttm-bgcolor-darkgrey .section-title.style2 .title-header:after, .ttm-bgcolor-skincolor .section-title.style2 .title-header:after {

	border-right-color: rgba(255 255 255 / 5%)

}



.ttm-underline-strong:before {

	content: " ";

	position: absolute;

	height: 2px;

	width: 100%;

	transition: all .7s ease-in-out;

	bottom: -5px

}



.ttm-underline-strong {

	position: relative

}



.row-title .section-title h3 {

	font-size: 18px;

	padding-left: 0;

	margin-bottom: 22px;

	line-height: 1

}



.row-title .section-title h3:after, .row-title .section-title h3:before {

	content: unset

}



.row-title .section-title h2.title {

	font-size: 42px;

	line-height: 52px

}



.row-title.style2 .section-title h2.title {

	font-size: 33px;

	line-height: 43px

}



.ttm-horizontal_sep {

	border-top: 1px solid rgba(0, 0, 0, .04);

	display: block;

	position: relative

}



.ttm-bgcolor-darkgrey .ttm-horizontal_sep {

	border-top-color: rgba(255, 255, 255, .08)

}



.ttm-bgcolor-white .ttm-horizontal_sep {

	border-top-color: #f1f1f1

}



.border, .border-bottom, .border-left, .border-right, .border-top, .border_1 {

	border-color: #e7e7e7 !important

}



.ttm-bgcolor-darkgrey .border, .ttm-bgcolor-darkgrey .border-bottom, .ttm-bgcolor-darkgrey .border-left, .ttm-bgcolor-darkgrey .border-right, .ttm-bgcolor-darkgrey .border-top, .ttm-bgcolor-skincolor .border, .ttm-bgcolor-skincolor .border-bottom, .ttm-bgcolor-skincolor .border-left, .ttm-bgcolor-skincolor .border-right, .ttm-bgcolor-skincolor .border-top {

	border-color: rgba(255, 255, 255, .06) !important

}



.ttm-vertical_sep>[class*=col-]:not(:last-child):before {

	position: absolute;

	content: "";

	height: 100%;

	top: 0;

	right: 15px;

	width: 1px;

	background-color: #e7e7e7

}



.row.no-gutters.ttm-vertical_sep>[class*=col-]:not(:last-child):before {

	right: 0

}



.ttm-bgcolor-darkgrey .ttm-vertical_sep>[class*=col-]:not(:last-child):before,

.ttm-bgcolor-skincolor .ttm-vertical_sep>[class*=col-]:not(:last-child):before {

	background-color: #fffFFF14;

}



.ttm-btn {

	display: inline-block;

	vertical-align: middle;

	font-size: 15px;

	line-height: normal;

	padding: 11px 32px 11px 31px;

	background: 0 0;

	border-width: 1px;

	border-style: solid;

	border-color: transparent;

	position: relative;

	text-transform: capitalize;

	font-weight: 700;

	z-index: 1;

	position: relative;

	background-size: 200% auto;

	transition: all .5s ease 0s

}



.ttm-btn:after, .ttm-btn:before {

	position: absolute;

	content: "";

	transform: rotate(0);

	-webkit-transform: rotate(0);

	border: solid;

	display: inline-block;

	padding: 3px;

	-webkit-transition: all .5s ease-out;

	-moz-transition: all .5s ease-out;

	transition: all .7s ease-out

}



.ttm-btn:before {

	top: -7px;

	left: -7px;

	border-width: 0 1px 1px 0

}



.ttm-btn:after {

	bottom: -7px;

	right: -7px;

	border-width: 1px 0 0 1px

}



.ttm-btn:hover:before {

	left: 100%;

	transform: rotate(90deg)

}



.ttm-btn:hover:after {

	right: 100%;

	transform: rotate(90deg)

}



.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:after, .ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:before {

	content: unset

}



.ttm-btn.ttm-icon-btn-left {

	padding-left: 22px;

	transition: unset

}



.ttm-btn.ttm-icon-btn-right {

	padding-right: 22px;

	transition: unset

}



.ttm-btn.ttm-icon-btn-right i {

	padding-right: 2px

}



.ttm-btn-style-fill.ttm-btn-color-skincolor:hover {

	background-position: right center

}



.ttm-btn.ttm-icon-btn-left i, .ttm-btn.ttm-icon-btn-right i {

	display: inline-block;

	vertical-align: middle;

	text-align: inherit;

	transition: .4s

}



.ttm-btn.ttm-icon-btn-right i {

	text-align: right;

	margin-left: 10px;

	margin-right: 0

}



.ttm-btn.ttm-icon-btn-left i {

	text-align: left;

	margin-right: 10px;

	margin-left: 0

}



.ttm-btn.ttm-btn-size-xs {

	font-size: 11px;

	padding: 8px 16px

}



.ttm-btn.ttm-btn-size-xs i {

	font-size: 10px;

	line-height: 11px

}



.ttm-btn.ttm-icon-btn-right.ttm-btn-size-xs i {

	text-align: right;

	margin-left: 6px;

	margin-right: 0

}



.ttm-btn.ttm-icon-btn-left.ttm-btn-size-xs i {

	text-align: left;

	margin-right: 6px;

	margin-left: 0

}



.ttm-btn.ttm-btn-size-sm {

	font-size: 13px;

	padding: 10px 18px 10px 18px

}



.ttm-btn.ttm-btn-size-sm i {

	font-size: 13px;

	line-height: 14px

}



.ttm-btn.ttm-btn-size-md {

	font-size: 15px;

	padding: 12px 25px

}



.ttm-btn.ttm-btn-size-md i {

	font-size: 15px;

	line-height: 15px

}



.ttm-btn.ttm-btn-size-lg {

	font-size: 18px;

	line-height: 18px;

	padding: 20px 40px

}



.ttm-btn.ttm-btn-size-lg i {

	font-size: 17px;

	line-height: 18px

}



.ttm-btn.ttm-btn-shape-round {

	border-radius: 2em

}



.ttm-btn.ttm-btn-shape-rounded {

	border-radius: 3px

}



.ttm-btn.ttm-btn-shape-square {

	border-radius: 0

}



.ttm-btn.ttm-btn-style-border {

	background-color: transparent;

	border: 1px solid currentColor

}



.ttm-btn.ttm-btn-color-white.ttm-btn-style-border {

	color: #fff;

	border-color: #fff;

	background-color: transparent

}



.ttm-btn.btn-inline {

	padding: 0;

	border: 0;

	background-color: transparent;

	text-transform: capitalize

}



.ttm-btn.btn-inline i {

	display: inline-block;

	vertical-align: middle;

	transition: 0s

}



.ttm-btn.btn-inline:after, .ttm-btn.btn-inline:before, button.ttm-btn:after, button.ttm-btn:before {

	content: unset

}



.ttm-btn.btn-inline.ttm-icon-btn-right i {

	margin-left: 7px;

	transition: ease-in-out .3s

}



.ttm-btn.btn-inline.ttm-icon-btn-left i {

	margin-right: 7px;

	transition: ease-in-out .3s

}



.ttm-btn.btn-inline i.fa-minus:before {

	height: 1px;

	display: block

}



.ttm-btn .fa-minus:before {

	display: inline-block;

	vertical-align: middle;

	margin-right: 2px;

	content: "";

	height: 2px;

	width: 20px;

	background-color: currentColor

}



.ttm-play-icon-btn .ttm-icon.ttm-icon_element-size-sm {

	display: block;

	height: 50px;

	width: 50px;

	line-height: 50px;

	margin: 0;

	z-index: 2

}



.ttm-play-icon-btn .ttm-icon.ttm-icon_element-size-sm i.fa-play {

	padding-left: 5px;

	font-size: 20px;

	display: inline-block;

	vertical-align: middle;

	line-height: 0

}



.ttm-play-icon-btn .ttm-icon.ttm-icon_element-size-md {

	height: 67px;

	width: 67px;

	line-height: 67px;

	margin: 0;

	z-index: 2

}



.ttm-play-icon-btn .ttm-icon.ttm-icon_element-size-md i.fa-play {

	font-size: 28px

}



i.fa-play {

	padding-left: 5px

}



.ttm-play-icon-btn .ttm-play-icon-animation {

	position: relative;

	display: inline-block;

	margin: 10px 0

}



.ttm-play-icon-btn .ttm-play-icon-animation .ttm-icon {

	margin-bottom: 0

}



.ttm-play-icon-btn .ttm-play-icon-animation:after, .ttm-play-icon-btn .ttm-play-icon-animation:before {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	border-radius: 50%

}



.ttm-play-icon-btn .ttm-play-icon-animation:after {

	z-index: 1;

	width: calc(100% * 1.2);

	height: calc(100% * 1.2);

	opacity: .3

}



.ttm-play-icon-btn .ttm-play-icon-animation:before {

	width: calc(100% * 1.4);

	height: calc(100% * 1.4);

	opacity: .5

}



.ttm-play-icon-btn.with-border .ttm-play-icon-animation:before {

	border: 1px solid rgba(255, 255, 255, .15)

}



.ttm-play-icon-btn.with-border .ttm-play-icon-animation:after, .ttm-play-icon-btn.with-border .ttm-play-icon-animation:before {

	background-color: transparent;

	border: 1px solid rgba(255, 255, 255, .5);

	opacity: 1

}



.ttm-bgcolor-skincolor .ttm-play-icon-btn .ttm-play-icon-animation:after {

	opacity: .1

}



.ttm-bgcolor-skincolor .ttm-play-icon-btn .ttm-play-icon-animation:before {

	opacity: .3

}



.ttm-play-icon-btn:hover .ttm-play-icon-animation:after, .ttm-play-icon-btn:hover .ttm-play-icon-animation:before {

	-webkit-animation: sep-anim 1.05s infinite;

	-moz-animation: sep-anim 1.05s infinite;

	-ms-animation: sep-anim 1.05s infinite;

	-o-animation: sep-anim 1.05s infinite;

	animation: sep-anim 1.05s infinite

}



@-webkit-keyframes sep-anim {

	100% {

		width: 200%;

		height: 200%;

		opacity: 0

	}



}



@keyframes sep-anim {

	100% {

		width: 200%;

		height: 200%;

		opacity: 0

	}



}



.ttm-icon {

	margin-bottom: 25px;

	display: inline-block;

	vertical-align: middle;

	text-align: center;

	border: 1px solid transparent;

	position: relative;

	transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-webkit-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	box-sizing: content-box;

	position: relative

}



.ttm-icon i {

	display: inline-block;

	vertical-align: middle;

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%)

}



.ttm-icon.ttm-icon_element-size-xs {

	height: 40px;

	width: 40px;

	line-height: 40px

}



.ttm-icon.ttm-icon_element-size-xs i {

	font-size: 20px;

	line-height: 1

}



.ttm-icon.ttm-icon_element-size-sm {

	height: 50px;

	width: 50px;

	line-height: 50px

}



.ttm-icon.ttm-icon_element-size-sm i {

	font-size: 25px

}



.ttm-icon.ttm-icon_element-size-md {

	height: 70px;

	width: 70px;

	line-height: 70px

}



.ttm-icon.ttm-icon_element-size-md i {

	font-size: 30px;

	line-height: 1

}



.ttm-icon.ttm-icon_element-size-lg {

	height: 88px;

	width: 88px;

	line-height: 88px

}



.ttm-icon.ttm-icon_element-size-lg i {

	font-size: 50px

}



.ttm-icon.ttm-icon_element-size-xl {

	height: 90px;

	width: 90px;

	line-height: 90px

}



.ttm-icon.ttm-icon_element-size-xl i {

	font-size: 55px

}



.ttm-icon.ttm-icon_element-onlytxt {

	height: auto;

	width: auto;

	line-height: 1

}



.ttm-icon.ttm-icon_element-onlytxt i {

	position: unset;

	-webkit-transform: translate(0, 0);

	-ms-transform: translate(0, 0);

	-o-transform: translate(0, 0);

	transform: translate(0, 0)

}



.ttm-icon.ttm-icon_element-style-round {

	border-radius: 5px

}



.ttm-icon.ttm-icon_element-style-rounded {

	border-radius: 50%

}



.ttm-icon.ttm-icon_element-style-square {

	border-radius: 0

}



.ttm-list {

	list-style: none;

	padding: 0;

	margin: 0;

	letter-spacing: .3px

}



.ttm-list li {

	position: relative;

	padding-bottom: 5px

}



.ttm-list li:last-child {

	padding-bottom: 0

}



.ttm-list.ttm-list-style-disc {

	list-style: disc;

	padding-left: 15px

}



.ttm-list.ttm-list-style-square {

	list-style: square;

	padding-left: 15px

}



.ttm-list.ttm-list-style-icon li i {

	position: absolute;

	left: auto;

	top: 5px

}



.ttm-list.ttm-list-style-icon li i.fa-minus:before {

	position: absolute;

	content: "";

	top: 6px;

	left: 0;

	height: 2px;

	width: 7px;

	background-color: currentcolor

}



.ttm-list.ttm-list-style-icon .ttm-list-li-content {

	display: inline-block;

	padding-left: 25px

}



.ttm-list.style1 li {

	padding-bottom: 10px

}



.ttm-list.style2 .ttm-list-li-content {

	display: inline-block;

	padding-left: 29px;

	color: #777

}



.inside {

	position: relative;

	transition: all .4s;

	padding: 15px 0 10px

}



.ttm-fid-view-lefticon .ttm-fid-contents, .ttm-fid-view-lefticon .ttm-fid-icon-wrapper, .ttm-fid-view-righticon .ttm-fid-contents, .ttm-fid-view-righticon .ttm-fid-icon-wrapper {

	display: inline-block;

	vertical-align: middle

}



.ttm-fid-view-lefticon .ttm-fid-contents, .ttm-fid-view-righticon .ttm-fid-icon-wrapper {

	padding-left: 15px;

	text-align: left

}



.ttm-fid-view-topicon i {

	margin-bottom: 10px

}



.ttm-fid-icon-wrapper i {

	font-size: 45px;

	line-height: 50px;

	display: inline-block

}



.inside h4, .inside h4 span {

	display: inline-block;

	margin-bottom: 0;

	font-size: 40px;

	line-height: 40px

}



.inside h3 {

	margin-bottom: 0;

	font-size: 16px;

	line-height: 24px;

	font-weight: 500;

	color: inherit;

	position: relative

}



.ttm-fid sub {

	opacity: 1;

	font-size: 35px;

	font-weight: 600;

	bottom: 0;

	margin-left: 2px

}



.ttm-fid.inside.ttm-fid-boxed-view {

	background-color: rgba(0, 0, 0, .02);

	padding: 25px 30px 35px 35px;

	margin: 15px 0

}



.ttm-bgcolor-darkgrey .ttm-fid.inside.ttm-fid-boxed-view, .ttm-bgcolor-skincolor .ttm-fid.inside.ttm-fid-boxed-view {

	background-color: rgba(242, 242, 242, .1)

}



.ttm-fid-view-circle-progress .ttm-circle-content {

	position: relative;

	text-align: center

}



.ttm-circle-boxcontent {

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	text-align: center;

	-khtml-transform: translateX(0) translateY(-50%);

	-moz-transform: translateX(0) translateY(-50%);

	-ms-transform: translateX(0) translateY(-50%);

	-o-transform: translateX(0) translateY(-50%);

	transform: translateX(0) translateY(-50%)

}



.ttm-fid-view-circle-progress .ttm-fid-number, .ttm-fid-view-circle-progress .ttm-fid-number sub, .ttm-fid-view-circle-progress .ttm-fid-number sup {

	font-size: 26px;

	color: #232323

}



.ttm-fid-view-circle-progress .ttm-fid-title {

	font-size: 20px;

	line-height: 34px;

	font-weight: 400;

	text-align: center;

	padding-top: 2px;

	letter-spacing: .5px

}



.ttm-highlight-fid-style1 {

	width: 200px;

	position: absolute;

	bottom: 50px;

	left: 0;

	padding: 20px 30px 30px

}



.ttm-highlight-fid-style1 .ttm-fid-icon {

	padding-bottom: 10px

}



.ttm-highlight-fid-style1 .ttm-fid-icon i {

	font-size: 50px

}



.ttm-highlight-fid-style1 .ttm-fid-contents {

	padding-left: 0;

	display: inline-block;

	width: 100%

}



.ttm-highlight-fid-style1 h4 {

	font-size: 40px;

	line-height: 50px;

	margin-right: 10px;

	color: var(--theme1);

	display: inline;

	float: left;

	position: relative

}



.ttm-highlight-fid-style1 sub {

	font-size: 46px;

	font-weight: 700

}



.ttm-highlight-fid-style1 h3 {

	font-size: 20px;

	line-height: 26px;

	display: inline

}



.ttm-highlight-fid-style1 h3 span {

	padding: 0;

	margin-top: 25px;

	display: block

}



.ttm-fid.inside.style2 {

	text-align: center;

	padding: 29px 15px 21px 15px

}



.ttm-fid.inside.style2 h4, .ttm-fid.inside.style2 h4 span {

	font-size: 70px;

	color: var(--theme1)

}



.ttm-fid.inside.style2 h3.ttm-fid-title {

	padding-top: 25px;

	font-size: 21px;

	font-weight: 700

}



.ttm-fid.inside.style2 h3.ttm-fid-title:after {

	transform: scaleX(0);

	transition: transform .8s ease-in-out;

	position: absolute;

	content: '';

	border-bottom: 3px solid;

	height: 1px;

	width: 55%;

	left: 23%;

	padding-top: 41px;

	color: var(--theme1)

}



.ttm-fid.inside.style2:hover h3.ttm-fid-title:after {

	transform: scaleX(1)

}



.ttm-fid.inside.style3 {

	padding: 35px 30px 40px;

	position: absolute;

	left: -30px;

	bottom: 60px;

	border-radius: 5px;

	max-width: 170px

}



.ttm-fid.inside.style3 h3.ttm-fid-title {

	font-size: 16px;

	line-height: 23px;

	margin-bottom: 0;

	padding-top: 8px;

	font-weight: 500

}



.ttm-fid.inside.style3 h4, .ttm-fid.inside.style3 h4 span {

	font-size: 56px;

	line-height: 1

}



.ttm-fid.inside.style3 h4 span {

	margin-left: 4px

}



.featured-icon-box {

	position: relative;

	margin: 15px 0

}



.featured-icon-box .ttm-icon {

	margin-bottom: 0

}



.featured-title h3 {

	font-size: 21px;

	line-height: 30px;

	margin-bottom: 10px

}



.featured-icon-box .featured-icon .ttm-icon i {

	display: inline-block;

	transition: all .5s ease

}



.featured-icon-box.icon-align-before-content .featured-content, .featured-icon-box.icon-align-before-content .featured-icon, .featured-icon-box.icon-align-before-title .featured-icon, .featured-icon-box.icon-align-before-title .featured-title {

	display: table-cell;

	vertical-align: middle

}



.featured-icon-box.icon-align-before-content .featured-icon i {

	display: inline-block;

	vertical-align: middle

}



.featured-icon-box.icon-align-before-content.icon-ver_align-top .featured-icon {

	vertical-align: top;

	padding-top: 3px

}



.featured-icon-box.icon-align-before-content .featured-content, .featured-icon-box.icon-align-before-title .featured-title {

	padding-left: 15px

}



.featured-icon-box.icon-align-before-content .featured-title h3 {

	margin-bottom: 8px

}



.featured-icon-box.icon-align-before-content.icon-ver_align-top {

	margin-bottom: 0

}



.featured-icon-box.icon-align-before-title .featured-title h3 {

	margin-bottom: 0

}



.featured-icon-box.icon-align-before-content .featured-content .featured-desc p {

	margin-bottom: 0

}



.featured-icon-box.icon-align-before-title .featured-content {

	margin-top: 20px

}



.featured-icon-box.icon-align-top-content .featured-content {

	padding-top: 15px

}



.container {

	counter-reset: featuredbox-number

}



.featuredbox-number .ttm-num:before {

	counter-increment: featuredbox-number;

	content: counter(featuredbox-number) " "

}



.featured-icon-box.icon-align-before-content.style1 {

	margin: 0 0 15px

}



.featured-icon-box.icon-align-before-content.style1 .featured-icon {

	padding-top: 6px

}



.featured-icon-box.icon-align-before-content.style1 .featured-title h3 {

	font-size: 15px;

	line-height: 25px;

	margin-bottom: 0

}



.featured-icon-box.icon-align-before-content.style1:hover .featured-icon .ttm-icon i {

	transform: unset

}



.featured-icon-box.style2 {

	padding: 47px 25px 32px 40px;

	position: relative;

	border: 1px solid rgba(0, 0, 0, .09);

	border-color: rgba(255, 255, 255, .4)

}



.featured-icon-box.style2:hover {

	border-color: #fff

}



.featured-icon-box.style2 .featured-icon .ttm-icon i {

	font-size: 40px

}



.ttm-bgcolor-white .featured-icon-box.style2 {

	border: 1px solid rgba(0, 0, 0, .09)

}



.ttm-bgcolor-white .featured-icon-box.style2:hover {

	border-color: rgba(0, 0, 0, .09)

}



.ttm-bgcolor-white .featured-icon-box.style2:after, .ttm-bgcolor-white .featured-icon-box.style2:before {

	border-color: rgba(0, 0, 0, .09)

}



.ttm-bgcolor-white .featured-icon-box.style2:hover:after, .ttm-bgcolor-white .featured-icon-box.style2:hover:before {

	border-color: rgba(0, 0, 0, .09)

}



.featured-icon-box.style2:before {

	position: absolute;

	top: -11px;

	left: -11px;

	content: "";

	transform: rotate(0);

	-webkit-transform: rotate(0);

	border: solid;

	border-width: 0 1px 1px 0;

	display: inline-block;

	padding: 5px;

	-webkit-transition: all .5s ease-out;

	-moz-transition: all .5s ease-out;

	transition: all .7s ease-out;

	border-color: rgba(0, 0, 0, .09);

	border-color: rgba(255, 255, 255, .4)

}



.featured-icon-box.style2:hover:before {

	left: 100%;

	transform: rotate(90deg);

	border-color: #fff

}



.featured-icon-box.style2:after {

	position: absolute;

	bottom: -11px;

	right: -11px;

	content: "";

	transform: rotate(0);

	-webkit-transform: rotate(0);

	border: solid;

	border-width: 1px 0 0 1px;

	display: inline-block;

	padding: 5px;

	-webkit-transition: all .5s ease-out;

	-moz-transition: all .5s ease-out;

	transition: all .7s ease-out;

	border-color: rgba(0, 0, 0, .09);

	border-color: rgba(255, 255, 255, .4)

}



.featured-icon-box.style2:hover:after {

	right: 100%;

	transform: rotate(90deg);

	border-color: #fff

}



.featured-icon-box.style2 .featured-icon {

	opacity: 1

}



.featured-icon-box.style2 .featured-content, .featured-icon-box.style2 .featured-icon {

	transform: translateY(0);

	-ms-transform: translateY(0);

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	transition: all .6s ease;

	-ms-transition: all .6s ease;

	-webkit-transition: all .6s ease;

	-moz-transition: all .6s ease

}



.featured-icon-box.style2:hover .featured-icon {

	transform: translateY(-25px);

	-ms-transform: translateY(-25px);

	-webkit-transform: translateY(-25px);

	-moz-transform: translateY(-25px);

	opacity: 0

}



.featured-icon-box.style2:hover .featured-icon .ttm-icon i {

	transform: unset

}



.featured-imagebox-portfolio.style2 .featured-content .featured-icon i {

	display: inline-block;

	transition: all .5s ease

}



.featured-imagebox-portfolio.style2:hover .featured-content .featured-icon i {

	transform: rotateY(180deg)

}



.featured-icon-box.style2:hover .featured-content {

	transform: translateY(-45px);

	-ms-transform: translateY(-45px);

	-webkit-transform: translateY(-45px);

	-moz-transform: translateY(-45px)

}



.featured-icon-box.style2 .featured-title h3 {

	font-size: 20px

}



.featured-icon-box.style2 .featured-content .ttm-footer {

	transform: translateY(10px);

	-ms-transform: translateY(10px);

	-webkit-transform: translateY(10px);

	-moz-transform: translateY(10px);

	opacity: 0;

	position: absolute;

	width: 100%;

	left: 0

}



.featured-icon-box.style2:hover .featured-content .ttm-footer {

	transform: translateY(-5px);

	-ms-transform: translateY(-5px);

	-webkit-transform: translateY(-5px);

	-moz-transform: translateY(-5px);

	opacity: 1

}



.featured-icon-box.style3 {

	text-align: center;

	padding: 54px 22px 40px;

	box-shadow: none;

	margin: 21px 0 0;

	border: 1px solid rgba(0, 0, 0, .1);

	background-color: #f7f7f7

}



.featured-icon-box.style3:before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	border-bottom: 3px solid #c3002f;

	transition: all .5s ease;

	-moz-transition: all .5s ease;

	-webkit-transition: all .5s ease;

	-ms-transition: all .5s ease;

	-o-transition: all .5s ease;

	-ms-transform: scaleX(0);

	transform: scaleX(0)

}



.featured-icon-box.style3:hover:before {

	transform: scaleX(1)

}



.featured-icon-box.style3:hover .featured-icon i {

	transform: rotateY(180deg)

}



.featured-icon-box.style3 .featured-icon i {

	font-size: 45px

}



.featured-icon-box.style3 .featured-content {

	padding-top: 1px

}



.featured-icon-box.style3 .featured-title h3 {

	font-size: 16px;

	line-height: 26px;

	margin-bottom: 0

}



.featured-icon-box.style4 {

	text-align: center;

	margin: 20px 0 15px

}



.featured-icon-box.style4 .featured-icon {

	position: relative;

	transition: all .5s ease

}



.featured-icon-box.style4:hover .featured-icon {

	transform: translateY(-10px)

}



.featured-icon-box.style4 .featured-icon .ttm-icon {

	position: relative;

	font-size: 56px;

	line-height: 167px;

	height: 150px;

	width: 150px;

	text-align: center;

	margin: 0 auto;

	border: 1px dashed;

	border-radius: 50%;

	color: rgba(24, 24, 24, .59);

	-webkit-transition: .4s ease-in-out;

	-ms-transition: .4s ease-in-out;

	-moz-transition: .4s ease-in-out;

	-o-transition: .4s ease-in-out;

	transition: .5s ease-in-out

}



.featured-icon-box.style4:hover .featured-icon .ttm-icon {

	background-color: #f7f7f7;

	border-color: var(--theme1)

}



.featured-icon-box.style4:hover .featured-icon .ttm-icon i {

	color: var(--theme1)

}



.featured-icon-box.style4 .featured-icon .ttm-icon i {

	font-size: 56px;

	color: rgba(24, 24, 24, .59)

}



.featured-icon-box.style4 .ttm-num {

	position: absolute;

	z-index: 9;

	top: 0;

	right: 0;

	font-size: 20px;

	font-weight: 500;

	border-radius: 50%;

	height: 50px;

	width: 50px;

	line-height: 47px;

	border: 1px dashed;

	background-color: #fff;

	text-align: center

}



.featured-icon-box.style4 .featured-content {

	padding: 23px 15px 0

}



.featured-icon-box.style5:hover .featured-icon .ttm-icon i {

	transform: rotateY(180deg)

}



.featured-icon-box.style6 .featured-content {

	padding-left: 40px

}



.featured-icon-box.style6 .featured-title h3 {

	font-size: 21px;

	line-height: 30px

}



.featured-icon-box.style7 {

	text-align: center;

	-webkit-box-shadow: 0 0 7px 0 rgb(43 52 59 / 8%);

	-moz-box-shadow: 0 0 7px 0 rgba(43, 52, 59, .08);

	box-shadow: 0 0 7px 0 rgb(43 52 59 / 8%);

	padding-bottom: 33px

}



.featured-icon-box.style7 .featured-content {

	padding-top: 25px

}



.featured-icon-box.style7 .featured-title h3 {

	color: #232323

}



.featured-icon-box.style7 .featured-icon .ttm-icon {

	position: relative;

	height: 60px;

	width: 60px;

	display: block;

	margin: 0 auto;

	line-height: 55px;

	border: 0;

	background-color: var(--theme1)

}



.featured-icon-box.style7 .featured-icon .ttm-icon i {

	color: #fff

}



.featured-icon-box.style7:hover .featured-icon .ttm-icon i {

	transform: rotateY(180deg)

}



.featured-icon-box.style7 .featured-icon .ttm-icon:before {

	content: "";

	position: absolute;

	top: -12px;

	left: 60px;

	border-width: 0 13px 12px 0;

	border-style: solid;

	border-right-color: transparent !important;

	border-left-color: transparent !important;

	display: block;

	border-color: var(--theme1);

	transition: all .4s;

	opacity: .7

}



.featured-icon-box.style7 .featured-icon .ttm-icon:after {

	position: absolute;

	content: "";

	right: 0;

	height: 11px;

	width: 100%;

	top: -11px;

	z-index: -4;

	border-color: var(--theme1);

	transition: all .5s;

	background-color: var(--theme1);

	transform: scale(1, 1.2)

}



.featured-icon-box.style7 .featured-desc p {

	margin-bottom: 0

}



.featured-icon-box.style7 .featured-inner:after {

	transform: scaleX(0);

	transition: transform .8s ease-in-out;

	position: absolute;

	content: '';

	border-bottom: 5px solid;

	height: 1px;

	width: 100%;

	left: 0;

	bottom: 0;

	border-bottom-color: var(--theme1)

}



.featured-icon-box.style7:hover .featured-inner:after {

	transform: scaleX(1)

}



.featured-imagebox, .featured-imagebox .featured-thumbnail {

	position: relative;

	overflow: hidden

}



.featured-imagebox {

	margin: 15px 0

}



.featured-imagebox .featured-content .featured-title h3 {

	position: relative;

	overflow: hidden

}



.featured-imagebox .featured-content .category, .featured-imagebox .featured-content .category a {

	font-size: 14px;

	line-height: 15px;

	display: inline-block

}



.featured-imagebox .featured-thumbnail img {

	width: 100%;

	transition: transform .5s ease-in-out

}



.featured-imagebox:hover .featured-thumbnail img {

	transform: scale(1.2)

}



.ttm-box-view-content-inner, .ttm-box-view-overlay {

	position: relative

}



.ttm-box-view-content-inner:before, .ttm-box-view-overlay:before {

	content: "";

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: absolute;

	opacity: 0;

	transition: all .5s linear;

	z-index: 1

}



div:hover>.ttm-box-view-content-inner:before, div:hover>.ttm-box-view-overlay:before {

	opacity: .8;

	visibility: visible

}



.ttm-portfolio-format-video {

	position: relative;

	overflow: hidden;

	padding-bottom: 83.95%;

	padding-top: 23px;

	height: 0

}



.ttm-portfolio-format-video iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: none

}



.featured-imagebox-portfolio.style1 {

	z-index: 1;

	background-color: #fff;

	margin: 0 0 15px;

	border-right: 1px solid rgba(0, 0, 0, .09)

}



.featured-imagebox-portfolio.style1:before {

	content: "";

	position: absolute;

	z-index: 1;

	background-color: rgba(0, 0, 0, .6);

	top: 0;

	bottom: -5px;

	left: 0;

	right: 0;

	opacity: 0;

	backface-visibility: hidden;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.featured-imagebox-portfolio.style1.active:before {

	opacity: 1;

	backface-visibility: visible

}



.featured-imagebox-portfolio.style1:hover:before {

	opacity: 1;

	backface-visibility: visible

}



.featured-imagebox-portfolio.style1 .featured-thumbnail {

	opacity: 0

}



.featured-imagebox-portfolio.style1.active .featured-thumbnail {

	opacity: 1

}



.featured-imagebox-portfolio.style1:hover .featured-thumbnail {

	opacity: 1

}



.featured-imagebox-portfolio.style1 .featured-thumbnail img {

	width: calc(100% + 10px);

	max-width: none;

	height: 380px;

	opacity: 0;

	backface-backface-visibility: hidden;

	-webkit-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	transform: unset

}



.featured-imagebox-portfolio.style1.active .featured-thumbnail img {

	opacity: 1;

	backface-backface-visibility: visible;

	-webkit-transform: translateX(-10px);

	-ms-transform: translateX(-10px);

	transform: translateX(-10px)

}



.featured-imagebox-portfolio.style1:hover .featured-thumbnail img {

	opacity: 1;

	backface-backface-visibility: visible;

	-webkit-transform: translateX(-10px);

	-ms-transform: translateX(-10px);

	transform: translateX(-10px)

}



.featured-imagebox-portfolio.style1 .featured-content {

	position: absolute;

	background-color: #fff;

	padding: 60px 35px 35px 35px;

	left: 0;

	right: 0;

	top: 0

}



.featured-imagebox-portfolio.style1.active .featured-content, .featured-imagebox-portfolio.style1:hover .featured-content {

	color: #fff;

	background-color: unset;

	z-index: 2

}



.featured-imagebox-portfolio.style1 .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover {

	background-color: unset

}



.featured-imagebox-portfolio.style1.active .featured-title h3 a, .featured-imagebox-portfolio.style1:hover .featured-title h3 a {

	color: #fff

}



.featured-imagebox-portfolio.style1 .featured-content .featured-icon i {

	display: inline-block;

	transition: all .5s ease

}



.featured-imagebox-portfolio.style1:hover .featured-content .featured-icon i {

	transform: rotateY(180deg)

}



.featured-imagebox-portfolio.style1 .featured-title {

	padding-bottom: 12px

}



.featured-imagebox-portfolio.style1 .featured-title h3 {

	margin-bottom: 0

}



.featured-imagebox-portfolio.style1 .featured-desc {

	margin-bottom: 35px

}



.featured-imagebox-portfolio.style1 .featured-desc p {

	overflow: hidden;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical

}



.featured-imagebox-portfolio.style1 .ttm-footer .ttm-btn.ttm-btn-color-white:hover, .featured-imagebox-portfolio.style4 .ttm-footer .ttm-btn.ttm-btn-color-white:hover {

	background-color: transparent

}



.featured-imagebox-portfolio.style2 {

	z-index: 1;

	background-color: #fff;

	overflow: visible

}



.featured-imagebox-portfolio.style2:before {

	content: "";

	position: absolute;

	z-index: 1;

	background-color: rgba(0, 0, 0, .6);

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	opacity: 0;

	backface-visibility: hidden;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.featured-imagebox-portfolio.style2 .featured-icon .ttm-icon {

	margin-bottom: 15px

}



.featured-imagebox-portfolio.style2.active:before {

	opacity: 1;

	backface-visibility: visible

}



.featured-imagebox-portfolio.style2:hover:before {

	opacity: 1;

	backface-visibility: visible

}



.featured-imagebox-portfolio.style2 .featured-thumbnail {

	opacity: 0

}



.featured-imagebox-portfolio.style2.active .featured-thumbnail {

	opacity: 1

}



.featured-imagebox-portfolio.style2:hover .featured-thumbnail {

	opacity: 1

}



.featured-imagebox-portfolio.style2 .featured-thumbnail img {

	width: calc(100% + 10px);

	max-width: none;

	height: 290px;

	opacity: 0;

	backface-backface-visibility: hidden;

	-webkit-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	transform: unset

}



.featured-imagebox-portfolio.style2.active .featured-thumbnail img {

	opacity: 1

}



.featured-imagebox-portfolio.style2:hover .featured-thumbnail img {

	opacity: 1

}



.featured-imagebox-portfolio.style2 .featured-content {

	position: absolute;

	background-color: #fff;

	padding: 47px 40px 7px;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	text-align: center;

	border: 1px solid rgba(0, 0, 0, .15)

}



.featured-imagebox-portfolio.style2 .featured-content:before {

	position: absolute;

	top: -11px;

	left: -11px;

	content: "";

	transform: rotate(0);

	-webkit-transform: rotate(0);

	border: solid;

	border-width: 0 1px 1px 0;

	display: inline-block;

	padding: 5px;

	-webkit-transition: all .9s ease-out;

	-moz-transition: all .9s ease-out;

	transition: all .9s ease-out;

	border-color: rgba(0, 0, 0, .15);

	z-index: 9

}



.featured-imagebox-portfolio.style2 .featured-content:after {

	position: absolute;

	bottom: -11px;

	right: -11px;

	content: "";

	transform: rotate(0);

	-webkit-transform: rotate(0);

	border: solid;

	border-width: 1px 0 0 1px;

	display: inline-block;

	padding: 5px;

	-webkit-transition: all .9s ease-out;

	-moz-transition: all .9s ease-out;

	transition: all .9s ease-out;

	border-color: rgba(0, 0, 0, .15)

}



.featured-imagebox-portfolio.style2:hover .featured-content:before {

	left: 100%;

	transform: rotate(90deg)

}



.featured-imagebox-portfolio.style2:hover .featured-content:after {

	right: 100%;

	transform: rotate(90deg)

}



.featured-imagebox-portfolio.style2.active .featured-content, .featured-imagebox-portfolio.style2:hover .featured-content {

	color: #fff;

	background-color: unset;

	z-index: 2

}



.featured-imagebox-portfolio.style2 .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover {

	background-color: unset

}



.featured-imagebox-portfolio.style2.active .featured-title h3 a, .featured-imagebox-portfolio.style2:hover .featured-title h3 a {

	color: #fff

}



.featured-imagebox-portfolio.style2 .featured-content .featured-icon i {

	display: inline-block;

	transition: all .5s ease

}



.featured-imagebox-portfolio.style2:hover .featured-content .featured-icon i {

	transform: rotateY(180deg)

}



.featured-imagebox-portfolio.style2 .featured-title {

	padding-bottom: 15px

}



.featured-imagebox-portfolio.style2 .featured-title h3 {

	margin-bottom: 0

}



.featured-imagebox-portfolio.style2 .featured-desc {

	margin-bottom: 35px

}



.featured-imagebox-portfolio.style2 .featured-desc p {

	overflow: hidden;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical

}



.featured-imagebox-portfolio.style3 .featured-content-inner {

	position: absolute;

	height: 100%;

	width: 100%;

	top: 0;

	background-color: rgba(24, 24, 24, .73);

	opacity: 0;

	transition: opacity .4s ease-in-out, left .4s ease-in-out

}



.featured-imagebox-portfolio.style3 .featured-content-inner:before {

	position: absolute;

	content: '';

	opacity: 0;

	top: 20px;

	right: 15px;

	bottom: 20px;

	left: 15px;

	border-top: 1px solid rgba(255, 255, 255, .5);

	border-bottom: 1px solid rgba(255, 255, 255, .5);

	-webkit-transform: scale(0, 1);

	transform: scale(0, 1);

	-webkit-transform-origin: 0 0;

	transform-origin: 0 0;

	-webkit-transition: opacity .35s, -webkit-transform .35s;

	transition: opacity .35s, transform .35s;

	pointer-events: none

}



.featured-imagebox-portfolio.style3 .featured-content-inner:after {

	top: 15px;

	right: 20px;

	bottom: 15px;

	left: 20px;

	border-right: 1px solid rgba(255, 255, 255, .5);

	border-left: 1px solid rgba(255, 255, 255, .5);

	-webkit-transform: scale(1, 0);

	transform: scale(1, 0);

	-webkit-transform-origin: 100% 0;

	transform-origin: 100% 0;

	position: absolute;

	content: '';

	opacity: 0;

	-webkit-transition: opacity .35s, -webkit-transform .35s;

	transition: opacity .35s, transform .35s;

	pointer-events: none

}



.featured-imagebox-portfolio.style3 .featured-content {

	position: absolute;

	top: 50px;

	left: 50px;

	right: 40px;

	opacity: 0;

	-webkit-transition: all .8s .2s;

	transition: all .8s .2s

}



.featured-imagebox-portfolio.style3 .featured-title h3 {

	margin-bottom: 10px;

	font-size: 22px;

	line-height: 30px;

	position: relative;

	text-align: left

}



.featured-imagebox-portfolio.style3 .featured-desc p {

	color: rgba(255, 255, 255, .7)

}



.featured-imagebox-portfolio.style3 .ttm-footer {

	position: absolute;

	bottom: 50px;

	left: 50px;

	opacity: 0;

	-webkit-transition: all .8s .2s;

	transition: all .8s .2s

}



.featured-imagebox-portfolio.style3 .ttm-footer .ttm-btn i {

	font-size: 10px;

	line-height: 10px

}



.featured-imagebox-portfolio.style3:hover .featured-content-inner {

	opacity: 1

}



.featured-imagebox-portfolio.style3:hover .featured-content-inner:before {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1)

}



.featured-imagebox-portfolio.style3:hover .featured-content-inner:after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1)

}



.featured-imagebox-portfolio.style3:hover .featured-content {

	opacity: 1

}



.featured-imagebox-portfolio.style3:hover .ttm-footer {

	opacity: 1

}



.featured-imagebox-portfolio.style4 {

	z-index: 1;

	background-color: #fff;

	overflow: visible

}



.featured-imagebox-portfolio.style4:before {

	content: "";

	position: absolute;

	z-index: 1;

	background-color: rgba(0, 0, 0, .6);

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	opacity: 0;

	backface-visibility: hidden;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.featured-imagebox-portfolio.style4 .featured-icon .ttm-icon {

	margin-bottom: 25px

}



.featured-imagebox-portfolio.style4.active:before {

	opacity: 1;

	backface-visibility: visible

}



.featured-imagebox-portfolio.style4:hover:before {

	opacity: 1;

	backface-visibility: visible

}



.featured-imagebox-portfolio.style4 .featured-thumbnail {

	opacity: 0

}



.featured-imagebox-portfolio.style4.active .featured-thumbnail {

	opacity: 1

}



.featured-imagebox-portfolio.style4:hover .featured-thumbnail {

	opacity: 1

}



.featured-imagebox-portfolio.style4 .featured-thumbnail img {

	width: calc(100% + 10px);

	max-width: none;

	height: 405px;

	opacity: 0;

	backface-backface-visibility: hidden;

	-webkit-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	transform: unset

}



.featured-imagebox-portfolio.style4.active .featured-thumbnail img {

	opacity: 1

}



.featured-imagebox-portfolio.style4:hover .featured-thumbnail img {

	opacity: 1

}



.featured-imagebox-portfolio.style4 .featured-content {

	position: absolute;

	background-color: #fff;

	padding: 60px 35px 35px;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	text-align: center;

	box-shadow: 0 0 7px 0 rgb(43 52 59 / 8%)

}



.featured-imagebox-portfolio.style4.active .featured-content, .featured-imagebox-portfolio.style4:hover .featured-content {

	color: #fff;

	background-color: unset;

	z-index: 2

}



.featured-imagebox-portfolio.style4 .ttm-btn.ttm-btn-style-border.ttm-btn-color-darkgrey:hover {

	background-color: unset

}



.featured-imagebox-portfolio.style4.active .featured-title h3 a, .featured-imagebox-portfolio.style4:hover .featured-title h3 a {

	color: #fff

}



.featured-imagebox-portfolio.style4 .featured-content .featured-icon i {

	display: inline-block;

	transition: all .5s ease

}



.featured-imagebox-portfolio.style4:hover .featured-content .featured-icon i {

	transform: rotateY(180deg)

}



.featured-imagebox-portfolio.style4 .featured-title {

	padding-bottom: 12px

}



.featured-imagebox-portfolio.style4 .featured-title h3 {

	margin-bottom: 0

}



.featured-imagebox-portfolio.style4 .featured-desc {

	margin-bottom: 35px

}



.featured-imagebox-portfolio.style5 .ttm-box-view-overlay:before {

	background-image: -webkit-linear-gradient(90deg, rgba(35, 35, 35, .9)40%, rgba(0, 0, 0, 0)60%)

}



.featured-imagebox-portfolio.style5:hover .ttm-box-view-overlay:before {

	opacity: 1

}



.featured-imagebox-portfolio.style5 .ttm-footer {

	position: absolute;

	top: 30px;

	right: 30px

}



.featured-imagebox-portfolio.style5 .ttm-footer a {

	height: 45px;

	width: 45px;

	line-height: 40px;

	border-radius: 3px;

	text-align: center;

	color: #fff;

	position: relative;

	display: inline-block;

	vertical-align: top;

	transform: scale(0) rotate(360deg);

	-webkit-transform: scale(0) rotate(360deg);

	-ms-transform: scale(0) rotate(360deg);

	-webkit-transition: all .9s ease;

	-moz-transition: all .9s ease;

	-ms-transition: all .9s ease;

	-o-transition: all .9s ease;

	transition: all .9s ease;

	background-color: var(--theme1)

}



.featured-imagebox-portfolio.style5 .ttm-footer a i {

	color: #fff;

	margin-left: 4px;

	font-size: 16px;

	line-height: 1

}



.featured-imagebox-portfolio.style5:hover .ttm-footer a {

	transform: scale(1) rotate(0);

	-webkit-transform: scale(1) rotate(0);

	-ms-transform: scale(1) rotate(0)

}



.featured-imagebox-portfolio.style5 .featured-content {

	padding: 40px 0 40px 40px;

	position: absolute;

	bottom: 0;

	opacity: 0;

	text-align: left;

	z-index: 2

}



.featured-imagebox-portfolio.style5:hover .featured-content {

	opacity: 1

}



.featured-imagebox-portfolio.style5 .featured-content .featured-desc p {

	font-size: 15px;

	transform: translateY(100%);

	transition: all .7s linear;

	margin-bottom: 0

}



.featured-imagebox-portfolio.style5 .featured-title h3 {

	margin-bottom: 2px;

	transform: translateY(100%);

	transition: all .9s linear;

	font-size: 22px

}



.featured-imagebox-portfolio.style5:hover .featured-content .featured-desc p, .featured-imagebox-portfolio.style5:hover .featured-title h3 {

	transform: translateY(0)

}



/*shop-image-box*/

.featured-imagebox-shop.style1 {

	background-color: #fff;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -ms-transition: all 0.3s;

    transition: all 0.3s;

    margin-bottom: 35px;

}

.featured-imagebox-shop.style1 .featured-icon-wrapper {

	position: relative;

    overflow: hidden;

}

.featured-imagebox-shop.style1 .featured-iconbox {

	position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    display: table;

    width: 100%;

    max-width: 100%;

    z-index: 3;

    text-align: center;

}

.featured-imagebox-shop.style1:hover .featured-iconbox {

	visibility: visible;

    margin-top: 0;

    bottom: 0;

}

.featured-imagebox-shop.style1 .featured-iconbox:hover .featured-cart-btn {

    transition-delay: 100ms;

    -webkit-transition-delay: 100ms;

    -moz-transition-delay: 100ms;

    -o-transition-delay: 100ms;

    border-left: 1px solid rgba(246, 246, 246, .18);

    border-right: 1px solid rgba(246, 246, 246, .18);

    transform: translateY(0);

    opacity: 1;

    visibility: visible;

}

.featured-imagebox-shop.style1 .featured-iconbox .featured-cart-btn {

	height: 48px;

    line-height: 46px;

    font-size: 14px;

    padding: 0;

    display: table-cell;

    vertical-align: middle;

    opacity: 0;

    visibility: hidden;

    transform: translateY(20px);

    -webkit-transform: translateY(20px);

    -moz-transform: translateY(20px);

    -o-transform: translateY(20px);

    transition: all 500ms;

    -webkit-transition: all 500ms;

    -moz-transition: all 500ms;

    -o-transition: all 500ms;

    background-color: #232323;

}

.featured-imagebox-shop.style1:hover .featured-iconbox .featured-cart-btn {

	transform: translateY(0);

    opacity: 1;

    visibility: visible;

}

.featured-imagebox-shop.style1 .featured-iconbox .featured-cart-btn a {

	color: #fff;

    text-align: center;

    padding: 0;

    margin: 0;

    background: none;

    letter-spacing: 0;

    transition: none;

    padding-left: 0;

    font-size: 16px;

    font-weight: 600

}

.featured-imagebox-shop.style1 .ttm-shop-image-box .shop-labels span {

	background: var(--theme1);

    color: #fff;

    font-size: 13px;

    padding: 0 10px;

    display: table;

    position: absolute;

    text-align: center;

    top: 20px;

    left: 20px;

    min-width: 50px;

    line-height: 26px;

    z-index: 5;

    min-height: auto;

    font-weight: 400;

    height: 26px;

    width: 55px;

    max-width: 55px;

    vertical-align: top;

    border-radius: 0;

    margin: 0;

    right: 0;

}

.featured-imagebox-shop.style1 .ttm-shop-image-box .onsale span {

	background-color: var(--theme1);

}

.featured-imagebox-shop.style1 .ttm-shop-image-box .shop-labels:first-child {

    top: 20px;

}

.featured-imagebox-shop.style1 .featured-content {

	text-align: center;

    padding: 15px 0 13px 0;

    position: relative;

}

.featured-imagebox-shop.style1 .featured-content .featured-title h3 {

	display: inline;

    padding: 0;

    margin: 0;

    font-size: 17px;

    padding-bottom: 0;

    line-height: 25px;

    -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;

    transition: all 0.3s ease 0s;

    font-weight: 700;

    color: #232323;

}

.star-rating i {

	font-size: 12px;

    display: block;

    text-align: center;

    color: #f5cc26 !important;

}

.star-rating ul { padding: 5px 0 5px; margin: 0; }

.star-rating li { display: inline-block; }

.price .compare-prize {

    color: #7b8095;

    font-size: 16px;

    display: inline-block;

    text-decoration: line-through;

}

.price .original-prize {

    display: inline-block;

    font-size: 16px;

    color: #343c5c;

}

.price {

	display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

}

.shop .shop-menu-box .shop-text {

	font-weight: 400;

    font-size: 15px;

    line-height: 27px;

    letter-spacing: 0.3px;

    color: #777777;

}

.shop-mainmenu-box {

	display: flex;

    justify-content: space-between;

}

.coupon button ,

.button.cart-btn{ background-color: #232323; }



.featured-imagebox-team.style1:hover .featured-thumbnail img {

	transform: scale(1.05)

}



.featured-imagebox-team.style1 .featured-thumbnail img {

	transition: .4s ease-in-out

}



.featured-imagebox-team.style1 .ttm-media-link {

	opacity: 0;

	position: absolute;

	top: -16px;

	left: auto;

	bottom: 0;

	right: -40px;

	width: 18%;

	padding-top: 74px;

	padding-left: 5px;

	-webkit-transition: .5s all ease;

	-ms-transition: .5s all ease;

	-moz-transition: .5s all ease;

	-o-transition: .5s all ease;

	transition: .5s all ease;

	text-align: center

}



.featured-imagebox-team.style1:hover .ttm-media-link {

	opacity: 1;

	z-index: 1;

	right: 0

}



.featured-imagebox-team.style1 .media-block .social-icons li {

	list-style: none;

	padding-bottom: 15px;

	margin: 0

}



.featured-imagebox-team.style1 .featured-content {

	position: relative;

	padding: 15px 25px 17px 25px

}



.featured-imagebox-team.style1 .featured-content .featured-title h3 {

	font-size: 19px;

	line-height: 23px;

	margin-bottom: 0

}



.featured-imagebox-team.style1 .team-position {

	font-size: 13px;

	margin-bottom: 0

}



.featured-imagebox-post {

	overflow: visible;

	z-index: 9999;

	margin: 10px 0 25px

}



.featured-imagebox-post .featured-content .post-meta span {

	display: inline-block;

	position: relative;

	margin-right: 20px;

	font-size: 14px;

	line-height: 14px;

	font-style: normal;

	margin-bottom: 10px

}



.featured-imagebox-post .featured-content .post-meta span a {

	color: inherit

}



.featured-imagebox-post .featured-content .post-meta span:last-child {

	margin-right: 0

}



.featured-imagebox-post .featured-content .post-meta span:not(:last-child):after {

	position: absolute;

	display: inline-block;

	content: "";

	background-color: #e7e7e7;

	width: 1px;

	height: 100%;

	vertical-align: middle;

	top: 0;

	right: -12px

}



.featured-imagebox-post .featured-content .post-meta span i {

	padding-right: 5px;

	font-size: 14px

}



.featured-imagebox-post .ttm-box-post-date .ttm-entry-date {

	color: #000;

	display: inline-block;

	border-bottom: 3px solid var(--theme1)

}



.featured-imagebox-post .ttm-box-post-date {

	position: absolute;

	border-radius: 0;

	text-align: center;

	font-weight: 500;

	font-size: 17px;

	text-transform: uppercase;

	top: -40px;

	left: 30px;

	background-color: #fff;

	transition: all .5s ease .3s

}



.featured-imagebox-post .ttm-box-post-date .entry-date {

	height: 60px;

	width: 60px;

	display: block;

	line-height: 1;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	align-self: center;

	font-weight: 800;

	font-size: 17px

}

.ttm-box-post-date .ttm-entry-date .entry-month, .ttm-box-post-date .ttm-entry-date .entry-year {

	font-size: 15px;

	padding-top: 4px;

	font-weight: 400;

	display: block;

	text-transform: capitalize

}

.post-bottom.ttm-post-link {

	display: flex

}

.ttm-post-format-video {

	position: relative;

	overflow: hidden;

	padding-bottom: 64.25%;

	padding-top: 25px;

	height: 0

}

.ttm-post-format-video iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: none

}

.featured-imagebox-post.style1 .featured-content {

	background-color: #fff;

	padding: 44px 30px 45px 30px;

	margin: 0;

	border: 1px solid rgba(0, 0, 0, .08);

	border-top: none;

	z-index: 1;

	position: relative

}



.featured-imagebox-post.style1:hover .ttm-box-post-date {

	transform: rotateX(360deg)

}



.featured-imagebox-post.style1 .ttm-postbox-desc-footer {

	position: absolute;

	bottom: -17px;

	padding: 0

}



.featured-imagebox-post.style1 .ttm-postbox-desc-footer .ttm-btn {

	padding: 10px 30px 12px

}



.featured-imagebox-post.style2 {

	margin: 20px 0 0

}



.featured-imagebox-post.style2 .ttm-box-post-date {

	top: -20px;

	left: -20px;

	background-color: #232323;

	transition: .4s ease-in-out

}



.featured-imagebox-post.style2 .featured-content .post-meta span:not(:last-child):after {

	content: unset

}



.featured-imagebox-post.style2 .ttm-box-post-date .ttm-entry-date {

	color: #fff;

	border-bottom: none

}



.featured-imagebox-post.style2 .featured-content {

	position: relative;

	margin-left: 40px;

	padding-bottom: 2px;

	margin-top: -60px;

	z-index: 1;

	padding-top: 22px;

	padding-left: 30px

}



.featured-imagebox-post.style2 .featured-imagebox-post-inner {

	z-index: -1;

	border: 20px solid #000;

	border-top: none;

	border-right: none;

	position: relative

}



.featured-imagebox-post.style2 .featured-imagebox-post-inner:before {

	content: '';

	position: absolute;

	width: 100%;

	height: 20px;

	top: -20px;

	right: 20px;

	z-index: 0

}



.featured-imagebox-post.style2 .ttm-postbox-desc-footer {

	position: absolute;

	bottom: -17px;

	padding: 0

}



.featured-imagebox-post.style2 .ttm-postbox-desc-footer .ttm-btn {

	padding: 10px 30px 12px

}



.featured-imagebox-post.style3 {

	margin: 20px 0 15px

}



.featured-imagebox-post.style3 .featured-content {

	padding: 21px 30px 10px;

	margin-top: 0;

	margin-left: 0;

	-webkit-box-shadow: 0 0 7px 0 rgb(43 52 59 / 8%);

	-moz-box-shadow: 0 0 7px 0 rgba(43, 52, 59, .08);

	box-shadow: 0 0 7px 0 rgb(43 52 59 / 8%)

}



.featured-imagebox-post.style3 .featured-content .post-cat {

	padding-bottom: 2px

}



.featured-imagebox-post.style3 .featured-content .post-cat a {

	font-size: 14px;

	color: var(--theme1)

}



.featured-imagebox-post.style3 .featured-content .ttm-footer-content {

	padding-top: 18px;

	position: relative;

	border-top: 1px dashed rgba(0, 0, 0, .07);

	margin-top: 17px

}



.featured-imagebox-post.style3 .featured-content .post-meta {

	margin: 0 0 4px 0;

	padding: 0

}



.featured-imagebox-post.style3 .featured-content .ttm-icon-box {

	position: absolute;

	top: 19px;

	right: 0

}



.featured-imagebox-services.style1 {

	padding: 15px;

	border-radius: 3px;

	padding-bottom: 0;

	margin-bottom: 15px;

	background-color: #fff;

	box-shadow: 0 0 10px 0 rgba(43, 52, 59, .1)

}



.featured-imagebox-services.style1 .featured-content {

	padding: 30px 15px 15px 15px

}



.ttm-progress-bar {

	position: relative

}



.ttm-progress-bar .progressbar-title {

	font-size: 16px;

	line-height: 25px;

	margin-bottom: 6px;

	font-weight: 700

}



.ttm-progress-bar .progress-bar-percent {

	position: absolute;

	right: -20px;

	z-index: 3;

	margin-top: -35px;

	text-shadow: none;

	border-radius: 0;

	top: 0;

	font-size: 14px;

	line-height: 25px;

	font-weight: 400;

	text-align: center;

	height: 25px;

	width: 40px;

	overflow: visible;

	background-color: #000

}



.ttm-progress-bar .progress-bar-percent:before {

	content: '';

	position: absolute;

	width: 0;

	height: 0;

	border-top: 5px solid #000;

	border-left: 5px solid rgba(255, 255, 255, .15);

	border-right: 5px solid rgba(255, 255, 255, .15);

	left: 0;

	right: 0;

	display: block;

	margin: 0 auto;

	top: 25px

}



.ttm-progress-bar .progress-bar {

	display: block;

	height: 8px;

	position: relative;

	background-color: var(--theme1)

}



.ttm-progress-bar:not(:last-child) {

	margin-bottom: 19px

}



.ttm-progress-bar .progress-bar-inner {

	box-shadow: none;

	height: 8px;

	width: 100%;

	z-index: 1;

	background-color: #232323

}



.ttm-bgcolor-skincolor .ttm-progress-bar .progress-bar-inner {

	background-color: rgba(0, 0, 0, .1)

}



.testimonials {

	position: relative

}



.testimonials .testimonial-caption h3 {

	font-size: 17px;

	line-height: 19px;

	margin-bottom: 0

}



.testimonial-caption label {

	margin: 0;

	font-size: 14px

}



.testimonials .testimonial-content blockquote {

	padding: 10px 25px;

	font-size: 17px;

	position: relative;

	line-height: 32px;

	font-style: italic;

	margin: 0;

	padding: 0

}



.star-ratings ul {

	padding: 0;

	margin: 0

}



.star-ratings li {

	font-size: 13.8px;

	min-width: 14px;

	display: inline-block;

	color: #e0e8f0

}



.star-ratings ul li.active, .star-ratings ul li.active i {

	color: #fd4

}



.testimonials.style1 {

	margin-right: 20px;

	margin-bottom: 20px

}



.testimonials.style1:after {

	content: "";

	height: 100%;

	width: 100%;

	background-color: #f7f7f7;

	display: block;

	position: absolute;

	right: -20px;

	top: 20px;

	z-index: -1;

	-webkit-transition: all .5s ease 0s;

	-moz-transition: all .5s ease 0s;

	-ms-transition: all .5s ease 0s;

	-o-transition: all .5s ease 0s;

	transition: all .5s ease 0s

}



.testimonials.style1 .testimonials-inner-item {

	margin-top: 30px;

	margin-bottom: 5px

}



.testimonials.style1 .testimonial-content {

	border: 1px solid #e7e7e7;

	overflow: hidden;

	padding: 18px 30px 30px 30px

}



.testimonials.style1 .testimonial-content:before {

	position: absolute;

	content: '';

	height: 38px;

	width: 50px;

	right: 25px;

	top: -20px;

	display: block;

	background-repeat: no-repeat;

	-webkit-mask-box-image: url(../images/quote.svg);

	background-color: #f7f7f7;

	-webkit-transition: all .5s ease 0s;

	-moz-transition: all .5s ease 0s;

	-ms-transition: all .5s ease 0s;

	-o-transition: all .5s ease 0s;

	transition: all .5s ease 0s;

	mask: url(../images/quote.svg)

}



.testimonials.style1 .ttm-ratting-star {

	overflow: hidden;

	padding: 5px 0 5px 0;

	display: block

}



.testimonials.style1 .ttm-ratting-star i {

	color: #f3c903;

	display: inline-block;

	width: 10px;

	margin: 0 2px

}



.testimonials.style1 .testimonial-avatar {

	display: block;

	width: 100%;

	padding-top: 20px

}



.testimonials.style1 .testimonial-img img {

	display: block;

	width: 50px;

	height: 50px;

	float: left;

	border-radius: 0

}



.testimonials.style1 .testimonial-caption {

	padding-left: 20px;

	display: inline-block

}



.testimonials-info {

	text-align: center;

	position: relative

}



.testimonials-info .testimonials .testimonial-content blockquote {

	position: relative;

	z-index: 1;

	overflow: hidden;

	text-align: center;

	font-size: 21px;

	font-weight: 500;

	line-height: 37px;

	margin: 0 30px 20px

}



.testimonials-info .testimonials .testimonial-content blockquote:before {

	position: absolute;

	content: "";

	background-color: #000;

	-webkit-mask-box-image: url(../images/qoute-bg-icon.svg);

	mask: url(../images/qoute-bg-icon.svg) no-repeat 100% 100%;

	mask-size: cover;

	position: absolute;

	top: 10px;

	left: 10px;

	text-align: center;

	display: block;

	opacity: .1;

	font-style: normal;

	width: 80px;

	height: 60px;

	transform: rotate(180deg)

}



.ttm-bgcolor-darkgrey .testimonials-info .testimonials .testimonial-content blockquote:before, .ttm-bgcolor-skincolor .testimonials-info .testimonials .testimonial-content blockquote:before {

	background-color: #fff

}



.testimonials-info .testimonial-caption label {

	font-size: 14px;

	font-weight: 400;

	color: inherit

}



.testimonials-nav {

	max-width: 315px;

	text-align: center;

	margin: 0 auto;

	margin-top: 25px

}



.testimonials-nav .testimonial-author_info .testimonial-avatar {

	position: relative;

	cursor: pointer;

	height: 92px;

	width: 92px;

	border-radius: 50%;

	margin: 0 5px;

	-webkit-transition: .5s ease;

	-o-transition: .5s ease;

	transition: .5s ease

}



.testimonials-nav .testimonial-author_info .testimonial-avatar img {

	border-radius: 50%;

	-webkit-border-radius: 50%;

	width: 100%;

	height: auto;

	opacity: .3;

	transition: opacity .4s;

	-webkit-transition: opacity .4s;

	transform: translateZ(0) !important;

	-webkit-transform: translateZ(0) !important;

	border: 1px solid transparent;

	padding: 5px

}



.testimonials-nav .slick-current.testimonial-author_info .testimonial-avatar img {

	opacity: 1

}



.ttm-bgcolor-darkgrey .testimonials-nav .slick-current.testimonial-author_info .testimonial-avatar img, 

.ttm-bgcolor-skincolor .testimonials-nav .slick-current.testimonial-author_info .testimonial-avatar img {

	border-color: rgba(255, 255, 255, .5)

}



.testimonials-nav .slick-arrow {

	padding: 0;

	margin: 0;

	height: auto;

	width: auto;

	z-index: 1;

	background: 0 0;

	text-align: center

}



.testimonials-nav .slick-arrow.slick-prev {

	right: -15px

}



.testimonials-nav .slick-arrow.slick-next {

	left: -15px

}



.testimonials-nav .slick-next:before, .testimonials-nav .slick-prev:before {

	font-family: FontAwesome;

	content: "\f177";

	color: #7b8095;

	font-size: 15px;

	line-height: 30px;

	position: relative;

	opacity: 1

}



.testimonials-nav .slick-prev:before {

	content: "\f178"

}



.ttm-bgcolor-darkgrey .slick-next:before, .ttm-bgcolor-darkgrey .slick-prev:before, .ttm-bgcolor-skincolor .slick-next:before, .ttm-bgcolor-skincolor .slick-prev:before {

	color: #fff

}



.client-box {

	position: relative;

	text-align: center

}



.client-box .ttm-client-logo-tooltip {

	margin-top: 45px;

	margin-bottom: 45px

}



.client-box .ttm-client-logo-tooltip, .client-box .ttm-client-logo-tooltip-inner {

	position: relative

}



.client-box .ttm-client-logo-tooltip img {

	text-align: center;

	display: block;

	margin: 0 auto;

	opacity: .75

}



.client-box:hover .ttm-client-logo-tooltip img {

	opacity: 1

}



.client-box .ttm-client-logo-tooltip .client-thumbnail_hover {

	position: absolute;

	content: '';

	left: 0;

	right: 0;

	z-index: 1;

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s

}



.client-box:hover .ttm-client-logo-tooltip .client-thumbnail_hover {

	bottom: 0

}



.client-box .client-thumbnail {

	padding: 8px 13px;

	display: table-cell;

	text-align: center;

	align-items: center;

	vertical-align: middle

}



.client-box .client-thumbnail img {

	filter: grayscale(100%);

	-webkit-filter: grayscale(100%);

	opacity: .5;

	-webkit-transition: .6s;

	-moz-transition: .6s;

	transition: .6s;

	display: inline-block

}



.client-box:hover .client-thumbnail img {

	filter: grayscale(0);

	opacity: 1;

	-webkit-transform: translateY(-5px);

	transform: translateY(-5px)

}



.wrap-acadion .accordion {

	margin-top: 15px

}



.accordion .toggle:not(:last-child) {

	border-bottom: 1px solid #eaeaea;

	margin-bottom: 15px;

	padding-bottom: 15px

}



.accordion .toggle-title a {

	display: block;

	font-weight: 600;

	font-size: 18px;

	position: relative

}



.accordion .toggle-title a i {

	margin-right: 15px

}



.accordion .toggle-content {

	margin-top: 15px

}



.accordion .toggle-content.show {

	display: block !important

}



.accordion .toggle-content p:last-child {

	margin-bottom: 0

}



.accordion .toggle .toggle-title a:after {

	position: absolute;

	font-family: FontAwesome;

	right: 20px;

	top: 20px;

	display: inline-block;

	content: "\f067";

	border-radius: 50%;

	font-size: 12px;

	line-height: 10px

}



.accordion .toggle .toggle-title a.active:after {

	content: "\f068"

}



.accordion .toggle.ttm-toggle_style_classic {

	padding-bottom: 0;

	border: 0;

	position: relative;

	margin-bottom: 30px

}



.accordion .toggle.ttm-toggle_style_classic:last-child {

	margin-bottom: 0

}



.accordion .toggle.ttm-toggle_style_classic .toggle-content {

	padding: 18px 20px;

	margin-top: 0;

	margin-bottom: -30px

}



.accordion .toggle.ttm-toggle_style_classic .toggle-title a {

	padding: 15px 20px;

	-webkit-transition: color 0s ease-in-out;

	-o-transition: color 0s ease-in-out;

	transition: color 0s ease-in-out;

	border: 1px solid rgba(0, 0, 0, .1);

	font-family: Jost, Sans-serif

}



.accordion .toggle.ttm-toggle_style_classic .toggle-title a:after {

	top: 30%;

	font-size: 15px;

	line-height: 20px;

	font-weight: 400;

	text-align: center;

	color: #232323

}



.toggle .toggle-title.ttm-toggle_style_classic a.active {

	margin: -1px

}



.accordion .toggle.ttm-toggle_style_border .toggle-title {

	border: 1px solid #f1f1f1

}



.accordion .toggle.ttm-toggle_style_border .toggle-title a {

	padding: 12px 20px

}



.accordion .toggle.ttm-toggle_style_border .toggle-content {

	padding: 14px 20px;

	border: 1px solid #f0f0f0

}



.accordion .toggle.ttm-control-left-true .toggle-title a {

	padding-right: 20px;

	padding-left: 48px

}



.accordion .toggle.ttm-control-left-true .toggle-title a:after {

	left: 20px

}



.accordion .alignleft {

	margin: .375em 1.75em 0 0

}



.wrap-form label {

	width: 100%;

	margin: 0

}



.wrap-form span.text-input {

	margin-bottom: 20px;

	display: block;

	position: relative

}



.wrap-form span.text-input>i {

	position: absolute;

	left: 10px;

	top: 21px;

	opacity: .9;

	font-size: 14px;

	z-index: 1

}



.wrap-form.contact_form span.text-input i {

	position: absolute;

	left: 0;

	top: 20px;

	opacity: .9;

	font-size: 16px;

	z-index: 1

}



.wrap-form.contact_form span.text-input input, .wrap-form.contact_form span.text-input select, .wrap-form.contact_form span.text-input textarea {

	border-radius: 0;

	color: inherit;

	background-color: transparent;

	padding: 15px 30px

}



.wrap-form.contact_form button[type=submit] {

	font-size: 13px;

	padding: 14px 28px

}



.wrap-form.contact_form {

	margin-top: 30px

}



.wrap-form.contact_form .cookies label {

	width: auto;

	display: inline

}



.wrap-form.contact_form .ttm-btn.ttm-btn-size-md {

	padding: 15px 30px

}



.ttm-bgcolor-skincolor .wrap-form.contact_form span.text-input input, .ttm-bgcolor-skincolor .wrap-form.contact_form span.text-input select, .ttm-bgcolor-skincolor .wrap-form.contact_form span.text-input textarea {

	background-color: transparent;

	border: 0;

	color: #fff;

	padding-left: 0;

	border-bottom: 2px solid rgba(255, 255, 255, .12)

}



.ttm-bgcolor-skincolor .wrap-form.contact_form span.text-input input::-webkit-input-placeholder, .ttm-bgcolor-skincolor .wrap-form.contact_form span.text-input select::-webkit-input-placeholder, .ttm-bgcolor-skincolor .wrap-form.contact_form span.text-input textarea::-webkit-input-placeholder {

	color: #fff

}



.wrap-form.request_qoute_form span.text-input input, .wrap-form.request_qoute_form span.text-input select, .wrap-form.request_qoute_form span.text-input textarea {

	padding: 17px 24px 16px;

	border-width: 2px;

	background-color: transparent

}



.ttm-tabs ul.tabs {

	padding: 0;

	margin: 0

}



.ttm-tabs ul.tabs li {

	position: relative;

	display: inline-block;

	margin-bottom: 10px

}



.ttm-tabs ul.tabs li:last-child {

	margin-bottom: 0

}



.ttm-tabs .content-tab .content-inner {

	display: none

}



.ttm-tabs .content-tab .content-inner.active {

	display: block

}



.ttm-tabs.ttm-tab-style-01 ul.tabs {

	display: flex;

	overflow: hidden

}



.ttm-tabs.ttm-tab-style-01 ul.tabs li {

	text-align: center;

	margin: 0;

	-webkit-flex: 1 1 auto;

	flex: 1 1 auto;

	display: block;

	border-bottom: 2px solid #e7e7e7;

	margin-right: 35px

}



.ttm-tabs.ttm-tab-style-01 ul.tabs li:last-child {

	margin-right: 0

}



.ttm-tabs.ttm-tab-style-01 ul.tabs li a {

	padding: 20px 35px;

	font-size: 18px;

	line-height: 1;

	letter-spacing: .5px;

	display: block;

	font-weight: 700

}



.ttm-tabs.ttm-tab-style-01 .content-tab {

	padding-top: 30px

}



.ttm-tabs.ttm-tab-style-01 ul.tabs li.active:before {

	position: absolute;

	content: '';

	width: 0;

	height: 0;

	z-index: 1;

	bottom: 0;

	left: 50%;

	right: 50%;

	border: 6px solid transparent;

	border-top: 0;

	border-bottom-color: #fff;

	margin-bottom: -2px;

	margin-left: -7px

}



.ttm-tabs.ttm-tab-style-01 ul.tabs li.active:after {

	position: absolute;

	content: '';

	width: 0;

	height: 0;

	bottom: -2px;

	left: 50%;

	right: 50%;

	border: 9px solid transparent;

	border-top: 0;

	border-bottom-color: #000;

	margin-left: -10px

}



.ttm-bgcolor-darkgrey .ttm-tabs.ttm-tab-style-01 ul.tabs, .ttm-bgcolor-skincolor .ttm-tabs.ttm-tab-style-01 ul.tabs {

	border-bottom: 1px solid rgba(255, 255, 255, .15)

}



.ttm-tabs.ttm-tab-style-02 ul.tabs li {

	display: inline-block;

	margin-right: 10px

}



.ttm-tabs.ttm-tab-style-02 ul.tabs li a {

	display: block;

	cursor: pointer;

	padding: 8px 25px 10px;

	margin-bottom: 5px;

	width: auto;

	position: relative;

	z-index: 3;

	-webkit-transition: all .3s;

	transition: all .3s;

	background-color: #fff;

	font-size: 16px;

	font-weight: 700;

	border-radius: 0;

	border: none;

	text-transform: capitalize

}



.ttm-tabs.ttm-tab-style-vertical {

	overflow: hidden;

	display: flex;

	justify-content: space-between

}



.ttm-tabs.ttm-tab-style-vertical .content-tab {

	padding: 0;

	margin: 0;

	padding-left: 30px

}



.ttm-tabs.ttm-tab-style-vertical ul.tabs li {

	margin-top: 1px;

	width: 100%;

	display: block

}



.ttm-tabs.ttm-tab-style-vertical ul.tabs li a {

	color: #fff;

	display: block;

	padding: 14px 20px;

	font-size: 17px;

	line-height: 25px;

	margin: 0;

	border-radius: 0

}



.row.ttm-boxes-spacing-30px, .ttm-boxes-spacing-30px {

	margin: 0 -25px

}



.ttm-boxes-spacing-30px .ttm-box-col-wrapper {

	padding-right: 15px;

	padding-left: 15px;

	padding-bottom: 30px

}



.row.ttm-boxes-spacing-25px, .ttm-boxes-spacing-25px {

	margin: 0 -20px

}



.ttm-boxes-spacing-25px .ttm-box-col-wrapper {

	padding-right: 12.5px;

	padding-left: 12.5px;

	padding-bottom: 15px

}



.row.ttm-boxes-spacing-20px, .ttm-boxes-spacing-20px {

	margin: 0 -15px

}



.ttm-boxes-spacing-20px .ttm-box-col-wrapper {

	padding-right: 10px;

	padding-left: 10px;

	padding-bottom: 20px

}



.row.ttm-boxes-spacing-15px, .ttm-boxes-spacing-15px {

	margin: 0 -10px

}



.ttm-boxes-spacing-15px .ttm-box-col-wrapper {

	padding-right: 7.5px;

	padding-left: 7.5px;

	padding-bottom: 15px

}



.row.ttm-boxes-spacing-10px, .ttm-boxes-spacing-10px {

	margin: 0 -5px

}



.ttm-boxes-spacing-10px .ttm-box-col-wrapper {

	padding-right: 5px;

	padding-left: 5px;

	padding-bottom: 10px

}



.row.ttm-boxes-spacing-5px, .ttm-boxes-spacing-5px {

	margin: 0

}



.ttm-boxes-spacing-5px .ttm-box-col-wrapper {

	padding-right: 2.5px;

	padding-left: 2.5px;

	padding-bottom: 5px

}



.row.ttm-boxes-spacing-0px, .ttm-boxes-spacing-0px {

	margin: 0

}



.ttm-boxes-spacing-0px .ttm-box-col-wrapper {

	padding-right: 0;

	padding-left: 0;

	margin-bottom: 0;

	outline: 0

}



.sidebar .widget-area .widget {

	position: relative;

	overflow: hidden;

	margin-bottom: 25px;

	padding: 35px 25px 30px

}



.sidebar .widget-area.widget_border .widget:not(.widget-contact) {

	padding: 15px 0 15px;

	overflow: visible;

	background-color: transparent;

	margin-bottom: 0

}



.sidebar .widget-area .widget:last-child, .sidebar .widget-area .widget_border .widget:last-child {

	margin-bottom: 0

}



.sidebar .widget ul {

	margin: 0;

	padding: 0

}



.sidebar .widget ul>li {

	padding-bottom: 10px;

	padding-top: 10px;

	list-style: none;

	position: relative;

	border-top: 1px dashed rgba(0, 0, 0, .09)

}



.sidebar .widget ul>li:first-child {

	border-top: none;

	padding-top: 0

}



.sidebar .widget ul>li:last-child {

	padding-bottom: 0

}



.sidebar .widget .widget-title {

	margin-bottom: 20px;

	position: relative;

	padding-bottom: 12px;

	display: block;

	border-bottom: 1px solid rgba(0, 0, 0, .09);

	font-size: 20px;

	line-height: 28px;

	background-color: transparent

}



.sidebar .widget .widget-title:after {

	display: block;

	content: "";

	position: absolute;

	height: 3px;

	width: 70px;

	left: 0;

	bottom: -1px;

	-webkit-transition: all .5s ease 0s;

	-moz-transition: all .5s ease 0s;

	-ms-transition: all .5s ease 0s;

	-o-transition: all .5s ease 0s;

	transition: all .5s ease 0s;

	background-color: var(--theme1)

}



.sidebar .widget:hover .widget-title:after {

	width: 100%

}



.sidebar .widget-area.widget_border .widget.widget-banner, .sidebar .widget-area.widget_border .widget.widget-search {

	padding: 0;

	border: 0;

	margin-bottom: 20px

}



.sidebar .widget.widget-search .search-form {

	border: 0;

	position: relative

}



.sidebar .widget.widget-search .search-form label {

	display: block;

	margin: 0

}



.sidebar .widget-search .screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden

}



.sidebar .widget.widget-search .search-form .btn[type=submit] {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	padding: 0;

	width: 49px;

	height: 100%;

	line-height: 0;

	font-size: 14px;

	z-index: 1;

	border-radius: unset;

	box-shadow: unset

}



.sidebar .widget.widget-search .search-form .btn[type=submit] i {

	margin: 0;

	padding: 0

}



.widget ul.ttm-recent-post-list>li {

	padding: 0 0 10px;

	border-top: none

}



.widget ul.ttm-recent-post-list>li:last-child {

	padding-bottom: 0

}



.widget ul.ttm-recent-post-list>li>.post-detail a {

	display: block;

	position: relative;

	overflow: hidden;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical

}



.widget ul.ttm-recent-post-list>li img {

	display: block;

	width: 80px;

	height: 80px;

	float: left;

	margin-right: 18px

}



.widget ul.ttm-recent-post-list>li .post-date {

	display: block;

	font-size: 13px;

	margin-bottom: 2px

}



.widget ul.ttm-recent-post-list>li .post-date i {

	margin-right: 6px;

	font-size: 11px

}



.widget ul.ttm-recent-post-list li:after {

	content: " ";

	display: table;

	clear: both

}



.widget-categories ul li a {

	position: relative;

	padding-left: 25px

}



.widget-categories ul li {

	padding: 12px 0 !important;

	border-top: 1px solid #f0f0f0;

	position: relative

}



.widget-categories ul li:first-child {

	padding-top: 0 !important

}



.widget-categories ul li:last-child {

	padding-bottom: 0 !important

}



.widget-categories ul li a:before {

	position: absolute;

	content: "\e65d";

	font-family: themify;

	top: 0;

	left: 0;

	font-size: 14px;

	line-height: 20px

}



.widget .tagcloud a {

	display: inline-block;

	padding: 7px 21px;

	margin: 0 4px 10px;

	border: 1px solid #e3e3e3;

	border-radius: 0;

	font-size: 15px !important;

	background-color: #fff;

	font-weight: 500;

	color: inherit

}



.widget.widget-nav-menu ul li {

	margin: 0 0 10px;

	padding: 0;

	border: 0;

	position: relative;

	display: block;

	background-color: #fff;

	transition: all .4s

}



.widget.widget-nav-menu ul li:last-child {

	margin-bottom: 0

}



.widget.widget-nav-menu ul li a {

	display: block;

	padding: 13px 15px 13px 15px;

	position: relative;

	z-index: 1;

	font-size: 15px;

	background-color: #fff;

	font-weight: 700;

	-webkit-box-shadow: 0 0 7px 0 rgb(43 52 59 / 6%);

	-moz-box-shadow: 0 0 7px 0 rgba(43, 52, 59, .06);

	box-shadow: 0 0 7px 0 rgb(43 52 59 / 6%)

}



.widget.widget-nav-menu ul li a:before {

	content: "";

	width: 100%;

	left: 0;

	bottom: 50%;

	background: #eaeaea;

	height: 0;

	position: absolute;

	transition: all .3s cubic-bezier(.645, .045, .355, 1);

	z-index: -1

}



.widget.widget-nav-menu ul li.active a:before, .widget.widget-nav-menu ul li:hover a:before {

	height: 100%;

	bottom: 0

}



.sidebar .widget-area .widget.widget-download {

	padding: 0;

	border: 0

}



.widget.widget-download ul li {

	margin-bottom: 10px;

	padding: 0;

	border: 0

}



.widget.widget-download ul li a {

	display: block;

	width: 100%;

	font-size: 16px;

	line-height: 24px;

	font-weight: 600;

	border: 1px solid #e8ecef

}



.widget.widget-download ul li i {

	color: #fff;

	font-size: 20px;

	height: 51px;

	width: 51px;

	text-align: center;

	line-height: 51px;

	display: inline-block;

	margin-right: 20px;

	margin-top: -1px;

	margin-bottom: -1px

}



.gallery-wrapper {

	display: inline-table;

	margin: 0 -1.1666667% -1.1666667%

}



.gallery-item {

	display: inline-table;

	max-width: 33.33%;

	padding: 0 1.1400652% 2.1801304%;

	text-align: center;

	vertical-align: top;

	margin: 0

}



.widget.contact-widget .featured-title h3 {

	color: #000

}



.widget.contact-widget .featured-icon-box {

	background-color: #fff;

	padding: 8px 20px 7px;

	margin-bottom: 10px;

	-webkit-box-shadow: 0 0 7px 0 rgb(43 52 59 / 6%);

	-moz-box-shadow: 0 0 7px 0 rgba(43, 52, 59, .06);

	box-shadow: 0 0 7px 0 rgb(43 52 59 / 6%)

}



.sidebar .widget-area.widget_border .widget.widget-banner .spacing-13 {

	padding: 33px 30px 40px

}



.sidebar .widget-area.widget_border .widget.widget-banner .widget-title {

	border-bottom-color: rgba(255, 255, 255, .7)

}



.ttm-quicklink-box {

	margin-top: 25px

}



.sidebar .widget-area.widget_border .widget.widget-banner .ttm-lefticon-box {

	width: 45px;

	height: 45px;

	font-size: 22px;

	line-height: 50px;

	text-align: center;

	padding: 0;

	background-color: var(--theme1);

	display: table-cell;

	vertical-align: top

}



.sidebar .widget-area.widget_border .widget.widget-banner .ttm-righttext-box {

	padding-left: 20px;

	display: table-cell

}



.sidebar .widget-area.widget_border .widget.widget-banner .ttm-righttext-box h3 {

	font-size: 14px;

	line-height: 21px;

	margin-bottom: 0

}



.sidebar .widget-area.widget_border .widget.widget-banner .ttm-righttext-box p {

	font-size: 20px;

	line-height: 30px;

	margin-bottom: 0;

	font-weight: 700

}



.sidebar .widget-area.widget_border .widget.widget-follow-us ul>li {

	border-top: none;

	padding-bottom: 15px;

	margin-top: -10px

}



.sidebar .widget-area.widget_border .widget.widget-follow-us ul>li a:hover {

	background-color: transparent;

	color: var(--theme1);

	border-color: var(--theme1)

}



.pagination-block {

	display: block;

	margin-top: 35px;

	text-align: center

}



.pagination-block .page-numbers {

	width: 35px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	display: inline-block;

	color: #656c76;

	font-size: 15px;

	font-weight: 600;

	border: 1px solid #e9eef6;

	border-radius: 0;

	margin: 0 3px;

	padding: 0;

	-webkit-transition: all .3s ease 0s;

	-moz-transition: all .3s ease 0s;

	-ms-transition: all .3s ease 0s;

	-o-transition: all .3s ease 0s;

	transition: all .3s ease 0s

}



.ttm-bgcolor-grey .pagination-block .page-numbers {

	background-color: #fff

}



.pagination-block .page-numbers i {

	font-size: 12px

}



.ttm-pricing-plan {

	text-align: center;

	display: block;

	position: relative;

	background-color: #f7f7f7;

	padding-bottom: 30px;

	position: relative;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease;

	margin-top: 30px

}



.ttm-pricing-plan:hover {

	-webkit-transform: translateY(-5px);

	transform: translateY(-5px)

}



.ttm-pricing-plan .ttm-p_table-image img {

	width: 100%;

	height: auto

}



.ttm-pricing-plan .ttm-p_table-amount, .ttm-pricing-plan .ttm-p_table-price {

	position: absolute;

	padding: 5px 30px 5px;

	margin-bottom: 0;

	background: #fff;

	display: block;

	top: 0;

	border: none;

	margin-top: 0

}



.ttm-pricing-plan .ttm-p_table-amount .cur_symbol {

	display: inline-block;

	font-size: 34px;

	color: #232323

}



.ttm-pricing-plan .ttm-p_table-amount .pac_frequency {

	font-size: 35px;

	line-height: 60px;

	font-weight: 600;

	display: inline-block

}



.ttm-pricing-plan .ttm-p_table-title h3 {

	padding-top: 30px;

	font-size: 24px;

	line-height: 30px;

	margin-bottom: 0

}



.ttm-pricing-plan .ttm-p_table-body {

	position: relative;

	padding: 16px 0 10px

}



.ttm-pricing-plan .ttm-p_table-body ul {

	list-style-type: none;

	margin: 0;

	padding: 12px 35px 10px

}



.ttm-pricing-plan .ttm-p_table-body ul li {

	padding: 14px 0 11px 0;

	margin: 0;

	border-bottom: 1px solid rgba(0, 0, 0, .08)

}



.ttm-pricing-plan .ttm-p_table-body ul li:first-child {

	border-top: 1px solid rgba(0, 0, 0, .08)

}



.ttm-pricing-plan .ttm-p_table-body ul li i {

	margin-right: 10px

}



.ttm-pricing-plan .ttm-p_table-footer {

	display: block;

	margin-top: 22px;

	margin-bottom: 17px;

	text-align: center

}



.ttm-pricing-plan .ttm-p_table-footer a {

	padding: 11px 30px 12px

}



.product {

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-o-transition: all .3s;

	-ms-transition: all .3s;

	transition: all .3s;

	margin-bottom: 35px

}



.product-thumbnail {

	position: relative;

	overflow: hidden

}



.product:hover .product-thumbnail img {

	-webkit-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1)

}



.product .onsale {

	color: #fff;

	background-color: #000;

	font-size: 13px;

	padding: 0 10px;

	display: table;

	position: absolute;

	text-align: center;

	top: 20px;

	left: 20px;

	min-width: 50px;

	line-height: 26px;

	z-index: 5;

	min-height: auto;

	font-weight: 400;

	height: 26px;

	width: 55px;

	max-width: 55px;

	vertical-align: top;

	border-radius: 3px;

	margin: 0

}



.ttm-shop-icon {

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 1;

	right: 0;

	text-align: center

}



.ttm-shop-icon .product-btn {

	height: 48px;

	line-height: 48px;

	opacity: 0;

	visibility: hidden;

	transform: translateY(20px);

	-webkit-transform: translateY(20px);

	-moz-transform: translateY(20px);

	-o-transform: translateY(20px);

	transition: all .5s;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s

}



.product:hover .ttm-shop-icon .product-btn {

	transform: translateY(0);

	opacity: 1;

	visibility: visible

}



.ttm-shop-icon .product-btn a {

	color: #fff

}



.product .product-content {

	padding: 18px;

	position: relative;

	border-top: 1px solid #f0f0f0;

	text-align: center

}



.product .product-content .product-title h2 {

	margin: 0;

	font-size: 17px;

	line-height: 25px

}



.product .ttm-ratting-star, .widget-top-rated-products .ttm-ratting-star {

	font-size: 12px;

	letter-spacing: 1px;

	color: #f5cc26 !important;

	padding: 0

}



.product-price {

	font-size: 16px;

	color: #343c5c;

	font-weight: 600

}



.product-price del {

	font-size: 15px;

	color: #7b8095

}



.product-price ins, .widget-top-rated-products ins {

	margin-left: 5px;

	text-decoration: none

}



.widget-top-rated-products ins {

	padding: 1px 2px

}



.products-ordering, .products-result-count {

	display: inline-block;

	vertical-align: middle;

	margin-bottom: 30px;

	justify-content: space-between

}



.products-ordering select {

	background-color: #fff;

	text-indent: 0;

	-webkit-appearance: none;

	-moz-appearance: none;

	position: relative;

	padding-top: 0;

	padding-bottom: 0;

	padding-right: 50px;

	height: 46px

}



.products-ordering .orderby {

	position: relative

}



.products-ordering .orderby:after {

	content: "\f0d7";

	font-family: FontAwesome;

	display: inline-block;

	position: absolute;

	right: 20px;

	top: 10px

}



ul.product_list_widget li img {

	width: 80px;

	float: left;

	margin-left: 0;

	margin-right: 15px

}



.ttm-single-product-details {

	position: relative;

	overflow: hidden

}



.ttm-single-product-info {

	margin-bottom: 30px

}



.ttm-single-product-details div.images {

	width: 48%;

	float: left

}



.ttm-single-product-details div.summary {

	width: 48%;

	float: right;

	margin-bottom: 30px

}



.ttm-single-product-details .singel_product_title, .ttm-single-product-details h3 {

	font-size: 30px;

	line-height: 1;

	margin-bottom: 8px

}



.summary .price .Price-amount {

	font-size: 22px

}

.summary .product-rating ul.star-rating  {

	padding-left: 0;

}

.summary .ttm-ratting-star {

	line-height: 1;

	padding: 0;

	margin: 0;

	margin-right: 5px;

	display: inline-block

}

.ttm-single-product-info .summary p.price { justify-content: unset; padding-top: 10px; color: var(--theme1); }

.ttm-single-product-details .product-details__short-description {

	margin-top: 20px;

	margin-bottom: 30px

}

.summary .product-name {

	font-size: 30px;

    margin-bottom: 8px;

    color: #232323;

}



.screen-reader-text {

	display: none

}



.quantity .qty {

	height: 41px;

	width: 5.2em

}



.ttm-single-product-details .summary form.cart {

	margin-top: 30px;

	margin-bottom: 30px

}



.ttm-single-product-details form.cart div.quantity {

	float: left;

	margin: 0 4px 0 0

}



.posted_in, .sku_wrapper {

	display: block

}



.posted_in span, .sku_wrapper span {

	font-weight: 500

}



.posted_in a {

	font-weight: 400

}



.ttm-single-product-details ul.tabs li a {

	font-weight: 600;

	padding: 12px 30px;

	font-size: 15px;

	display: block;

	border: 1px solid #e4e4e4;

	position: relative;

	margin-bottom: 0;

	text-transform: capitalize

}



.ttm-single-product-details ul.tabs li.active a {

	background-color: #fff !important;

	border-color: #e4e4e4 !important;

	border-bottom: 0 !important

}



.ttm-single-product-details ul.tabs li a:before {

	position: absolute;

	content: '';

	left: 0;

	top: -1px;

	width: 100%;

	height: 3px;

	opacity: 0;

	background-color: #f7bd00

}



.ttm-single-product-details ul.tabs li.active a:before {

	opacity: 1

}



.ttm-single-product-details ul.tabs li {

	margin: 0 2px

}



.ttm-single-product-details ul.tabs li:first-child {

	margin-left: 0

}



.ttm-single-product-details .ttm-tabs .content-inner h2 {

	font-size: 24px;

	line-height: 1

}



.ttm-single-product-details .ttm-tabs .tabs {

	margin-bottom: 0

}



.ttm-single-product-details .ttm-tabs .content-tab {

	width: 100%;

	background: #fff !important;

	margin-top: -2px;

	padding: 30px;

	border: 1px solid #ececec

}



.related.products {

	margin-top: 50px

}



#reviews #comments ol {

	margin: 0;

	padding: 0;

	list-style: none

}



#reviews #comments ol.commentlist li img.avatar {

	width: 65px

}



#reviews #comments ol.commentlist li img.avatar {

	float: left;

	position: absolute;

	top: 0;

	left: 0;

	margin: 0;

	box-shadow: none

}

#reviews #comments ul.star-rating {

	padding-left: 0;

}

#reviews #comments ul.star-rating li i {

	font-size: 12px;

    display: block;

    text-align: center;

    color: #f5cc26 !important;

}

#reviews #comments ol.commentlist li {

	padding: 0;

	margin: 0 0 20px;

	position: relative;

	border: 0

}



#reviews #comments ol.commentlist li .comment-text {

	border: 1px solid #e4e1e3;

	padding: 1em 1em 0;

	border-radius: 0;

	margin-left: 80px

}



#reviews #comments ol.commentlist li .comment-text p.meta {

	font-size: 12px;

	margin-bottom: 9px

}

.ttm-product-content span.price { justify-content: unset; }

#reviews #comments ol.commentlist li .comment-text p.meta .eview__author {

	font-size: 16px;

	font-weight: 600

}



.Reviews .star-rating {

	margin: 0;

	margin-top: 7px;

	float: right

}



.comment-form-rating {

	padding-bottom: 20px

}



.comment-form-rating .stars {

	margin: 0;

	padding: 0;

	margin-bottom: 15px;

	color: #ffdd20

}



#review_form_wrapper .comment-reply-title {

	font-size: 18px;

	line-height: 20px;

	color: #283d58

}



#review_form_wrapper .comment-respond p {

	margin: 0 0 10px

}



#reviews #review_form_wrapper select {

	width: 154px !important

}



#reviews #comment {

	height: 75px

}



#review_form_wrapper .comment-respond .form-submit {

	margin-top: 30px

}



table {

	border-collapse: collapse;

	border-spacing: 0;

	vertical-align: middle;

	width: 100%;

	margin: 0 0

}



table tbody tr, table thead tr {

	border: 1px solid #e6e6e6

}



table tbody th {

	border-right: 1px solid #e6e6e6

}



table.shop_attributes th {

	width: 150px;

	font-weight: 400;

	padding: 8px;

	border-top: 0;

	border-bottom: 1px dotted rgba(0, 0, 0, .1);

	margin: 0;

	line-height: 1.5

}



table.shop_attributes td {

	font-style: italic;

	border-top: 0;

	border-bottom: 1px dotted rgba(0, 0, 0, .1);

	margin: 0;

	padding-left: 10px;

	line-height: 1.5

}

.button.ttm-btn.cart-btn:hover {

	background-color: var(--theme1) !important;

	border-color: var(--theme1) !important;

} 

table.shop_attributes td p {

	margin: 0;

	padding: 8px 0

}



.checkout, .ttm-cart-form {

	margin: 0;

	background-color: #fff;

	padding: 30px;

}



.checkout abbr {

	color: red

}



.checkout .form-group .form-control {

	padding: 10px 15px

}



.shop_table {

	border: 1px solid #ededed;

	margin: 0 -1px 24px 0;

	text-align: left;

	width: 100%;

	border-collapse: separate;

	border-radius: 0

}



table.shop_table .Price-amount {

	color: #4d5257

}



table.shop_table tbody tr, table.shop_table thead tr {

	border: 1px solid #e6e6e6

}



table.shop_table th {

	font-weight: 700;

	padding: 9px 12px;

	line-height: 1.5em;

	border-top: 1px solid rgba(0, 0, 0, .1)

}



table.shop_table td {

	border-top: 1px solid rgba(0, 0, 0, .1);

	padding: 5px 10px;

	vertical-align: middle;

	line-height: 1.5em

}



table.shop_table .product-thumbnail img {

	width: 32px;

	height: auto

}



table.shop_table td.actions {

	text-align: right

}



table.shop_table td.actions .form-control {

	width: 150px;

	float: left;

	padding: 12px

}



.quantity, .quantity input {

	height: 41px;

	width: 88px

}



.coupon {

	float: left;

	padding: 10px 0;

}



table.shop_table td.actions .input-text {

	width: 150px;

	margin-right: 15px;

}



.coupon .form-control {

	float: left;

	margin: 0 4px 0 0;

}



.actions button, .coupon button, a.checkout-button {

	border: 0

}



.coupon button, a.checkout-button, button.cart_button {

	padding: 15px 30px 15px;

	font-size: 14px;

	line-height: 1;

	text-align: center;

}



button[disabled], html input[disabled] {

	cursor: not-allowed;

	opacity: .5

}



.cart-collaterals {

	margin-top: 60px

}



.cart-collaterals .cart_totals {

	float: right;

	width: 48%

}



.cart_totals h2 {

	margin-bottom: 15px;

	font-size: 24px

}



a.checkout-button {

	display: block

}



a.remove {

	display: block;

	font-size: 1.5em;

	height: 1em;

	width: 1em;

	text-align: center;

	line-height: 1;

	border-radius: 100%;

	color: red;

	text-decoration: none;

	font-weight: 700;

	border: 0

}



a.remove:hover {

	color: #fff;

	background: red

}



.checkout-process-div {

	margin: 16px 0;

	overflow: hidden;

	text-align: center

}



.checkout-button-separator {

	display: block;

	opacity: .5;

	margin: 0 0 16px

}



.form-row .required {

	color: red;

	font-weight: 700;

	border: 0 !important;

	text-decoration: none

}



form .form-row {

	padding: 3px;

	margin: 0 0 6px

}



.checkout h3#order_review_heading {

	margin-bottom: 30px;

	font-size: 30px;

	margin-top: 15px

}



.checkout #payment {

	background: #ebe9eb;

	border-radius: 5px

}



ul.payment_methods {

	text-align: left;

	padding: 1em;

	border-bottom: 1px solid #d3ced2;

	margin: 0;

	list-style: none outside

}



#payment .payment_box {

	border-top: 3px solid #a46497;

	position: relative;

	box-sizing: border-box;

	width: 100%;

	padding: 1em;

	border-radius: 2px;

	line-height: 1.5;

	background-color: #f8f9fa;

	color: #515151;

	padding-left: 50px

}



#payment div.form-row {

	padding: 1em

}



.checkout-process-div {

	margin: 16px 0;

	overflow: hidden

}



.checkout-button-separator {

	display: block;

	opacity: .5;

	margin: 0 0 16px

}



.coupon_toggle .coupon_code {

	padding: 1em 2em 1em 3.5em;

	margin: 0 0 2em;

	position: relative;

	border-top: 3px solid;

	background-color: #f8f9fa

}



#payment .payment_box:before, .coupon_toggle .coupon_code:before {

	display: inline-block;

	position: absolute;

	top: 15px;

	left: 1.5em;

	content: "\e67c";

	font-family: themify

}



.checkout-form input[type=email], .checkout-form input[type=tel], .checkout-form input[type=text] {

	line-height: normal

}



.checkout .additional-fields h3, .checkout .billing-fields h3 {

	font-size: 28px

}



.checkout-form.checkout-form-row-first, .checkout-form.checkout-form-row-last {

	width: 47%;

	overflow: visible

}



.checkout-form.checkout-form-row-first {

	float: left

}



.checkout-form.checkout-form-row-last {

	float: right

}



.checkout-form .required {

	color: red;

	font-weight: 700;

	border: 0 !important;

	text-decoration: none

}



#payment div.checkout-form {

	padding: 1em

}



.checkout .checkout-form-row-first, .checkout .checkout-form-row-last {

	width: 47%;

	overflow: visible

}



.checkout .checkout-form-row-first {

	float: left

}



.checkout .checkout-form-row-last {

	float: right

}



.ttm-slider-inner:before {

	position: absolute;

	content: '';

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

	top: 7.8%;

	right: 6%;

	bottom: 7.8%;

	left: 6%;

	border-top: 1px outset rgba(255, 255, 255, .7);

	border-bottom: 1px outset rgba(255, 255, 255, .7);

	width: 88%

}



.ttm-slider-inner:after {

	position: absolute;

	content: '';

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

	top: 4%;

	right: 7.8%;

	bottom: 4%;

	left: 7.8%;

	border-right: 1px outset rgba(255, 255, 255, .7);

	border-left: 1px outset rgba(255, 255, 255, .7);

	height: 93%

}



.tm_coverimgbox_wrapper {

	position: relative;

	width: 100%;

	overflow: hidden;

	display: flex;

	background: #000

}



.tm_coverimgbox_wrapper.four_cols .tm_coverbox_contents {

	-webkit-box-flex: 0;

	-ms-flex: 0 0 25%;

	flex: 0 0 25%;

	max-width: 25%

}



.tm_coverimgbox_wrapper .tm_coverbox_img {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 0;

	overflow: hidden

}



.tm_coverimgbox_wrapper .tm_coverbox_img {

	visibility: hidden;

	opacity: 0;

	transition-duration: 1.5s;

	transition: all 1s

}



.tm_coverimgbox_wrapper .tm_coverbox_contents:before {

	content: '';

	position: absolute;

	height: 100%;

	width: 100%;

	background: rgb(0 0 0 / 40%);

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 0

}



.tm_coverimgbox_wrapper .tm_box_overlay, .tm_coverimgbox_wrapper .tm_coverbox_img {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 0;

	overflow: hidden

}



.tm_coverimgbox_wrapper .tm_box_overlay {

	z-index: 1;

	background: rgba(0, 0, 0, .3)

}



.tm_coverimgbox_wrapper .tm_coverbox_img img {

	width: 100% !important;

	height: 100% !important;

	object-fit: cover

}



.tm_coverimgbox_wrapper .tm_coverbox_img.active {

	opacity: 1;

	visibility: visible;

	-ms-transform: scale(1.05);

	-moz-transform: scale(1.05);

	-o-transform: scale(1.05);

	-webkit-transform: scale(1.05);

	transform: scale(1.05)

}



.tm_coverbox_contents {

	min-height: 65vh

}



.tm_coverimgbox_wrapper .tm_coverbox_contents {

	position: relative;

	z-index: 2;

	padding: 0 50px 57px;

	display: flex;

	height: 100%;

	flex-direction: column;

	justify-content: flex-end;

	border-right: 1px solid rgba(256, 256, 256, .5)

}



.tm_coverimgbox_wrapper .tm_coverbox_contents .featured-content {

	opacity: 0;

	transition: transform .9s ease;

	-moz-transform: translateY(170px);

	-ms-transform: translateY(170px);

	-webkit-transform: translateY(170px);

	transform: translateY(170px)

}



.tm_coverimgbox_wrapper .tm_coverbox_contents:hover .featured-content {

	opacity: 1;

	-moz-transform: translateY(0);

	-ms-transform: translateY(0);

	-webkit-transform: translateY(0);

	transform: translateY(0)

}



.tm_coverimgbox_wrapper .tm_coverbox_contents:first-child .featured-content {

	opacity: 1;

	transform: translateY(0)

}



.tm_coverimgbox_wrapper .featured-content .featured-title h3 {

	margin-bottom: 35px;

	position: relative

}



.tm_coverimgbox_wrapper .featured-content .featured-title h3:after {

	content: '';

	position: absolute;

	width: 100px;

	height: 1px;

	bottom: -13px;

	left: 0

}



.tm_coverimgbox_wrapper .featured-content .featured-desc p {

	padding-bottom: 13px

}



.tm_coverimgbox_wrapper .featured-content .ttm-footer a {

	padding: 10px 30px

}



.tm_coverimgbox_wrapper .featured-content .ttm-footer a:hover {

	background-color: transparent

}



.tm_coverimgbox_wrapper .tm_coverbox_contents .coverbox-img-reposive {

	display: none;

	background-size: cover;

	background-repeat: no-repeat

}



.ttm_floting_customsett {

	position: fixed;

	top: 50%;

	right: 0;

	padding: 3px 0 10px;

	margin: -89px 0 0;

	background-color: #fff;

	box-shadow: 0 6px 12px rgb(0 0 0 / 25%);

	z-index: 99999

}



.tmtheme_fbar_icons {

	display: block;

	position: relative;

	width: 55px;

	height: 45px;

	line-height: 52px;

	text-align: center

}



.tmtheme_fbar_icons i {

	display: inline-block;

	vertical-align: middle;

	transition: .3s;

	font-size: 21px;

	color: #232323

}



.tmtheme_fbar_icons>span {

	display: block;

	position: absolute;

	right: 100%;

	top: 0;

	background-color: #fff;

	box-shadow: 0 6px 12px rgb(0 0 0 / 25%);

	opacity: 0;

	visibility: hidden;

	font-size: 16px;

	color: #232323;

	transform: translateX(-5px);

	transition: .5s ease;

	padding: 0 20px

}



.tmtheme_fbar_icons>span>span {

	padding-left: 5px

}



.tmtheme_fbar_icons>span:after {

	content: '';

	position: absolute;

	top: -2px;

	bottom: -10px;

	right: -15px;

	width: 15px;

	background-color: #fff;

	height: 55px

}



.tmtheme_fbar_icons:hover>span {

	opacity: 1;

	visibility: visible;

	transform: translateX(0)

}



.ttm_floting_customsett {

	position: fixed;

	top: 50%;

	right: 0;

	padding: 3px 0 10px;

	margin: -89px 0 0;

	background-color: #fff;

	box-shadow: 0 6px 12px rgb(0 0 0 / 25%);

	z-index: 99999

}



.tmtheme_fbar_icons {

	display: block;

	position: relative;

	width: 55px;

	height: 45px;

	line-height: 52px;

	text-align: center

}



.tmtheme_fbar_icons i {

	display: inline-block;

	vertical-align: middle;

	transition: .3s;

	font-size: 21px;

	color: #232323

}



.tmtheme_fbar_icons>span {

	display: block;

	position: absolute;

	right: 100%;

	top: 0;

	background-color: #fff;

	box-shadow: 0 6px 12px rgb(0 0 0 / 25%);

	opacity: 0;

	visibility: hidden;

	font-size: 16px;

	color: #232323;

	transform: translateX(-5px);

	transition: 0.5s ease;

	padding: 0 20px

}



.tmtheme_fbar_icons>span>span {

	padding-left: 5px

}



.tmtheme_fbar_icons>span:after {

	content: '';

	position: absolute;

	top: -2px;

	bottom: -10px;

	right: -15px;

	width: 15px;

	background-color: #fff;

	height: 55px

}



.tmtheme_fbar_icons:hover>span {

	opacity: 1;

	visibility: visible;

	transform: translateX(0)

}



.tm-desctext {

	position: absolute;

	top: 30px;

	background-color: #fff;

	max-width: 400px;

	right: 30px;

	padding: 30px 50px 23px 30px;

	text-align: left

}



.tm-desctext:before {

	display: block;

	content: "";

	position: absolute;

	width: 6px;

	height: 100%;

	left: 0;

	top: 0;

	background-color: #ffb120

}



.tm-iocnbox-btn {

	font-size: 18px;

	line-height: 26px;

	margin-top: 15px

}