#efsb-wrap .w1  { width: 8.333%;  }
#efsb-wrap .w2  { width: 16.67%; }
#efsb-wrap .w3  { width: 25%;   }
#efsb-wrap .w4  { width: 33.33%; }
#efsb-wrap .w5  { width: 41.67%; }
#efsb-wrap .w6  { width: 50%;   }
#efsb-wrap .w7  { width: 58.33%; }
#efsb-wrap .w8  { width: 66.67%; }
#efsb-wrap .w9  { width: 75%;   }
#efsb-wrap .w10 { width: 83.33%; }
#efsb-wrap .w11 { width: 91.67%; }
#efsb-wrap .w12 { width: 100%;   }

#efsb-wrap .fl { float: left; }
#efsb-wrap .fr { float: right; }

#efsb-wrap {
    padding: 10px 20px;
    margin: 10px 10px 10px 2px;
    background-color: #FFFFFF;
}

#efsb-title {
    margin: 10px 0;
}

.efsb-btn-primary, 
.efsb-btn-danger {
	border: none;
	color: white;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	margin: 4px 2px;
	cursor: pointer;
}

.efsb-btn-primary:hover, 
.efsb-btn-danger:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
}

.efsb-btn-primary {
	background-color: #008CBA;
}

.efsb-btn-danger {
	background-color: #f44336;
}

#efsb-wrap #efsb-form {
	width: 100%;
	max-width: 600px;
}

#efsb-wrap ul li {
    clear: both;
    padding-bottom: 10px;
    display: inline-block;
    min-width: 30%;
}

#efsb-wrap ul li:last-of-type {
	border-bottom: none;
}

ul.efsb-choice-1 {
    font-size: 0 !important;
    vertical-align: middle;
    display: inline-block;
}

ul.efsb-choice-2 {
	font-size: 7px !important;
    vertical-align: middle;
    display: inline-block;
}

ul.efsb-choice-1 li, ul.efsb-choice-2 li {
    min-width: initial !important;
    vertical-align: middle;
    padding: 0 !important;
    margin: 0;
}

ul.efsb-choice-1 li span, ul.efsb-choice-2 li span {
    min-width: initial !important;
    margin: 0px !important;
    height: 50px;
    width: 50px;
}

#efsb-wrap ul li div {
	margin-right: 15px;
}

#efsb-wrap #efsb-form [type=text], 
#efsb-wrap #efsb-form [type=url] {
	width: 100%;
	color: #555;
	height: 34px;
	outline: none;
	display: block;
	font-size: 14px;
	font-weight: 300;
	padding: 6px 12px;
	border-radius: 4px;
	line-height: 1.42857143;
	border: 1px solid #d0d7de;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#efsb-wrap #efsb-form label {
	display: block;
    color: #2e353a;
	font-size: 14px;
	font-weight: 300;
	padding: 5px 10px 5px 0px;
}

#efsb-wrap span {
	display: table;
	margin-top: 12px;
}

#efsb-wrap span.efsb_round {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

#efsb-wrap span i {
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#efsb-wrap .efsb-style-img {
	vertical-align: middle;
}

#efsb_front.efsb_vl {
	position: fixed;
	z-index: 999;
	display: table;
	top: 50%;
	transform: translateY(-50%);
}

#efsb_front.efsb_vl.efsb_hh {
	left: -15px;
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
}

#efsb_front.efsb_vr {
	position: fixed;
	z-index: 999;
	display: table;
	top: 50%;
	transform: translateY(-50%);
}

#efsb_front.efsb_vr.efsb_hh {
	right: -15px;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
}

#efsb_front.efsb_hc, 
#efsb_front.efsb_hl, 
#efsb_front.efsb_hr {
    text-align: center;
    position: fixed;
    z-index: 999;
}

#efsb_front.efsb_hc.efsb_hh, 
#efsb_front.efsb_hl.efsb_hh, 
#efsb_front.efsb_hr.efsb_hh {
    bottom: -15px;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
}

#efsb_front.efsb_vr:hover, 
#efsb_front.efsb_vr.efsb_full {
    right: 0;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
}

#efsb_front.efsb_vl:hover, 
#efsb_front.efsb_vl.efsb_full {
    left: 0;
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
}

#efsb_front.efsb_hc:hover, 
#efsb_front.efsb_hl:hover, 
#efsb_front.efsb_hr:hover,
#efsb_front.efsb_hc.efsb_full, 
#efsb_front.efsb_hl.efsb_full, 
#efsb_front.efsb_hr.efsb_full {
    bottom: 0;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
}

#efsb_front ul, 
#efsb_front li {
	margin: 0;
	padding: 0;
}

#efsb_front p {
	margin: 0;
}

#efsb_front ul li {
	list-style: none;
	position: relative;
}

#efsb_front.efsb_hc ul, 
#efsb_front.efsb_hl ul, 
#efsb_front.efsb_hc ul, 
#efsb_front.efsb_hr ul {
    display: table;
    line-height: 0;
    margin: 0 auto;
}

#efsb_front.efsb_hc {
    left: 0;
    right: 0;
    max-width: 420px;
    margin: 0 auto;
}

#efsb_front.efsb_hl {
	left: 7%;
}

#efsb_front.efsb_hr {
	right: 7%;
}

#efsb_front.efsb_hc ul li, 
#efsb_front.efsb_hl ul li, 
#efsb_front.efsb_hr ul li {
	display: inline-block;
}

#efsb_front ul li a {
	text-decoration: none !important;
}

#efsb_front span {
	display: table;
}

#efsb_front span.efsb_round {
    border-radius: 100%;
}

#efsb_front.efsb_hc span.efsb_round, 
#efsb_front.efsb_hl span.efsb_round, 
#efsb_front.efsb_hr span.efsb_round {
	margin-right: 2px;
}

#efsb_front.efsb_vr span.efsb_round, 
#efsb_front.efsb_vl span.efsb_round {
	margin-bottom: 2px;
}

#efsb_front span:hover {
	-webkit-filter: brightness(125%);
	filter: brightness(125%);
}

#efsb_front span i {
    width: 50px;
    height: 50px;
    font-size: 30px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

#efsb_front.efsb_mb span i {
    width: 30px !important;
    height: 30px !important;
    font-size: 15px !important;
}

.efsb-tooltip {
	display: none;
	opacity: 0;
	position: absolute;
	width: 130px;
	text-align: center;
	margin: 0;
	font-size: 20px;
	line-height: initial;
    padding: 7px 5px;
}

.efsb-tooltip-efsb_hc, 
.efsb-tooltip-efsb_hl, 
.efsb-tooltip-efsb_hr {
    bottom: 57px;
    left: -40px;
}

.efsb-tooltip-efsb_vl, 
.efsb-tooltip-efsb_vr {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.efsb-tooltip-efsb_vl {
    left: 57px;
}

.efsb-tooltip-efsb_vr {
    right: 57px;
}

.efsb-tooltip.efsb_round {
	border-radius: 25px;
}

#efsb_front ul li:hover p {
	display: block;
	opacity: 1;
	-webkit-animation: fadein 0.5s;
	-ms-animation: fadein 0.5s;
	animation: fadein 0.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media only screen and (max-width: 768px) {
	#efsb_front span i {
	    width: 30px;
	    height: 30px;
	    font-size: 15px;
	}

	#efsb_front.efsb_hh.efsb_hc, 
	#efsb_front.efsb_hh.efsb_hl, 
	#efsb_front.efsb_hh.efsb_hr {
		bottom: -8px !important;
	}

	#efsb_front.efsb_hh.efsb_vl {
		left: -8px !important;
	}

	#efsb_front.efsb_hh.efsb_vr {
		right: -8px !important;
	}

	#efsb_front.efsb_lg_only {
		display: none !important;
	}

	#efsb_front .efsb-tooltip {
	    font-size: 15px !important;
	    width: 90px !important;
	}

	#efsb_front .efsb-tooltip.efsb-tooltip-efsb_vl {
	    left: 39px !important;
	}

	#efsb_front .efsb-tooltip.efsb-tooltip-efsb_vr {
	    right: 39px !important;
	}

	#efsb_front .efsb-tooltip.efsb-tooltip-efsb_hc, 
	#efsb_front .efsb-tooltip.efsb-tooltip-efsb_hl, 
	#efsb_front .efsb-tooltip.efsb-tooltip-efsb_hr {
	    left: -28px !important;
	}
}

#efsb_front.efsb_hh.efsb_m_detect.efsb_hc, 
#efsb_front.efsb_hh.efsb_m_detect.efsb_hl, 
#efsb_front.efsb_hh.efsb_m_detect.efsb_hr {
	bottom: -8px !important;
}

#efsb_front.efsb_hh.efsb_m_detect.efsb_vl {
	left: -8px !important;
}

#efsb_front.efsb_hh.efsb_m_detect.efsb_vr {
	right: -8px !important;
}

#efsb_front.efsb_m_detect .efsb-tooltip {
    font-size: 15px !important;
    width: 90px !important;
}

#efsb_front.efsb_m_detect .efsb-tooltip.efsb-tooltip-efsb_vl {
    left: 39px !important;
}

#efsb_front.efsb_m_detect .efsb-tooltip.efsb-tooltip-efsb_vr {
    right: 39px !important;
}

#efsb_front.efsb_m_detect .efsb-tooltip.efsb-tooltip-efsb_hc, 
#efsb_front.efsb_m_detect .efsb-tooltip.efsb-tooltip-efsb_hl, 
#efsb_front.efsb_m_detect .efsb-tooltip.efsb-tooltip-efsb_hr {
    left: -28px !important;
}