/* ======== Colors */
$white:					#ffffff;
$black:					#000000;

/* ======== Social Colors */
$facebook-color:		rgb(59, 89, 152);
$twitter-color:			rgb(85, 172, 238);
$google-plus-color:		rgb(221, 75, 57);
$youtube-plus-color:	rgb(187, 0, 0);
$linkedin-color:		rgb(0, 123, 181);
$instagram-color:		rgb(233, 89, 80);
$whatsapp-color:		rgb(77, 194, 71);
$snapchat-color:		rgb(255, 252, 0);

/* ======== Font */
$font:					'Lato', sans-serif;
$thin:					100;
$light:					300;
$regular:				400;
$bold:					700;
$black:					900;

/* ======== Responsive */
$mobile: 				max-width 768px;
$tablet: 				769px 991px;
$desktop: 				992px 1199px;
$large: 				1200px;

$red:		#c83838;
$blue:		#3677a9;
$green:		#43a754;
$yellow:	#dcd63d;
$lime:		#3de29e;
$orange:	#ff9600;
$pink:		#db43d2;
$purple:	#8947b7;
$cyan:		#43cfd8;
$gray:		#6b6b6b;
$gray-2:	#8c8c8c;

.red	{ color:$red !important; }
.blue	{ color:$blue !important; }
.green	{ color:$green !important; }
.yellow	{ color:$yellow !important; }
.lime	{ color:$lime !important; }
.orange	{ color:$orange !important; }
.pink	{ color:$pink !important; }
.purple	{ color:$purple !important; }
.cyan	{ color:$cyan !important; }
.gray	{ color:$gray !important; }
.gray-2	{ color:$gray-2 !important; }

@import 'nice-select';

@mixin transition($args...) {
  -webkit-transition: $args;
  -moz-transition: $args;
  -ms-transition: $args;
  -o-transition: $args;
  transition: $args;
}
@mixin opacity($opacity) {
  opacity: $opacity;
  $opacity-ie: $opacity * 100;
  filter: alpha(opacity=$opacity-ie); //IE8
}
@mixin transform($transforms) {
  -webkit-transform: $transforms;
  -moz-transform: $transforms;
  -ms-transform: $transforms;
  -o-transform: $transforms;
  transform: $transforms;
}
// scale
@mixin scale($scale) {
  @include transform(scale($scale));
}