/*
* Copyright 2015
* Released under the MIT license
* https://github.com/jeffersonrpn/jquery-fab/blob/master/LICENSE.md
*
* @author: Jefferson Neves <jefferson.rpn@gmail.com>
* @version: 0.1.0 A (Modified by TemplatePlazza for some functions and animation effects)
*/

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.jfab_wrapper {
    z-index: 999999;
    width: 100%;
    height: 240px;
    position: fixed;
    right: 0px;
    bottom: 0px;
    pointer-events: none;
}

.jfab_btns_wrapper {
    right: 0;
    bottom: 0;
    position: absolute;
    text-align: right;
    display: none;
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
	pointer-events: all;
	.show {
		display: block;
		opacity: 1;
	}
	button {
		width: 50px;
		height: 50px;
		border-radius: 100%;
		background: #e74c3c;
		margin-bottom: 12px;
		margin-right: 20px;
		padding: 0;
		border: none;
		outline: none;
		color: #ffffff;
		font-size: 19px;
		box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .14), 0 1px 32px 0 rgba(0, 0, 0, .12), 0 2px 9px -1px rgba(0, 0, 0, .2);
		transition: .6s;
		pointer-events: all;
		cursor: pointer;
		-moz-transform: scale(0.1);
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
		font-family: 'Material Icons';
		&:hover {
			box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .14), 0 1px 32px 0 rgba(0, 0, 0, .12), 0 2px 9px -1px rgba(0, 0, 0, .2);
		}
	}
	.zoomin {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.child_item_icon_custom {
		width: 26px !important;
		height: 26px!important;
		margin: 0 auto!important;
		vertical-align: baseline !important;
	}
	div {
		&:last-child {
			margin-bottom: 75px;
		}
	}
}

button.jfab_main_btn {
    background-color: #e74c3c;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #e74c3c;
    right: 16px;
    bottom: 16px;
    position: absolute;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 24px;
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .14), 0 1px 32px 0 rgba(0, 0, 0, .12), 0 2px 9px -1px rgba(0, 0, 0, .2);
    transition: .3s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    pointer-events: all;
	.main_item_icon_custom {
		width: 40px !important;
		height: 40px!important;
		margin: 10px 0 0!important;
		vertical-align: baseline !important;
	}
	&:hover {
		.jfab_main_btn {
			box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .14), 0 1px 32px 0 rgba(0, 0, 0, .12), 0 2px 9px -1px rgba(0, 0, 0, .2);
		}
	}
	span {
		transition: .5s;
		font-family: 'Material Icons';
		font-size: 40px;
		line-height: 60px;
	}
	
}
.jfab_main_btn.rotate {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.jfab_tooltip {
    font-family: sans-serif;
    padding: 3px 8px;
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
    transition: .7s;
    transform: rotate(410deg);
    -ms-transform: rotate(410deg);
    -webkit-transform: rotate(410deg);
    margin: 10px 10px 0 0;

}

.tooltip_dark .jfab_tooltip {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 0 4px 37px 0 rgba(0, 0, 0, .14), 0 1px 62px 0 rgba(0, 0, 0, .12), 0 2px 9px -10px rgba(0, 0, 0, .2);

}

.tooltip_light .jfab_tooltip {
    color: #333;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 4px 37px 0 rgba(0, 0, 0, .14), 0 1px 62px 0 rgba(0, 0, 0, .12), 0 2px 9px -10px rgba(0, 0, 0, .2);

}

.jfab_tooltip.animate {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    margin: 10px 10px 0 0;
}