.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: 0px 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 0px 51px 0px;}

.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 0px 70px 0px;}





/* ===============================================

2.Row-Equal-Height

------------------------*/

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

}





/* ===============================================

3.Bg-Layer 

------------------------*/

.ttm-bg { position: relative; }

.ttm-col-bgimage-yes { z-index: 1; }

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

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

	height: 100%;

}

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

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





/* ===============================================

4.Row-Bg-Image  

------------------------*/

.bg-img1{

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

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center; 

}

.bg-img2{

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

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center; 

}

/*.bg-img3{

background: url(../images/row-bgimage-3.png) #fff;

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; 

}



/* ===============================================

5.Col-Bg-Image  

------------------------*/

.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/feature-bg.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/fact-bg.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/contact-form.jpg);

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



/* ===============================================

6.Section-Title  

------------------------*/

.section-title{

	position: relative;

	margin-bottom: 19px;

}

.section-title h3{

	text-transform: uppercase;

	font-size: 13px;

	line-height: 26px;

	letter-spacing: 0.5px;

	display: block;

	padding-left: 47px;

	margin-bottom: 5px;

	position: relative;

}

.section-title h3:before,

.section-title h3:after{

	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;

}
.follow-box .section-title h2.title{
	font-size: 45px;
}
.bolg-section_1 .section-title h2.title {
	color: #df1e26;
}
.section-title.title-style-center_text{

	text-align: center;

	margin-bottom: 20px;

}

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

	padding-left: 0px;

	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: 0px;}

.section-title .title-desc { padding-top: 5px; }

.section-title.without-seperator {

	margin-bottom: 24px;

}

.section-title.without-title-desc {

	margin-bottom: 0px;

}

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

	margin-bottom: 5px;

}



/* style2 */

.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 0.7s ease-in-out;

	left: 0;

	bottom: -1px;

	top: auto;

}

.section-title.style2 .title-desc .ttm-underline-strong { position:relative;}

.section-title.style2 .title-header, 

.section-title.style2 .title-desc{

	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 0.7s ease-in-out;

	bottom: -5px;;

}

.ttm-underline-strong {

	position: relative;

}



.row-title .section-title h3{ 

	font-size: 18px;

	padding-left: 0px;

	margin-bottom: 22px;

	line-height: 1;

}

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

.row-title .section-title h3:after{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;

}





/* ===============================================

7.sep_holder

------------------------*/

.ttm-horizontal_sep {

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

	display: block;

	position: relative;

}

.ttm-bgcolor-darkgrey .ttm-horizontal_sep{

	border-top-color: rgba(255,255,255,0.08);

}

.ttm-bgcolor-white .ttm-horizontal_sep{

	border-top-color: #f1f1f1;

}

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

	border-color: #e7e7e7 !important;

}

.ttm-bgcolor-darkgrey .border,

.ttm-bgcolor-darkgrey .border-top,

.ttm-bgcolor-darkgrey .border-left,

.ttm-bgcolor-darkgrey .border-bottom,

.ttm-bgcolor-darkgrey .border-right,

.ttm-bgcolor-skincolor .border,

.ttm-bgcolor-skincolor .border-top,

.ttm-bgcolor-skincolor .border-left,

.ttm-bgcolor-skincolor .border-bottom,

.ttm-bgcolor-skincolor .border-right{

	border-color: rgba(255,255,255,0.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;

}





/* ===============================================

8.Buttons

------------------------*/

.ttm-btn{ 

	display: inline-block;

	vertical-align: middle;

	font-size: 15px;

	line-height: normal;

	padding: 11px 32px 11px 31px;

	background: transparent; 

	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 0.5s ease 0s;

}



/* ttm-btn-style*/

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

	position: absolute;

	content: "";

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	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:before,

.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:after {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;

}





/** btn-with-icon **/

.ttm-btn.ttm-icon-btn-right i, .ttm-btn.ttm-icon-btn-left 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;}



/** btn-size-xs **/

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



/** btn-size-sm **/

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



/** btn-size-md **/

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



/** btn-size-lg **/

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



/** btn-shape **/

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



/** btn-style-border **/

.ttm-btn.ttm-btn-style-border{ background-color: transparent; border: 1px solid currentColor; }

.ttm-btn.ttm-btn-color-white.ttm-btn-style-border {
	color: #df1e26;
	border-color: #df1e26;
	background-color: transparent;
}


/** btn-inline **/

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

}

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

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

	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;

}



/* play-btn */

.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 } }





/* ===============================================

9.Icons

------------------------*/

.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%);

}

/** icon-size-xs **/

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



/** icon-size-sm **/

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



/** icon-size-md **/

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



/** icon-size-lg **/

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



/** icon-size-xl **/

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

}



/** icon-shape **/

.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-style-icon */

.ttm-list {

	list-style: none;

	padding: 0;

	margin: 0;

	letter-spacing: 0.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;

}



/*style1*/

.ttm-list.style1 li {padding-bottom: 10px;}



/*style2*/

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

	display: inline-block;

	padding-left: 29px;

	color: #777777;

}



/* ===============================================

10.Fid

------------------------*/

.inside {

	position: relative;

	transition: all .4s;

	padding: 15px 0 10px;

}

.ttm-fid-view-lefticon .ttm-fid-icon-wrapper ,

.ttm-fid-view-lefticon .ttm-fid-contents ,

.ttm-fid-view-righticon .ttm-fid-icon-wrapper ,

.ttm-fid-view-righticon .ttm-fid-contents{

	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: 0px;

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

}



/*circle*/

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

}



/* style1 */

.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: #cda274;

	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;

}



/* style2 */

.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: #cda274;

}

.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 800ms ease-in-out;

	position: absolute;

	content: '';

	border-bottom: 3px solid;

	height: 1px;

	width: 55%;

	left: 23%;

	padding-top: 41px;

	color: #cda274;

}

.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: 0px;

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





/* ===============================================

11.featured-icon-box ( only contents )

------------------------*/

.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 500ms ease;

}

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

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

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

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

	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: 0px; }

.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-style*/

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

}



/* style2*/

.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,.40);

}

.featured-icon-box.style2:hover{

	border-color: rgba(255,255,255,1);

}

.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:before,

.ttm-bgcolor-white .featured-icon-box.style2:after {border-color: rgba(0,0,0,.09);}

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

.ttm-bgcolor-white .featured-icon-box.style2:hover:after{border-color: rgba(0,0,0,.09);}



.featured-icon-box.style2:before{

	position: absolute;

	top: -11px;

	left: -11px;

	content: "";

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	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,.40);

}

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

	left: 100%;

	transform: rotate(90deg);

	border-color: rgba(255,255,255,1);

}

.featured-icon-box.style2:after{

	position: absolute;

	bottom: -11px;

	right: -11px;

	content: "";

	transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	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,.40);

}

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

	right: 100%;

	transform: rotate(90deg);

	border-color: rgba(255,255,255,1);

}

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

	opacity: 1;

}

.featured-icon-box.style2 .featured-icon,

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

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

}



/* style3*/

.featured-icon-box.style3{

	text-align: center;

	padding: 54px 22px 40px;

	box-shadow: none;

	margin: 21px 0 0px;

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





/*style4*/

.featured-icon-box.style4 {

	text-align: center;

	margin: 20px 0 15px;

}

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

	position: relative;

	transition: all 500ms 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: #cda274;

}

.featured-icon-box.style4:hover .featured-icon .ttm-icon i{color: #cda274;}

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

}





/*style5*/

.featured-icon-box.style5:hover .featured-icon .ttm-icon i{transform: rotateY(180deg);}





/*style6*/

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

	padding-left: 40px;

}

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

	font-size: 21px;

	line-height: 30px;

}





/*style7*/
.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; */
	height: 100%;
}
.featured-icon-box .featured-desc {
	/* padding: 0 10%; */
}
.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: #cda274;

}

.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: #cda274;

	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: #cda274;

	transition: all .5s;

	background-color: #cda274;

	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 800ms ease-in-out;

	position: absolute;

	content: '';

	border-bottom: 5px solid;

	height: 1px;

	width: 100%;

	left: 0;

	bottom: 0;

	border-bottom-color: #cda274;

}

.featured-icon-box.style7:hover .featured-inner:after{transform: scaleX(1);}





/* ===============================================

12.featured-images ( contents with image)

------------------------*/

/*.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 0.5s ease-in-out;

}*/

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

transform: scale(1.2);

}
*/
.ttm-box-view-overlay , .ttm-box-view-content-inner{ position: relative; }

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

	content: "";

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: absolute;

	opacity: 0;

	transition: all 0.5s linear;

	z-index: 1;

}

div:hover > .ttm-box-view-overlay:before, div:hover > .ttm-box-view-content-inner: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;

}





/* portfolio-1 */

.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:hover .featured-content,

.featured-imagebox-portfolio.style1.active .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 500ms 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;}



/* portfolio-2 */

.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(0deg);

	-webkit-transform: rotate(0deg);

	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(0deg);

	-webkit-transform: rotate(0deg);

	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:hover .featured-content,

.featured-imagebox-portfolio.style2.active .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 500ms 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:before {
	position: absolute;
	content: '';
	opacity: 0;
	top: 0;
	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 0.35s,-webkit-transform 0.35s;
	transition: opacity 0.35s,transform 0.35s;
	pointer-events: none;
	background: #df1e26;
	height: 100%;
}

.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 0.35s,-webkit-transform 0.35s;

	transition: opacity 0.35s,transform 0.35s;

	pointer-events: none;

}
.featured-imagebox-portfolio.style3 .featured-content {
	position: absolute;
	top: 24px;
	left: 40px;
	right: 40px;
	opacity: 0;
	-webkit-transition: all 0.8s 0.2s;
	transition: all 0.8s 0.2s;
}
.featured-imagebox-portfolio.style3 .featured-title h3 {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 26px;
	position: relative;
	text-align: left;
}
.featured-title h3 a {
	width: 100% !important;
	position: relative;
	float: left;
	text-align: center;
}
.featured-title h3 a:hover {
	color: #df1e26 !important;
}
.featured-imagebox-portfolio.style3 .featured-desc p {
	color: rgba(255,255,255,.70);
}

.featured-imagebox-portfolio.style3 .ttm-footer {
	position: absolute;
	bottom: 25px;
	left: 50px;
	opacity: 0;
	-webkit-transition: all 0.8s 0.2s;
	transition: all 0.8s 0.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;

}*/
.product-detial-title {
	text-align: center;
	padding: 10px 0px;
	position: relative;
	background: #fff;
	z-index: 999;
	height: 80px;
}
.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;}





/* portfolio-4 */

.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:hover .featured-content,

.featured-imagebox-portfolio.style4.active .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 500ms 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;

}



/* portfolio-5 */

.featured-imagebox-portfolio.style5 .ttm-box-view-overlay:before {
	background-image: -webkit-linear-gradient( 90deg,rgb(108 108 108 / 60%)40%,rgb(84 77 77 / 0%)60%);
	opacity: 9;
}


.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 0.9s ease;

	-moz-transition: all 0.9s ease;

	-ms-transition: all 0.9s ease;

	-o-transition: all 0.9s ease;

	transition: all 0.9s ease;

	background-color: #cda274;

}

.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(0deg);

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

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

}

.featured-imagebox-portfolio.style5 .featured-content {
	padding: 40px 0;
	position: absolute;
	bottom: 0;
	opacity: 9;
	text-align: center;
	z-index: 2;
	width: 100%;
}

.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 0.7s linear;

	margin-bottom: 0;

}

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

	margin-bottom: 2px;

	transform: translateY(100%);

	transition: all 0.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);

}



/* team-1 */

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

}



/* post */

.featured-imagebox-post {

	overflow: visible;

	z-index: 99;

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

}

.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 500ms ease 300ms;

}

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

}



/* post_1 */

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

}



/* post_2 */

.featured-imagebox-post.style2 {

	margin: 20px 0 0px;

}

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

}



/* post_3 */

.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: #cda274;

}

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

}

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

	position: absolute;

	top: 19px;

	right: 0px;

}



/* services-1 */

.featured-imagebox-services.style1{

	padding: 15px;

	border-radius: 3px;

	padding-bottom: 0;

	margin-bottom: 15px;

	background-color: #fff;

	box-shadow: 0px 0px 10px 0px rgba(43, 52, 59, 0.1);

}

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

	padding: 30px 15px 15px 15px;

}





/* ===============================================

13.Progress-Bar

------------------------*/

.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: 0px;

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

	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: #cda274;

}

.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, 0.1);

}





/* ===============================================

14.Testimonial

------------------------*/

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





/*style1 */

.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 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.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 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.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;

}





/* ttm-testimonial-nav */

.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.html);

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

	mask-size: cover;

	position: absolute;

	top: 10px;

	left: 10px;

	text-align: center;

	display: block;

	opacity: 0.1;

	font-style: normal;

	width: 80px;

	height: 60px;

	transform: rotate(180deg);

}

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

.ttm-bgcolor-darkgrey .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 400ms;

	-webkit-transition: opacity 400ms;

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

	text-align: center;

}

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

	right: -15px;

}

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

	left: -15px;

}

.testimonials-nav .slick-prev:before, .testimonials-nav .slick-next: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-skincolor .slick-prev:before , .ttm-bgcolor-skincolor .slick-next:before, 

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

	color: #fff;

}





/* ===============================================

15.Client-row  

------------------------*/

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

}





/* ===============================================

16.Accordion

------------------------*/

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

}





/* ttm-style-classic */

.accordion .toggle.ttm-toggle_style_classic {

	padding-bottom: 0px;

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





/* ===============================================

17.Wrap-Form

------------------------*/

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

}



/* contactform */

.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 textarea,

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

	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 textarea,

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

	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 textarea::-webkit-input-placeholder,

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

	color: #fff;

}





/* request_qoute_form */

.wrap-form.request_qoute_form span.text-input input, 

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

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

	padding: 17px 24px 16px;

	border-width: 2px;

	background-color: transparent;

}





/* ===============================================

18.Tab

------------------------*/

.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-tab-style-01 */

.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-skincolor .ttm-tabs.ttm-tab-style-01 ul.tabs ,

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

	border-bottom: 1px solid rgba(255, 255, 255, 0.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: 0;
	margin-bottom: 5px;
	/* width: auto; */
	position: relative;
	z-index: 3;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background-color: #fdfdfd;
	font-size: 16px;
	font-weight: 700;
	border-radius: 0;
	border: none;
	text-transform: capitalize;
	border: 1px solid #eee;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%);
	padding: 10px;
}


/* ttm-tab-style-vertical */

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

}





/* ===============================================

19.Boxes-Spacing

------------------------*/

.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-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: 0px;

	padding-left: 0px;

	margin-bottom: 0px;

	outline: 0;

}





/* ===============================================

20.Sidebar

------------------------*/

.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_border .widget:last-child,

.sidebar .widget-area .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 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

	background-color: #cda274;

}

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

	width: 100%;

}



/*widget-search*/

.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-post*/

.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 */

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

}





/* tagcloud */

.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-nav-menu */

.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:hover a:before, .widget.widget-nav-menu ul li.active a:before {

	height: 100%;

	bottom: 0;

}





/* widget-download */

.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 */

.gallery-wrapper {

	display: inline-table;

	margin: 0 -1.1666667% -1.1666667%;

}

.gallery-item {
	display: inline-table;
	max-width: 18.33%;
	padding: 0 1.1400652% 2.1801304%;
	text-align: center;
	vertical-align: top;
	margin: 0;
}



/* widget-contact */

.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%);

}

/* widget-banner */

.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: #cda274;

	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;

}



/* widget-follow-us */

.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: #cda274;

	border-color: #cda274;

}



/* pagination */

.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: 0px;

	margin: 0 3px;

	padding: 0;

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

}

.ttm-bgcolor-grey .pagination-block .page-numbers { background-color: #fff; }

.pagination-block .page-numbers i{ font-size: 12px; }





/* ===============================================

21.Pricing-Plan

------------------------*/

.ttm-pricing-plan {

	text-align: center;

	display: block;

	position: relative;

	background-color: #f7f7f7;

	padding-bottom: 30px;

	position: relative;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.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;}



/* ===============================================

23.Products

------------------------*/

.product{ 

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

}

.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: 0px; left: 0px; 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 500ms;

	-webkit-transition: all 500ms;

	-moz-transition: all 500ms;

	-o-transition: all 500ms;

}

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

}

/* single-product-details */

.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 .ttm-ratting-star { line-height: 1; padding: 0; margin: 0; margin-right: 5px;display: inline-block;}

.ttm-single-product-details .product-details__short-description { margin-top: 20px; margin-bottom: 30px;}

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

.sku_wrapper,.posted_in { display: block;}

.sku_wrapper span,.posted_in 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;

	padding: 3px;

	background: #ebe9eb;

	border: 1px solid #e4e1e3;

	margin: 0;

	box-shadow: none;

}

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

#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: normal;

	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;

}

table.shop_attributes td p { margin: 0; padding: 8px 0;}



/* Cart */

.ttm-cart-form,

.checkout{ margin: 0; background-color: #fff;}

.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: 0px;

}

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

table.shop_table td.actions .input-text {

	width: 150px;

}

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





/* checkout */

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

}

.coupon_toggle .coupon_code:before,

#payment .payment_box:before{

	display: inline-block;

	position: absolute;

	top: 15px;

	left: 1.5em;

	content: "\e67c";

	font-family: 'themify';

}

.checkout-form input[type="text"],

.checkout-form input[type="tel"],

.checkout-form input[type="email"]{line-height: normal;}

.checkout .billing-fields h3,

.checkout .additional-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;

}





/* slider-header-style03 */

.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

/*-------------------------------------------------------------------------------*/



.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: 1500ms;

	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_coverbox_img, .tm_coverimgbox_wrapper .tm_box_overlay {

	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;

}



/*** Color Switcher Style

==================================================================== ***/

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

}
.Vision-cnt1 p {
	font-size: 16px;
}
.vision-box {
	margin-bottom: 60px;
}
.Vision-cnt1 {
	padding: 0 23px;
}


div.pp_default .pp_social {
	margin-top: 7px;
	display: none !important;
}

ul.product-range-box li a {
	/* vertical-align: text-bottom; */
	display: flex !important;
}