/* ***** BTN MAIN MENU / CLOSE ***** */

.btn-mainmenu,
.btn-close {
	position:relative;
	background:none !important;
	padding:0;
	margin:0;
	line-height:0;
}

.btn-close {
	width: auto !important;
	height: auto !important;
	border: none !important;
	border-radius: 0 !important;
	opacity: 1 !important;
	background: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.btn-close.hover-opacity {
	opacity: 0.3 !important;
	transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
}
.btn-close.hover-opacity:hover {
	opacity:1 !important;
}

.btn-mainmenu {
	display:table;
}
.btn-mainmenu > [ class*="col-" ] {
	position:relative;
	display:inline-block;
	float:left;
	line-height:30px !important;
}
.btn-mainmenu > .col-icon {}
.btn-mainmenu > .col-text {
	padding-left:5px;
}

.icon-menu, .icon-close {
	position:relative;
	width:30px;
	height:30px;
}
.icon-menu > .inside,
.icon-close > .inside {
	position: absolute;
	display:block;
	top:50%;
	left:50%;
}
.icon-menu > .inside,
.icon-close > .inside {
	width:18px;
	height:12px;
	margin:-6px auto auto -9px;
}
.icon-menu > .inside > span,
.icon-close > .inside > span {
	position:absolute;
	display:block;
	width:18px;
	border-top-width:2px;
	border-top-style:solid;
    transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -webkit-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
}
.icon-menu > .inside > .top,
.icon-close > .inside > .top {
	top:0;
	left:0;
}
.icon-menu > .inside > .center {
	top:50%;
	left:0;
	margin-top:-1px;
}
.icon-close > .inside > .center {
	display:none !important;
}
.icon-menu > .inside > .bottom,
.icon-close > .inside > .bottom {
	bottom:0;
	left:0;
}
/* hover */
.btn-mainmenu:hover .icon-menu > .inside > .center {
	width:50%;
}
/* active */
.btn-mainmenu.active .icon-menu > .inside > .center {
	width:0;
}
.btn-mainmenu.active .icon-menu > .inside > .top,
.btn-close .icon-close > .inside > .top {
	top:5px;
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.btn-mainmenu.active .icon-menu > .inside > .bottom,
.btn-close .icon-close > .inside > .bottom {
	bottom:5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-mainmenu .icon-menu > .inside > span,
.btn-mainmenu.active .icon-menu > .inside > span {
	transition:all 0.1s ease;
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-ms-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
}

.text-color-white .icon-close > .inside > span,
.icon-close.text-color-white > .inside > span {
	color: rgba(255,255,255,1);
}
.text-color-black .icon-close > .inside > span,
.icon-close.text-color-black > .inside > span {
	color: rgba(0,0,0,1);
}

/* ***** BTN NEXT - PREV ***** */

.btn-prev,
.btn-next {
	position: relative;
	width: 30px;
	height: 30px;
	font-size: 18px !important;
	line-height: 30px !important;
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
	outline: none !important;
	border: none !important;
	background: none !important;
}
.btn-prev .icon,
.btn-next .icon {
	line-height: 0 !important;
}
.btn-prev .icon:before,
.btn-next .icon:before {
	line-height: 30px !important;
}



/* ***** BUTTON ***** */

.btn-row {
	position:relative;
}
.btn-group {
	position:relative;
	display: flex;
	flex-wrap: wrap;
}
.btn-group.full-width {
	width:100% !important;
}
.btn-group > .default-btn + .default-btn {
	margin-top:10px;
}

/* btn inline */
.btn-group.inline {
	flex-wrap: wrap;
}
.btn-group.inline > .default-btn + .default-btn {
	margin-top:0;
	margin-left:15px;
}
.btn-group.inline > .default-btn.shadow + .default-btn.shadow {
	margin-left:15px;
}
.btn-group-connect.inline > .default-btn + .default-btn {
	margin-left:0 !important;
}

/* position btn */ 
.btn-group.center,
.btn-underline-group.center {
	justify-content: center;	
}
.btn-group.left,
.btn-underline-group.left {
	justify-content: flex-start;	
}
.btn-group.right,
.btn-underline-group.right {
    justify-content: flex-end;	
}

.btn-group.has-label {
	line-height:30px;
}

/* --- default btn --- */

.default-btn {
	position:relative;
	display:block;
	height:50px;
	width:auto;
	border-radius:5px;
	min-width:200px;
	max-width:100%;	
	font-size:15px;
	line-height:50px;
	font-weight:400;
	letter-spacing:0;
	text-align:center;
	margin:0;
	padding:0 30px;
	background:none;
	outline:none !important;
	cursor:pointer !important;
	/*overflow:hidden !important;*/
	box-shadow:none !important;
}
.default-btn.disable {
	cursor: no-drop !important;
}
.default-btn.hiden {
	display: none !important;
	cursor: no-drop !important;
}
.default-btn.clear-btn {
	padding:0;
	line-height:inherit !important;
	height:auto !important;
	width:auto !important;
	min-height:0 !important;
	min-width:0 !important;
}
.zero-radius {
	border-radius:0 !important;
}

.default-btn.extra-min-radius {
	border-radius:5px !important;
}
.default-btn.left-extra-min-radius {
	border-top-left-radius:5px !important;
	border-bottom-left-radius:5px !important;
}
.default-btn.right-extra-min-radius {
	border-top-right-radius:5px !important;
	border-bottom-right-radius:5px !important;
}

.default-btn.min-radius {
	border-radius:10px !important;
}
.default-btn.left-min-radius {
	border-top-left-radius:10px !important;
	border-bottom-left-radius:10px !important;
}
.default-btn.right-min-radius {
	border-top-right-radius:10px !important;
	border-bottom-right-radius:10px !important;
}

.default-btn,
.default-btn:hover {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}
.default-btn span {
	position:relative;
}
.default-btn .icon {
	font-size:85%;
}
.default-btn .icon[ class*="twinehide-icon-" ] {
	font-size:130%;
	line-height: 0;
    margin-top: 3px;
}
.default-btn .icon[ class*="twinehide-icon-" ].font-size-small {
	font-size:100%;
}
.default-btn .icon[ class*="twinehide-icon-" ].font-size-medium {
	font-size:115%;
}
.default-btn .icon[ class*="twinehide-icon-" ].font-size-large {
	font-size:130%;
}
.default-btn .icon + .text {
	margin-left:10px;
}
.default-btn .text + .icon {
	margin-left:10px;
}

/* clear */
.default-btn.clear {
	border: none !important;
	border-radius: 0 !important;
	background: none !important;
	margin: 0;
	padding: 0;
	min-width: 0 !important;
	width: auto !important;
	height: auto !important;
	font-size:  inherit !important;
	line-height: inherit !important;
}
.default-btn.clear .icon[ class*="twinehide-icon-" ] {
	font-size: inherit !important;
}
.default-btn.clear .icon + .text,
.default-btn.clear .text + .icon {
	margin-left:5px;
}
.default-btn.clear .icon[ class*="twinehide-icon-" ] {
    margin-top: 2px;
}

.default-btn.w-full-flex {
	min-width: auto !important;
	flex: 1 0 0 !important;
}
.default-btn.w-full {
	flex: none;
	width: 100%;
	margin: 0;
}
.default-btn+.default-btn.w-full {
	margin-top: 20px;
}

/* flex arrow small */

.default-btn.btn-flex-arrow-small {
	display: flex;
	align-items: center;
}
.default-btn.btn-flex-arrow-small .icon[class*="twinehide-icon-chevron-"] {
    font-size: 10px !important;
    margin-top: 0 !important;
}

/* icon size */
/* .default-btn .icon[ class*="twinehide-icon-" ].small {
	font-size:50% !important;
}
.default-btn .icon[ class*="twinehide-icon-" ].medium {
	font-size:70% !important;
}
.default-btn .icon[ class*="twinehide-icon-" ].large {
	font-size:80% !important;
} */

/* btn width */
.btn-group.inline.w-full .default-btn {
	flex: 1 0 0%;
	min-width: 0 !important;
	padding: 0 15px;
}
.btn-group.w-full .default-btn,
.default-btn.w-full {
	width: 100%;
}
.default-btn.btn-square {
	width: 50px !important;
	padding: 0 !important;
	min-width: 0 !important;
	flex: none !important;
}

/* btn mini */
.default-btn.btn-small {
    height: 30px;
    line-height: 29px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    min-width: 0;
    width: auto;
    color: rgba(50,50,50,1);
    background-color: rgba(50,50,50,0);
    border-radius: 15px;
    padding: 1px 20px 0 20px; 
}
.default-btn.btn-small.extra-min-radius {
	border-radius:3px !important;
}
.default-btn.btn-small.min-radius {
	border-radius:5px !important;
}

/* opacity */
.default-btn.opacity,
.default-btn.opacity-icon .icon {
	opacity: 0.4;
}
.default-btn.opacity .icon {
	opacity: 0.7;
}
.default-btn.opacity:hover,
.default-btn.opacity-icon:hover .icon {
	opacity: 1;
}
.default-btn.opacity.disable,
.default-btn.opacity-icon.disable .icon {
	opacity: 0.4 !important;
}



/* --- btn color --- */

/* btn outline */

.btn-outline {
	border-style:solid;
	border-width:1px;
	background:none !important;
	line-height:47px;
}

.outline-color-white,
.outline-color-white.none-hover:hover {
	background-color:rgba(255,255,255,0) !important;
	border-color:rgba(255,255,255,1) !important;
	color:rgba(255,255,255,1) !important;
}
.outline-color-white:hover {
	background-color:rgba(255,255,255,1) !important;
	color:rgba(50,50,50,1) !important;
}

.outline-color-black,
.outline-color-black.none-hover:hover,
.outline-color-primary,
.outline-color-primary.none-hover:hover {
	background-color:rgba(0,0,0,0) !important;
	border-color:rgba(0,0,0,1) !important;
	color:rgba(0,0,0,1) !important;
}
.outline-color-black:hover,
.outline-color-primary:hover {
	background-color:rgba(0,0,0,1) !important;
	color:rgba(255,255,255,1) !important;
}
.outline-color-gray,
.outline-color-gray.none-hover:hover {
	background-color:rgba(230,230,230,0) !important;
	border-color:rgba(210,210,210,1) !important;
	color:rgba(50,50,50,1) !important;
}
.outline-color-gray:hover {
	background-color:rgba(230,230,230,1) !important;
	border-color:rgba(230,230,230,1) !important;
	color:rgba(50,50,50,1) !important;
}

.outline-color-dark-gray,
.outline-color-dark-gray.none-hover:hover {
	background-color:rgba(168,168,168,0) !important;
	border-color:rgba(168,168,168,1) !important;
	color:rgba(50,50,50,1) !important;
}
.outline-color-dark-gray:hover {
	background-color:rgba(200,200,200,1) !important;
	border-color:rgba(168,168,168,1) !important;
	color:rgba(50,50,50,1) !important;
}

.outline-color-red,
.outline-color-red.none-hover:hover {
	background-color:rgba(199,31,54,0) !important;
	border-color:rgba(199,31,54,1) !important;
	color:rgba(199,31,54,1) !important;
}
.outline-color-red:hover {
	background-color:rgba(199,31,54,1) !important;
	color:rgba(255,255,255,1) !important
}

.outline-color-light-red,
.outline-color-light-red.none-hover:hover {
	background-color:rgba(199,31,54,0) !important;
	border-color:rgba(199,31,54,0.3) !important;
	color:rgba(199,31,54,1) !important;
}
.outline-color-light-red:hover {
	background-color:rgba(199,31,54,1) !important;
	color:rgba(255,255,255,1) !important
}

/* gray to primary */
.outline-color-mix.gray-to-primary {
	background-color:rgba(0,0,0,0);
	border-color:rgba(210,210,210,1);
	color:rgba(0,0,0,1);
}
.outline-color-mix.gray-to-primary:hover,
.outline-color-mix.gray-to-primary.active,
.outline-color-mix.gray-to-primary.active:hover:active {
	background-color:rgba(0,0,0,1) !important;
	border-color:rgba(0,0,0,1) !important;
	color:rgba(255,255,255,1) !important;
}
.outline-color-mix.gray-to-primary:hover:active,
.outline-color-mix.gray-to-primary.active:hover {
	background-color:rgba(32,32,32,1) !important;
	border-color:rgba(32,32,32,1) !important;
}

/* primary to gray */
.outline-color-mix.primary-to-gray {
	background-color:rgba(230,230,230,0);
	border-color:rgba(0,0,0,1);
	color:rgba(0,0,0,1);
}
.outline-color-mix.primary-to-gray:hover,
.outline-color-mix.primary-to-gray.active,
.outline-color-mix.primary-to-gray.active:hover:active {
	background-color:rgba(230,230,230,1) !important;
	border-color:rgba(230,230,230,1) !important;
}
.outline-color-mix.primary-to-gray:hover:active,
.outline-color-mix.primary-to-gray.active:hover {
	background-color:rgba(200,200,200,1) !important;
	border-color:rgba(200,200,200,1) !important;
}

.outline-color-installments,
.outline-color-installments.none-hover:hover {
	background-color:rgba(0,123,255,0) !important;
	border-color:rgba(0,123,255,1) !important;
	color:rgba(0,123,255,1) !important;
}
.outline-color-installments:hover {
	background-color:rgba(0,123,255,1) !important;
	color:rgba(255,255,255,1) !important;
}

/* btn fill */

.fill-color-white,
.fill-color-white.none-hover:hover {
	background-color:rgba(255,255,255,1) !important;
	color:rgba(67,75,82,1) !important;
}
.fill-color-white:hover {
	background-color:rgba(239,239,239,1) !important;
}
.fill-color-white.opacity,
.fill-color-white.none-hover.opacity:hover {
	background-color:rgba(255,255,255,0.8) !important;
	color:rgba(67,75,82,1) !important;
}
.fill-color-white.opacity:hover {
	background-color:rgba(255,255,255,1) !important;
}

.fill-color-black,
.fill-color-black:hover:active,
.fill-color-black.none-hover:hover,
.fill-color-primary,
.fill-color-primary:hover:active,
.fill-color-primary.none-hover:hover {
	background-color:rgba(0,0,0,1) !important;
	color:rgba(255,255,255,1) !important;
}
.fill-color-black:hover,
.fill-color-primary:hover {
	background-color:rgba(32,32,32,1) !important;
}
.fill-color-black.opacity,
.fill-color-black.none-hover.opacity:hover {
	background-color:rgba(0,0,0,0.8) !important;
	color:rgba(255,255,255,1) !important;
}
.fill-color-black.opacity:hover {
	background-color:rgba(0,0,0,1) !important;
}

.fill-color-gray,
.fill-color-gray.none-hover:hover {
	background-color:rgba(230,230,230,1) !important;
	color:rgba(0,0,0,1) !important;
}
.fill-color-gray:hover {
	background-color:rgba(220,220,220,1) !important;
}

.fill-color-dark-gray,
.fill-color-dark-gray.none-hover:hover {
	background-color:rgba(117,117,117,1) !important;
	color:rgba(255,255,255,1) !important;
}
.fill-color-dark-gray:hover {
	background-color:rgba(100,100,100,1) !important;
}

.fill-color-red,
.fill-color-red.none-hover:hover {
	background-color:rgba(199,31,54,1) !important;
	color:rgba(255,255,255,1) !important;
}
.fill-color-red:hover {
	background-color:rgba(212,22,48,1) !important;
}
.fill-color-light-red,
.fill-color-light-red.none-hover:hover {
	background-color:rgba(199,31,54,0.1) !important;
	color:rgba(212,22,48,1) !important;
}
.fill-color-light-red:hover {
	background-color:rgba(212,22,48,1) !important;
	color:rgba(255,255,255,1) !important;
}

.fill-color-blue,
.fill-color-blue.none-hover:hover {
	background-color:rgba(0,104,215,1) !important;
	color:rgba(255,255,255,1) !important;
}
.fill-color-blue:hover {
 	background-color:rgba(0,123,255,1) !important;
}
.fill-color-light-blue,
.fill-color-light-blue.none-hover:hover {
	background-color:rgba(0,104,215,0.1) !important;
	color:rgba(0,123,255,1) !important;
}
.fill-color-light-blue:hover {
	background-color:rgba(0,123,255,1) !important;
	color:rgba(255,255,255,1) !important;
}

.fill-color-light-installments,
.fill-color-light-installments.none-hover:hover {
	background-color:rgba(0,123,255,0.1) !important;
	color:rgba(0,123,255,1) !important;
}
.fill-color-light-installments:hover {
	/* background-color:rgba(0,87,214,1) !important; */
	background-color:rgba(0,123,255,1) !important;
	color:rgba(255,255,255,1) !important;
}
.fill-color-installments,
.fill-color-installments.none-hover:hover {
	background-color:rgba(0,123,255,1) !important;
	color:rgba(255,255,255,1) !important;
}
.fill-color-installments:hover {
	background-color:rgba(0,87,214,1) !important;
}

.fill-color-installments.disable,
.fill-color-light-installments.disable,
.fill-color-installments.disable:hover,
.fill-color-light-installments.disable:hover {
	background-color:rgba(0,0,0,0.08) !important;
	color:rgba(0,0,0,0.25) !important;
}

/* --- btn icon --- */

.default-btn.btn-icon {
	padding: 0 !important;
	display: flex!important;
	flex-wrap: nowrap!important;
}
.default-btn.btn-icon > [ class*="col-" ] {
	position:relative;
	height:100%;
	z-index:2;
}
.default-btn.btn-icon > .col-icon {
	width:50px;
}
.default-btn.btn-icon > .col-icon > .icon {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	/*border-radius:4px;*/
	font-size:23px;
	line-height:50px;
	text-align:center;
	top:0;
	/*top:50%;
	margin-top:-22.5px;
	margin-left:6.5px;*/
	overflow:hidden !important;
}
.default-btn.btn-icon > .col-icon > .icon > i {
	display:block;
	line-height:20px;
	top:50%;
	margin-top:-10px;
}
.default-btn.btn-icon > .col-text {
	width:calc( 100% - 50px );
	padding:0 20px;
	line-height:0;	
}
.default-btn.btn-icon > .col-text > .title {
	display:none !important;
}
.default-btn.btn-icon > .col-text > .text {
	position:relative;
	font-size: 14px;
    line-height: 20px;
	font-weight:400;
	letter-spacing:0.3px;
	text-align:center;
	top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.default-btn.btn-icon.pd > .col-icon {
    padding: 5px !important;
}
.default-btn.btn-icon.pd > .col-icon > .icon {
    border-radius: 5px;
    width: 40px;
}
.default-btn.btn-icon.pd > .col-icon > .icon > i {
    font-size:18px !important;
}

.default-btn.btn-icon > .col-icon.border-right:before {
	position: absolute;
	content: '';
	height: 30px;
	top: 50%;
	right: 0;
	margin-top: -15px;
	border-right-width: 1px;
	border-right-style: solid;
	opacity: 0.1;
}


/* --- btn login --- */
.btn-login-with-facebook .col-icon,
.btn-login-with-google .col-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-login-with-facebook .icon,
.btn-login-with-google .icon {
	position: relative;
	width: 20px !important;
	height: 20px !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.btn-login-with-facebook .icon {
	background-image: url(../../images/sites/member/facebook.png);
}
.btn-login-with-google .icon {
	background-image: url(../../images/sites/member/google.png);
}

/* --- btn group connect --- */

.btn-group-connect > .default-btn:first-child {
	border-top-right-radius:0 !important;
	border-bottom-right-radius:0 !important;
}
.btn-group-connect > .default-btn:last-child {
	border-top-left-radius:0 !important;
	border-bottom-left-radius:0 !important;
}

/* --- btn underline --- */

.btn-underline-group {
	position:relative;
	display: flex;
	/* display:table;
	clear:both; */
}
.btn-underline-group.spacing-10 > .btn-underline + .btn-underline {
	margin-left:10px;
}
.btn-underline-group.spacing-15 > .btn-underline + .btn-underline {
	margin-left:15px;
}
.btn-underline-group.spacing-20 > .btn-underline + .btn-underline {
	margin-left:20px;
}
.btn-underline-group.spacing-25 > .btn-underline + .btn-underline {
	margin-left:25px;
}
.btn-underline-group.spacing-30 > .btn-underline + .btn-underline {
	margin-left:30px;
}
.btn-underline {
	position:relative;
	cursor:pointer;
}
.btn-underline.text-upper {
	font-size:90%;
	font-weight:400;
	letter-spacing:1px;
}
a.btn-underline {
	display:inline-block;
}
.btn-underline.font-bold {
	letter-spacing:-0.15px;
}
button.btn-underline {
	background: none !important;
	border:none !important;
	margin:0;
	padding:0;
}
.under-hover:before,
.multi-under-hover:before,
.multi-under-hover:after {
	position:absolute;
	content:"";
	bottom:1px;
	left:0;
	height:1px;
	overflow:hidden;
}
.under-hover:before,
.multi-under-hover:before {
	width:0;
}
.under-hover.show-underline:before,
.under-hover:hover:before,
.multi-under-hover:hover:before,
.multi-under-hover:after,
.under-hover.active:before {
	width:100%;
}
.under-hover:before,
.multi-under-hover:before,
.text-color-black .under-hover:before, .under-hover.text-color-black:before,
.text-color-black .multi-under-hover:before, .multi-under-hover.text-color-black:before {
	background-color:rgba(10,10,10,1);
}
.multi-under-hover:after,
.text-color-black .multi-under-hover:after, .multi-under-hover.text-color-black:after {
	background-color:rgba(10,10,10,0.1);
}
.text-color-red .multi-under-hover:before, .multi-under-hover.text-color-red:before {
	background-color:rgba(225,6,19,1);
}

.under-hover,
.text-color-black .under-hover, .under-hover.text-color-black,
.text-color-black .multi-under-hover, .multi-under-hover.text-color-black {
	color:rgba(12,12,12,1) !important;
}
.text-color-white .under-hover:before, .under-hover.text-color-white:before,
.text-color-white .multi-under-hover:before, .multi-under-hover.text-color-white:before {
	background-color:rgba(255,255,255,1);
}
.text-color-white .multi-under-hover:after, .multi-under-hover.text-color-white:after {
	background-color:rgba(255,255,255,0.3);
}
.text-color-white .under-hover, .under-hover.text-color-white,
.text-color-white .multi-under-hover, .multi-under-hover.text-color-white {
	color:rgba(255,255,255,1) !important;
}
.under-hover:before,
.under-hover:hover:before,
.multi-under-hover:before,
.multi-under-hover:hover:before,
.multi-under-hover:after {
	transition:width 0.5s ease;
	-webkit-transition:width 0.5s ease;
	-moz-transition:width 0.5s ease;
}

/* label btn */
.btn-underline-group.has-label {}
.btn-underline-group.has-label > .label-btn {
	position:relative;
	font-weight:700;
	display:inline-block;
	float:left;
}
.btn-underline-group.has-label > .label-btn.has-colon {
	padding-right:20px;
	margin-right:20px;
}
.btn-underline-group.has-label > .label-btn.has-colon:before {
	position:absolute;
	right:-2px;
	content:":";
}

/* --- btn view more --- */

.btn-view-more {
	position: relative;
	display: inline;
}
.btn-view-more,
.btn-view-more i.animate-opacity {
	transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}
.btn-view-more .text+i {
	margin-left: 5px;
}
.btn-view-more i+.text {
	margin-left: 5px;
}
.btn-view-more i {
	font-size: 10px;
	line-height: 0;
}
.btn-view-more i.animate-opacity {
	font-size: 70%;
	opacity: 0.5;
}
.btn-view-more:hover i.animate-opacity {
	opacity: 1;
}
.btn-view-more.text-color-gray {
	color: rgba(128,128,128,1);
}
.btn-view-more.text-color-gray:hover {
    color: rgba(0,0,0,1);
}


/* --- btn items --- */

.btn-item-section,
.btn-item-wrapper {
	position: relative;
}
.btn-item-group,
ul.btn-item-group,
ul.btn-item-group>li {
	position: relative;
	padding: 0;
	margin: 0;
}
ul.btn-item-group,
ul.btn-item-group>li {
	list-style: none !important;
}
.btn-item-group {
	display: flex;
	flex-wrap: wrap;
	margin-left: -3px !important;
	margin-right: -3px !important;
}
.btn-item {
	position: relative;
	display: block;
	outline: none !important;
	height: 35px;
	border-radius: 5px;
	padding: 0 15px;
	margin: 3px;
	background: none;
	background: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.btn-item.inline {
	display: inline-block;
}
.btn-item.clear {
	padding: 0 !important;
	margin: 0 !important;
	height:  auto !important;
	border-radius: 0 !important;
}
.btn-item .text+.icon,
.btn-item .icon+.text {
	margin-left: 7px;
}
.btn-item .icon[class*="twinehide-icon-chevron-"] {
	font-size: 10px;
}
.btn-item.animate-icon-opacity .icon {
	opacity: 0.2;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.btn-item.animate-icon-opacity:hover .icon {
	opacity: 1;
}

/* btn item - outline */

.btn-item.outline,
.btn-item.fill {
	border-width: 1px;
	border-style: solid;
	line-height: 33px;
}

/* outline black */
.btn-item.outline.color-black,
.btn-item.outline.color-primary,
.btn-item.outline.color-black.none-hover,
.btn-item.outline.color-black.none-hover:hover,
.btn-item.outline.color-primary.none-hover,
.btn-item.outline.color-primary.none-hover:hover {
	border-color:rgba(0,0,0,1);
	color:rgba(0,0,0,1);	
}
.btn-item.outline.color-black:hover,
.btn-item.outline.color-primary:hover {
	border-color:rgba(230,230,230,1);
}

/* outline black - hover to fill */
.btn-item.outline.color-black.hover-fill,
.btn-item.outline.color-primary.hover-fill {
	background-color:rgba(0,0,0,0);
	border-color:rgba(0,0,0,1);
	color:rgba(0,0,0,1);	
}
.btn-item.outline.color-black.hover-fill:hover,
.btn-item.outline.color-primary.hover-fill:hover {
	background-color:rgba(0,0,0,1);
	color:rgba(255,5255,255,1);	
}

/* outline gray */
.btn-item.outline.color-gray,
.btn-item.outline.color-gray.none-hover,
.btn-item.outline.color-gray.none-hover:hover {
	border-color:rgba(230,230,230,1);
	color:rgba(0,0,0,1);	
}
.btn-item.outline.color-gray:hover {
	border-color:rgba(0,0,0,1);
}

/* outline gray - hover to fill */
.btn-item.outline.color-gray.hover-fill {
	background-color:rgba(230,230,230,0);
	border-color:rgba(230,230,230,1);
	color:rgba(0,0,0,1);	
}
.btn-item.outline.color-gray.hover-fill:hover {
	background-color:rgba(230,230,230,1);
}

/* outline white */
.btn-item.outline.color-white,
.btn-item.outline.color-white.none-hover,
.btn-item.outline.color-white.none-hover:hover {
	border-color:rgba(255,255,255,1);
	color:rgba(0,0,0,1);	
}
.btn-item.outline.color-white:hover {
	border-color:rgba(230,230,230,1);
}

/* outline white  - hover to fill */
.btn-item.outline.color-white.hover-fill {
	background-color:rgba(255,255,255,0);
	border-color:rgba(255,255,255,1);
	color:rgba(0,0,0,1);	
}
.btn-item.outline.color-white.hover-fill:hover {
	background-color:rgba(255,255,255,1);
}

/* btn item - fill */
/* .btn-item.fill {	
	line-height: 35px;
} */

/* fill black */
.btn-item.fill.color-black,
.btn-item.fill.color-primary,
.btn-item.fill.color-black.none-hover,
.btn-item.fill.color-black.none-hover:hover,
.btn-item.fill.color-primary.none-hover,
.btn-item.fill.color-primary.none-hover:hover {
	background-color:rgba(0,0,0,1);
	border-color:rgba(0,0,0,1);
	color:rgba(255,255,255,1);	
}
.btn-item.fill.color-black:hover,
.btn-item.fill.color-primary:hover {
	background-color:rgba(32,32,32,1);
	border-color:rgba(32,32,32,1);
}

/* fill gray */
.btn-item.fill.color-gray,
.btn-item.fill.color-gray.none-hover,
.btn-item.fill.color-gray.none-hover:hover {
	background-color:rgba(242,242,242,1);
	border-color:rgba(242,242,242,1);
	color:rgba(0,0,0,1);	
}
.btn-item.fill.color-gray:hover {
	background-color:rgba(230,230,230,1);
	border-color:rgba(230,230,230,1);
}
.btn-item.fill.color-gray.hover-fill-primary:hover {
	background-color:rgba(0,0,0,1);
	border-color:rgba(0,0,0,1);
	color:rgba(255,255,255,1);	
}

/* fill white */
.btn-item.fill.color-white,
.btn-item.fill.color-white.none-hover,
.btn-item.fill.color-white.none-hover:hover {
	background-color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
	color:rgba(0,0,0,1);	
}
.btn-item.fill.color-white:hover {
	background-color:rgba(239,239,239,1);
	border-color:rgba(239,239,239,1);
}

/* ----- share ----- */

.btn-share-on-social {
	position: relative;
	display: block;
	width: 50px !important;
	height: 50px !important;
	min-width: auto !important;
	padding: 0 !important;
	border-radius: 100%;
}


/* ----- social ----- */

/* facebook */
/* .default-btn.btn-facebook,
.default-btn.btn-icon.btn-facebook {
	color:rgba(255,255,255,1) !important;
	background-color:rgba(14,77,202,1) !important;
}
.default-btn.btn-facebook:hover,
.default-btn.btn-icon.btn-facebook:hover {
	background-color:rgba(20,87,220,1) !important;
}
.default-btn.btn-icon.btn-facebook > .col-icon > .icon {
    color:rgba(255,255,255,1);
} */

/* google */
.btn-google,
.btn-icon.btn-google {
	color:rgba(0,0,0,1) !important;
	/* background-color:rgba(255,255,255,1) !important; */
	background-color:rgba(242,242,242,1) !important;
}
.btn-google:hover,
.btn-icon.btn-google:hover {
	background-color:rgba(250,250,250,1) !important;
}
.btn-icon.btn-google > .col-icon > .icon {
    color:rgba(0,0,0,1);
}

/* facebook */
.btn-facebook,
.btn-icon.btn-facebook {
	color:rgba(255,255,255,1) !important;
	background-color:rgba(14,77,202,1) !important;
}
.btn-icon.btn-facebook > .col-icon > .icon {
    color:rgba(255,255,255,1);
	/* background-color:rgba(0,0,0,0.2);	 */
}
.btn-icon.bg-gradient.btn-facebook {
    color:rgba(255,255,255,1) !important;
    background: linear-gradient( 45deg, rgba(14,40,152,1), rgba(14,77,202,1) ) !important;
}
.bg-transparent.btn-facebook,
.btn-icon.bg-transparent.btn-facebook {
    color:rgba(14,77,202,1) !important;
	background-color:rgba(0,123,255,0.1) !important;
}
.bg-transparent.btn-facebook:hover,
.btn-icon.bg-transparent.btn-facebook:hover {
	background-color:rgba(0,123,255,0.15) !important;
}
.btn-icon.bg-transparent.btn-facebook > .col-icon > .icon {
    color:rgba(14,77,202,0.7);
	background-color:rgba(0,123,255,0.2);	
}

/* messenger */
.btn-messenger,
.btn-icon.btn-messenger {
	color:rgba(255,255,255,1) !important;
	background-color:rgba(0,127,248,1) !important;
}
.btn-icon.btn-messenger > .col-icon > .icon {
    color:rgba(255,255,255,1);
	background-color:rgba(0,0,0,0.2);	
}
.btn-icon.bg-gradient.btn-messenger {
    color:rgba(255,255,255,1) !important;
    background: linear-gradient( 45deg, rgba(0,95,209,1), rgba(0,127,248,1) ) !important;
}
.bg-transparent.btn-messenger,
.btn-icon.bg-transparent.btn-messenger {
    color:rgba(0,127,248,1) !important;
	background-color:rgba(0,123,255,0.1) !important;
}
.bg-transparent.btn-messenger:hover,
.btn-icon.bg-transparent.btn-messenger:hover {
	background-color:rgba(0,123,255,0.15) !important;
}
.btn-icon.bg-transparent.btn-messenger > .col-icon > .icon {
    color:rgba(0,127,248,0.7);
	background-color:rgba(0,123,255,0.2);	
}

/* line */
.btn-line,
.btn-icon.btn-line {
	color:rgba(255,255,255,1) !important;
	background-color:rgba(48,160,16,1) !important;
}
.btn-icon.btn-line > .col-icon > .icon {
    color:rgba(255,255,255,1);
	background-color:rgba(0,0,0,0.2);	
}
.btn-icon.bg-gradient.btn-line {
    color:rgba(255,255,255,1) !important;
    background: linear-gradient( 45deg, rgba(48,131,16,1), rgba(48,160,16,1) ) !important;
}
.bg-transparent.btn-line,
.btn-icon.bg-transparent.btn-line {
    color:rgba(48,131,16,1) !important;
	background-color:rgba(48,160,16,0.15) !important;
}
.bg-transparent.btn-line:hover,
.btn-icon.bg-transparent.btn-line:hover {
	background-color:rgba(48,160,16,0.2) !important;
}
.btn-icon.bg-transparent.btn-line > .col-icon > .icon {
    color:rgba(48,131,16,0.7);
	background-color:rgba(48,160,16,0.2);	
}

/* twitter */
.btn-twitter,
.btn-icon.btn-twitter {
	color:rgba(255,255,255,1) !important;
	background-color:rgba(123,197,248,1) !important;
}
.btn-icon.btn-twitter > .col-icon > .icon {
    color:rgba(255,255,255,1);
	background-color:rgba(0,0,0,0.2);	
}
.btn-icon.bg-gradient.btn-twitter {
    color:rgba(255,255,255,1) !important;
    background: linear-gradient( 45deg, rgba(0,95,209,1), rgba(123,197,248,1) ) !important;
}
.bg-transparent.btn-twitter,
.btn-icon.bg-transparent.btn-twitter {
    color:rgba(123,197,248,1) !important;
	background-color:rgba(0,123,255,0.1) !important;
}
.bg-transparent.btn-twitter:hover,
.btn-icon.bg-transparent.btn-twitter:hover {
	background-color:rgba(0,123,255,0.15) !important;
}
.btn-icon.bg-transparent.btn-twitter > .col-icon > .icon {
    color:rgba(123,197,248,0.7);
	background-color:rgba(0,123,255,0.2);	
}
/* instagram */
.btn-icon.btn-instagram > .col-icon > .icon {
    color:rgba(255,255,255,1);
	background-color:rgba(0,0,0,0.2);	
}
.btn-instagram,
.btn-icon.bg-gradient.btn-instagram {
    color:rgba(255,255,255,1) !important;
    background: linear-gradient( 45deg, rgba(242,0,12,1), rgba(188,1,170,1) ) !important;
}
.bg-transparent.btn-instagram,
.btn-icon.bg-transparent.btn-instagram {
    color:rgba(217,1,85,1) !important;
    background: none !important;
    background-color:rgba(217,1,85,0.15) !important;    
}
.bg-transparent.btn-instagram:hover,
.btn-icon.bg-transparent.btn-instagram:hover {
    background-color:rgba(217,1,85,0.2) !important;   
}
.btn-icon.bg-transparent.btn-instagram > .col-icon > .icon {
    color:rgba(217,1,85,0.7);
	background-color:rgba(217,1,85,0.15);	
}

/* tel */
.btn-tel,
.btn-icon.btn-tel {
	color:rgba(255,255,255,1) !important;
	background-color:rgba(0,0,0,1) !important;
}
.btn-icon.btn-tel > .col-icon > .icon {
    color:rgba(255,255,255,1);
}
.btn-icon.bg-gradient.btn-tel {
    color:rgba(255,255,255,1) !important;
    background: linear-gradient( 45deg, rgba(14,40,152,1), rgba(0,0,0,1) ) !important;
}
.bg-transparent.btn-tel,
.btn-icon.bg-transparent.btn-tel {
	color:rgba(0,0,0,1) !important;
	background-color: rgba(230,230,230,1) !important;
}
.bg-transparent.btn-tel:hover,
.btn-icon.bg-transparent.btn-tel:hover {
	background-color:rgba(220,220,220,1) !important;
}
.btn-icon.bg-transparent.btn-tel > .col-icon > .icon {
    color:rgba(0,0,0,0.7);
	background-color:rgba(0,123,255,0.2);	
}



/* xxl */
@media (min-width: 1400px) {

.btn-group.xxl-center,
.btn-underline-group.xxl-center {
	justify-content: center;	
}
.btn-group.xxl-left,
.btn-underline-group.xxl-left {
	justify-content: flex-start;	
}
.btn-group.xxl-right,
.btn-underline-group.xxl-right {
	justify-content: flex-end;	
}

.default-btn.xxl-w-full-flex {
	min-width: auto !important;
	flex: 1 0 0 !important;
}
.default-btn.xxl-w-full {
	flex: none !important;
	width: 100% !important;
	margin: 0 !important;
}
.default-btn+.default-btn.xxl-w-full {
	margin-top: 20px !important;
}

}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {

.btn-group.xl-center,
.btn-underline-group.xl-center {
	justify-content: center;	
}
.btn-group.xl-left,
.btn-underline-group.xl-left {
	justify-content: flex-start;	
}
.btn-group.xl-right,
.btn-underline-group.xl-right {
	justify-content: flex-end;	
}

.default-btn.xl-w-full-flex {
	min-width: auto !important;
	flex: 1 0 0 !important;
}
.default-btn.xl-w-full {
	flex: none !important;
	width: 100% !important;
	margin: 0 !important;
}
.default-btn+.default-btn.xl-w-full {
	margin-top: 20px !important;
}

}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {

.btn-group.lg-center,
.btn-underline-group.lg-center {
	justify-content: center;	
}
.btn-group.lg-left,
.btn-underline-group.lg-left {
	justify-content: flex-start;	
}
.btn-group.lg-right,
.btn-underline-group.lg-right {
	justify-content: flex-end;	
}

.default-btn.lg-w-full-flex {
	min-width: auto !important;
	flex: 1 0 0 !important;
}
.default-btn.lg-w-full {
	flex: none !important;
	width: 100% !important;
	margin: 0 !important;
}
.default-btn+.default-btn.lg-w-full {
	margin-top: 20px !important;
}

}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {

.btn-group.md-center,
.btn-underline-group.md-center {
	justify-content: center;	
}
.btn-group.md-left,
.btn-underline-group.md-left {
	justify-content: flex-start;	
}
.btn-group.md-right,
.btn-underline-group.md-right {
	justify-content: flex-end;	
}

.default-btn.md-w-full-flex {
	min-width: auto !important;
	flex: 1 0 0 !important;
}
.default-btn.md-w-full {
	flex: none !important;
	width: 100% !important;
	margin: 0 !important;
}
.default-btn+.default-btn.md-w-full {
	margin-top: 20px !important;
}

}

/* sm - xs */
@media (max-width: 767.98px) {

.btn-group.inline > .default-btn + .default-btn {
	margin-left: 10px;
}

}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {

.btn-group.sm-center,
.btn-underline-group.sm-center {
	justify-content: center;	
}
.btn-group.sm-left,
.btn-underline-group.sm-left {
	justify-content: flex-start;	
}
.btn-group.sm-right,
.btn-underline-group.sm-right {
	justify-content: flex-end;	
}

.default-btn.sm-w-full-flex {
	min-width: auto !important;
	flex: 1 0 0 !important;
}
.default-btn.sm-w-full {
	flex: none !important;
	width: 100% !important;
	margin: 0 !important;
}
.default-btn+.default-btn.sm-w-full {
	margin-top: 20px !important;
}

}

/* xs */
@media (max-width: 575.98px) {

.btn-group.xs-center,
.btn-underline-group.xs-center {
	justify-content: center;	
}
.btn-group.xs-left,
.btn-underline-group.xs-left {
	justify-content: flex-start;	
}
.btn-group.xs-right,
.btn-underline-group.xs-right {
	justify-content: flex-end;	
}

.default-btn.xs-w-full-flex {
	min-width: auto !important;
	flex: 1 0 0 !important;
}
.default-btn.xs-w-full {
	flex: none !important;
	width: 100% !important;
	margin: 0 !important;
}
.default-btn+.default-btn.xs-w-full {
	margin-top: 20px !important;
}


}

/* xs custom */
@media (max-width: 399.98px) {}