@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
.tm-hide { opacity: 0;  }
.tm-checkbox {
	background: url('../../images/sprite.png') -3px -44px no-repeat;
	display:inline-block;
	width:13px;
	height:13px;vertical-align: middle;
}

.tm-radio { background: url('../../images/sprite.png') -2px -6px no-repeat;	display: inline;
	padding:0px;
   	height:17px; 
    vertical-align: middle;
   }

.tm-checked { background-position:-75px -44px ; }
.tm-selected { background-position: -74px -6px; }


.tm-checkbox-green {
	background: url('../../images/megnor/sprite.png') 0 1px no-repeat;
	display:inline-block;
	
}
.tm-checked-green { background-position: 0 -18px; }
.tm-checkbox, .tm-radio { }
.ie7 .tm-checkbox{ display:inline; }
/* -------------
 * Selects
 * ------------- */
/* Custom Select*/
.sbHolder{
	 
	border-right:1px solid #c4c4c4;
	position: relative;
	width: auto; 
	padding:0px 25px 0px 7px;
	text-align:left;
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	  outline: none;
	overflow: hidden;	 
	top: 0;	 
	display:block;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
 
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url("../../images/arrow-down.png") no-repeat scroll center center transparent;
	display: block; 
	outline: none;
	position: absolute;
	right: 4px;
    top: 2px;
	height:15px;
	width:15px;
 
}
.header .sbSelector {text-transform:capitalize;}
.tm_top_currency .sbHolder{padding-left:0px;} 
.sbToggleOpen{
	background: url("../../images/arrow-up.png") no-repeat scroll center center transparent;
} 
.pager .sbToggle{
 margin-right: -1px;
    margin-top: 4px;
} 
.pager .sbToggleOpen{
	
} 
.pager .sbOptions{ border:1px solid #22272a; top:24px;}
.sbOptions{
	background-color: #fff;
	border: solid 1px #ddd;
	list-style: none;
	right: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 24px !important;
  width: 100%;
	z-index: 5;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
	margin:0;
}
.sbOptions a{	 
	display: block;
	outline: none;
	padding: 4px 0 4px 3px;
	text-decoration:none;
}
 

/* display none until init */
.product-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
#column-left .product-carousel, #column-right .product-carousel { display:block;}
#column-left .customNavigation, #column-right .customNavigation { display:none;}
.product-carousel .slider-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-perspective: 1000;
}
.product-carousel .slider-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.product-carousel .slider-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.product-carousel .slider-item{
	float: left;
}
.slider-controls .slider-page,
.slider-controls .slider-buttons div{
	cursor: pointer;
}
.slider-controls {
	
}

/* mouse grab icon */
.grabbing { 
    cursor:url("../../img/megnor/grabbing.png") 8 8, move;
}

/* fix */
.product-carousel  .slider-wrapper,
.product-carousel  .slider-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}
.customNavigation    { text-align: center; position:absolute;width:100%}
.customNavigation a{

	display: block;
    float: right;
    height: 22px;
    position: absolute;
    top: -34px;
    width: 22px;


}

.customNavigation a.prev {
  	background: url("../../images/sprite.png") no-repeat scroll -234px 2px transparent;
    right: 85px;
}
.customNavigation a.prev:hover 	{ background-position: -234px -27px; text-decoration:none;}
.customNavigation a.next {
	background: url("../../images/sprite.png") no-repeat scroll -204px 2px transparent;
    right:28px;
}
.customNavigation a.next:hover 	{ background-position: -204px -27px; text-decoration:none;}
 

/* Responsive menu Css Start */
	.nav-responsive span { display:inline-block;}
	.ie7 .nav-responsive span { display:inline;}
	.nav-responsive { cursor:pointer; display:none;  }
	#nav-mobile  ul  li{ list-style:none; position:relative;}
	.nav-responsive .expandable{
		 background: url("../../images/menu.png") no-repeat scroll center 13px rgba(0, 0, 0, 0);
    height: 25px;
    margin-right: 0px;
    margin-top: 10px;
    width: 30px;
	} 
	.responsive-menu { padding:0; position:relative;}
	
	.responsive-menu #nav-mobile{ 
		position:absolute; 
		z-index:8;  
		display:none; 
		margin-top:0px; 
		padding:1%;
		width:98%; 
		list-style:none;
	}
	.responsive-menu #nav-mobile ul{padding-left:20px;}
	.nav-responsive div,
	.responsive-menu .hitarea {
		background: none;
	height: 25px;
		width: 25px; 
		float: right;
		cursor: pointer;
		margin-right:0px;
		 margin-top: 0px;
	}
	.responsive-menu .expandable .collapsable-hitarea{ 
		background:url("../../images/sprite.png") no-repeat scroll -232px -122px transparent;		 
	} 
	.responsive-menu .expandable-hitarea { 
		background:url("../../images/sprite.png") no-repeat scroll -204px -122px transparent;		 
	} 
	.responsive-menu .collapsable-hitarea { 
		background: url("../../images/sprite.png") no-repeat scroll -232px -122px transparent;		
	} 

/* Responsive menu Css End */


/*RESPONSIVE TABLE*/
.table-responsive { display:none; visibility:hidden;}	
.tm_responsive_container,
.tm_responsive_container_footer{ width:auto; overflow:hidden;}

.tm_responsive_group{
	float:left; 
    margin: 5px 0;
    padding: 3%;
    width: 92%; 
	border:1px solid #ededed;
	color:#4D4D4D;
	background:#FBFBFB  
}
.tm_responsive_row label{
  width: 100px;
  display:block;
  float:left;
  font-weight: bold;
}
.tm_responsive_row span{
  width: 250px;
  display:block;
  float:left;
}
.tm_responsive_row{
 overflow:hidden;
 border-bottom: 1px solid #EEEEEE;
 padding:10px 0;
}
.tm_responsive_row span .separator{ display:none; }
/*RESPONSIVE TABLE*/

.testimonial {
	background-color: hsl(219, 30%, 18%);
	border-radius: 5px;
	padding: 40px 25px 25px;
	flex-grow: 1;
	flex-basis: 280px;
	max-width: 360px;
	position: relative;
	
	// Fonts 	
	&__text {
		font-weight: normal;
		font-size: rem(14);
		line-height: 21px;
		margin-bottom: rem(25);
	}
	
	&__job {
		font-weight: normal;
		font-size: rem(8);
		line-height: 10px;
		letter-spacing: 0.5px;
	}
	
	&__name {
		font-weight: bold;
		font-size: rem(10);
		line-height: 12px;
		letter-spacing: 0.5px;
		margin-bottom: 5px;
	}

	// Bottom layout
	&__img {
		display: inline-block;
		width: 30px;
		margin-right: 10px;

		img {
			vertical-align: bottom;
			border-radius: 50%;
		}
	}

	&__info {
		display: inline-block;
	}
}	

// General Styles
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: grid;
	justify-content: center;
	align-items: center;
	
	// Specific Styles
	&--testimonials {
		display: flex;
		flex-wrap: wrap;
		gap: 25px 40px;
		justify-content: center;
		padding: 45px 45px 90px;

		@media (min-width: 78.125em) {
			padding: 0;
			max-width: 1160px;
		}
	}
}