/******************************************
	THEME COLOR
******************************************/

	.demo_changer .form_holder {
		border-top-color: #1f0772 !important;
	}
	.tooltip.top .tooltip-arrow,
	.tooltip.top-left .tooltip-arrow,
	.tooltip.top-right .tooltip-arrow {
		border-top-color: #1f0772;
	}
	.tooltip.right .tooltip-arrow {
		border-right-color: #1f0772;
	}
	#tab-style-left .nav-tabs > li.active > a, 
	#tab-style-left .nav-tabs > li.active > a:hover, 
	#tab-style-left .nav-tabs > li.active > a:focus,
	ul.nav-wizard li.active:after,
	.tooltip.left .tooltip-arrow {
		border-left-color: #1f0772 !important;
	}
	.tooltip.bottom .tooltip-arrow,
	.tooltip.bottom-left .tooltip-arrow,
	.shoptab .nav-tabs > li.active > a, 
	.shoptab .nav-tabs > li.active > a:hover, 
	.shoptab .nav-tabs > li.active > a:focus,
	.tooltip.bottom-right .tooltip-arrow {
		border-bottom-color: #1f0772 !important;
	}
	.demo_changer .demo-icon,
	.owl-controls .owl-dots .owl-dot.active span,
	.footertop.lightversion .footer-social span:hover,
	.footer.lightversion .contactdiv:hover span,
	#custom-search-input .btn:hover,
	#custom-search-input .btn:focus,
	#custom-search-input .input-group-btn,
	#custom-search-input .btn,
	.customtab_style_two li.active .btn-primary,
	.customtab_style_two .btn-primary:hover,
	.customtab_style_one li.active .btn-primary,
	.customtab_style_one .btn-primary:hover,
	.actionboxes.greybg .btn,
	.actionboxes.whitebg .btn,
	.whitehover .visible-buttons span,
	hr.circle1:before,
	.sidebar .icon-square .box span,
	.sizeoptions > li:hover,
	.sizeoptions > li.selected,
	.shop-title-bottom .cart-button a:hover,
	.ui-slider-range,
	.tags .btn:hover,
	.tags .btn:focus,
	.display a.active,
	.btn-primary.btn-grey:hover,
	.btn-primary.btn-grey:focus,
	ul.nav-wizard li.active,
	ul.nav-wizard li.active a,
	ul.nav-wizard li.active a:active,
	.emtrycart h4 i,
	ul.nav-wizard li.active a:visited,
	ul.nav-wizard li.active a:focus,
	.forum-tab .btn:hover,
	.forum-tab .btn.active,
	.filterfull,
	.forum-tab .btn:focus,
	.pagination > li > a:hover,
	.pagination > li > a.active,
	.blog-share .footer-social a:hover span,
	.pagination > li > span:hover
	.owl-controls .owl-dots .owl-dot.active span,
	.owl-controls .owl-dots .owl-dot:hover span,
	.left-button,
	.carousel-control:hover,
	.header-onepage .navbar-default .navbar-nav li.active a, 
	.header-onepage .navbar-default .navbar-nav li:hover a, 
	.header-onepage .navbar-default .navbar-nav li:focus a, 
	.accordion-style-2 .accordion-heading:hover .accordion-toggle,
	.accordion-style-2 .accordion-heading:focus .accordion-toggle,
	.social a:hover,
	.accordion-filterable .accordion-heading .accordion-toggle:hover > em,
	.accordion-filterable .accordion-heading .accordion-toggle.active em,
	#accordion-first .accordion-heading .accordion-toggle:hover > em,
	#accordion-first .accordion-heading .accordion-toggle.active em,
	.green,
	.bgtheme,
	.tooltip-inner,
	.parallax .box .hi-icon,
	.customtab li:hover .service-style-hover,
	.abutton:hover,
	.customtab li.active .service-style-hover,
	.plan.recommended .head,
	.withbackground.icon-square span,
	.withbg i,
	body.leftside .navbar-toggle,
	.lists-elements li:hover .service-style-hover,
	.stats-fun .icon-container,
	.footertop .footer-social li:hover span,
	p.dropcaps:first-letter,
	.categorymeta,
	.team-member small,
	.portfolio-filter li a.active,
	.portfolio-filter li:hover a,
	.pricing-style-2 .plan:hover .head, 
	.icon-square .box:hover span,
	.big-box,
	.contactdiv:hover span,
	.pricing-style-2 .plan:hover .btn,
	.portfolio-filter li:hover,
	
	.plan .price h4,
	.box:hover .icon-container,
	.section.themecolor,
	.bluebg,
	.services-list-style .box .alignleft,
	.header-style-2 .searchdropdown span,
	.cartdropdown .btn,
	.btn-info {
		color:#ffffff !important;
		background-color: #1f0772 !important;
		border-color:#1f0772 !important;
	}
	
	.hover-services .box:hover {
	-webkit-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.24);
	box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.24);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
		}
		
	.social.backwhite a:hover i,
	.social.backwhite a:hover,
	ul.nav-wizard li.active span,
	ul.nav-wizard li.active a span,
	ul.nav-wizard li.active a:active span,
	ul.nav-wizard li.active a:visited span,
	ul.nav-wizard li.active a:focus span {
		color:#1f0772 !important;	
	}
	.social.backwhite a:hover i,
	.social.backwhite a:hover,
	ul.nav-wizard li.active span,
	ul.nav-wizard li.active a span,
	ul.nav-wizard li.active a:active span,
	ul.nav-wizard li.active a:visited span,
	ul.nav-wizard li.active a:focus span,
	.creative-title hr,
	.darktext hr,
	.contactwidgets .widget-title hr,
	.owl-custom .owl-nav .owl-next:hover,
	.owl-custom .owl-nav .owl-prev:hover,
	.shop-widget-wrapper .widget-title hr,
	.instalink a, 
	.general-title hr  {
		border-color:#1f0772 !important;
	}
	.afterbanner:after,
	.customtab .nav > li.active:after,
	.themecolor:after {
		border-top-color:#1f0772 !important;
	}
	.filterfullwhite .portfolio-filter li.active a,
	.twocolportfolio.descvisible .portfolio-item:hover .invisible-buttons,
	.navbar-default .dropdown-menu  {
		border-bottom-color: #1f0772;
	}
	.filterfullwhite .portfolio-filter li.active a,
	.filterfullwhite .portfolio-filter li:hover a,
	.check1 li:before,
	.blog-share .footer-social a:hover,
  	.tp-caption.slider_text_11 span,
  	.popover-title,
  	.portfolioprevnext h3 a:hover,
  	.slider_text_11 span,
  	.tp-caption.slider_text_02.bluecolor,
  	.slider_text_02.bluecolor,
  	.orderbody span,
  	.home-stats h3,
	.owl-custom .owl-nav .owl-next:hover,
	.Content h2,
	.owl-custom .owl-nav .owl-prev:hover,
	.header-onepage .navbar-default .navbar-nav li.searchdropdown:hover a,
	.header-onepage .navbar-default .navbar-nav li.cartdropdown:hover a,
	.overlay ul li:hover a,
	.overlay ul li.active a,
  	.tp-caption.slider_text_05 span,
  	.slider_text_05 span,
  	.timeline .fa-circle,
	.slider_text_01 span,
	.forumtop .dropdown .btn,
	.tp-caption.slider_text_01 span,
	.shopcart .fa-check-circle,
	.slider_text_04 span,
	.tp-caption.slider_text_04 span,
	.rating i,
	.searchtitle span,
	.color-widget ul li:hover a,
	.general-title h2 span,
	.mapdesc i,
	.home-message i,
	.box a,
		a,
	.blog-meta span i,
	.new-price,
	.cartcount,
	.cartdropdown .fa-shopping-cart,
	.navbar-nav > li:hover a,
	.navbar-nav > li:focus a,
	
	.icon-absolute span i,
	.navbar-default .navbar-nav > li.active > a,
	.bluecolor, 
	.navbar-default .navbar-nav > li.active > a:hover, 
	.navbar-default .navbar-nav > li.active > a:focus,
	
	.yamm-content li a span,
	.service-style-hover i,
	.creative-title h2 span,
	.shop-filter li a:hover,
	
	.footer-links li:hover a,
	.contact_form h3 span,
	.shop-filter li a.active,
	.shop-filter li:hover a,
	.withborder .categorymeta a,
	.statwrap .fa-3x,
	.hover-services i,
	.nostyle i,
	.filterfullwhite .portfolio-filter li:hover a,
	.filterfullwhite .portfolio-filter a:hover,
	.filterfullwhite .portfolio-filter a.active,
	.yamm-content p,
	.accordion-filterable .accordion-heading .accordion-toggle > em,
	#accordion-first .accordion-heading .accordion-toggle > em,
	.testi-lead span,
	 {
		color:#1f0772 !important;
	}
	.widget .menu-footer ul li a{
	color: #ccc !important;
	text-transform: capitalize;
}
	.widget .menu-footer ul li a:hover{color:#fff !important;}
	.blue-colors{color:#333 !important;}

	.topbar span i {color:#FFF !important;}
	.btn17:focus,
	.btn17:hover,
	.tags .btn:hover,
	.tags .btn:focus,
	.forum-tab .btn:hover,
	.forum-tab .btn.active,
	.forum-tab .btn:focus,
	.pricing-tables .btn-primary:hover,
	.pricing-tables .btn-primary:focus,
	.pricing-tables .recommended .btn-primary,
	.pricing-style-2 .plan:hover .btn,
	.btn-primary {
		color:#ffffff !important;
		background-color: #1f0772 !important;
		border-color:#1f0772 !important;
		
	}
	#accordion-first.accordion-style-2 .accordion-heading:hover .accordion-toggle,
	#accordion-first.accordion-style-2 .accordion-heading:hover .accordion-toggle > em {
		background-color: #1f0772 !important;
		color:#ffffff !important;
		border-color:#0a8fb0 !important;
	}
	.user-status.online {
		background-color: #1f0772 !important;
	}
	hr.circlewhite:before {
		color:#1f0772 !important;
		background-color: #ffffff !important
	}
	.magnifier {
		background-color: rgba(10,143,176,0.8);
	}

/******************************************
	THEME COLOR HOVER
******************************************/

	.actionboxes.greybg .btn:hover,
	.actionboxes.whitebg .btn:hover,
	.navbar-default .navbar-nav .dropdown-menu li .btn,
	.btn-info:hover,
	.btn-info:focus {
		background-color: #0084a2 !important;
		border-color:#0084a2 !important;
	}
	.accordion-filterable .accordion-heading .accordion-toggle > em,
	#accordion-first .accordion-heading .accordion-toggle > em,
	.form-control:focus {
		border-color:#0084a2 !important;
	}
	.navbar-default .dropdown-menu > li > a {
		color:#999999 !important;
		background-color: transparent !important; 
	}
	.navbar-default .yamm-fw li a {
	color: #333333 !important;
	}
	.dropdown-menu li a:hover,
	.yamm-fw ul li a:hover {
		color:#1f0772 !important;
	}

/******************************************
	IMPORTANT WHITE COLOR
******************************************/
	
	.bluebg h3 span,
	.bluebg .fa-3x,
	.bluebg .stat-count,
	.bluebg small,
	.sizeoptions > li:hover a,
	.sizeoptions > li.selected a,
	.box span.green i,
	.box span.blue i,
	.box span.yellow i,
	.testi-lead h3 span.whitetext,
	.sidebar .icon-square .box span i,
  	.shop_text_02,
	.tp-caption.shop_text_02,
	.bgtheme .customtagline,
	.bgdarkblue .testi-lead h3 span,
	.bgtheme .customtagline a, 
	.bluebg .tagline-message h4,
	.bluebg .tagline-message h4 a, 
	.carousel-control:hover .fa,
	.whitehover .visible-buttons span i,
	.categorymeta a,
	.withbackground.icon-square span i,
	.blog-share .footer-social a:hover span i,
	.pricing-style-2 .plan:hover .head h2, 
	/*.hover-services .box:hover h3,
	.hover-services .box:hover i,*/
	.icon-square .box:hover span i,
	.blog-list .visible-buttons span a,
	.blog-list .visible-buttons span i,
	.blog-list .visible-buttons span,
	.customtab li.active .service-style-hover i,
	.customtab li.active .service-style-hover h4,
	.customtab li:hover .service-style-hover i,
	.customtab li:hover .service-style-hover h4,
	.footertop .footer-social li:hover span i,
	.portfolio-filter li.active a,
	.portfolio-filter li:hover a,
	.lists-elements li:hover .service-style-hover h4,
	.lists-elements li:hover .service-style-hover i,
	.box:hover .icon-container i,
	.navbar-default .navbar-nav .dropdown-menu li .btn,
	.cartdropdown .dropdown-menu li .btn  {
		color:#ffffff !important;
	}

/******************************************
	GREEN
******************************************/
	
	.greencolor {
		color:#39c173;
	}
	.icon-container.greenbg,
	.greenbg,
	.box span.green,
	.rounded-services i.green,
	.skills-darkgreen .darkgreen {
		background-color: #39c173 !important; 
	}
	.fa-3x.greencolor,
	.skills-darkgreen i {
		color: #39c173 !important;
	}

/******************************************
	DARK BLUE
******************************************/

	.icon-container.darkbluebg,
	.darkbluebg,
	.box span.blue,
	.bgdarkblue,
	.rounded-services i.blue,
	.section-blue,
	.skills-darkblue .darkblue {
		background-color: #1e93e1 !important;
	}
	.fa-3x.darkbluecolor,
	.skills-darkblue i {
		color: #1e93e1 !important;
	}

/******************************************
	YELLOW
******************************************/
	
	.yellowbg,
	.icon-container.yellowbg,
	.box span.yellow,
	.rounded-services i.yellow,
	.skills-yellow .yellow {
		background-color: #ffd348 !important;
	}
	.fa-3x.yellowcolor,
	.shop_text_02.yellowcolor,
	.tp-caption.shop_text_02.yellowcolor,	
	.slider_text_09.yellowcolor,
	.tp-caption.slider_text_09.yellowcolor,
	.general-title h5,
  	.tp-caption.slider_text_02,
  	.slider_text_02,
	.skills-yellow i {
		color: #ffd348 !important;
	}
	.btn-primary:focus,
	.btn-primary:hover {
		background-color: #ffd348 !important;
		border-color:#ffd348 !important;
		color:#ffffff !important;
		-webkit-box-shadow: 0px 3px 0px 0px #f1d16c !important;
		-moz-box-shadow: 0px 3px 0px 0px #f1d16c !important;
		box-shadow: 0px 3px 0px 0px #f1d16c !important;
	}

/******************************************
	DARK AND GREY
******************************************/

	.pricing-tables .btn-primary {
		background-color: #aaaaaa;
		border-color:#aaaaaa;
		-webkit-box-shadow: 0px 3px 0px 0px #959393;
		-moz-box-shadow: 0px 3px 0px 0px #959393;
		box-shadow: 0px 3px 0px 0px #959393;
	}
	.twocolportfolio .visible-buttons span:hover i {
		color:#222222 !important;
	}
	.bgdarkblue .owl-controls .owl-dots .owl-dot.active span {
		background-color: #ffffff !important;
		border-color:#ffffff !important;
	}
	p.dropcaps.greybg:first-letter {
		background-color: #f7f7f7 !important;
		color:#aaaaaa !important
	}
	.filterfullwhite .portfolio-filter a,
	.filterfull .portfolio-filter a {
		background-color: transparent !important;
		border-color: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
	}
	.pricing-transparent.pricing-style-2 .plan:hover .head,
	.pricing-transparent.pricing-style-2 .plan .price,
	.pricing-transparent.pricing-style-2 .head, 
	.pricing-transparent.pricing-style-2 .plan,
	.filterfullwhite .portfolio-filter li a,
	.filterfullwhite .portfolio-filter li,
	.filterfullwhite .portfolio-filter li.active a,
	.filterfullwhite .portfolio-filter li:hover a,
	.filterfullwhite,
	.parallax .rounded-services .box .hi-icon,
	.header-onepage .navbar-default .navbar-nav li.searchdropdown:hover a,
	.header-onepage .navbar-default .navbar-nav li.cartdropdown:hover a,
	.big-box.nobg {
		background-color: transparent !important;
	}
	
	.safari5 *{
  -webkit-transform: none !important;
  -webkit-transition: none !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Fade
/*-----------------------------------------------------------------------------------*/
.b-link-fade{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
}

.b-link-fade .b-wrapper{z-index:1;}
.b-link-fade .b-top-line{z-index:0}
.b-link-fade .b-wrapper, .b-link-fade .b-top-line{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-align:center;
  color:#fff;
  visibility:hidden; /* lt-ie9 */
}

.b-link-fade .b-top-line{
  background: #74c9be;
}

.b-link-fade .b-wrapper, .b-link-fade .b-top-line{
  transition:all 0.6s ease;
  -moz-transition:all 0.6s ease;
  -ms-transition:all 0.6s ease;
  -o-transition:all 0.6s ease;
  -webkit-transition:all 0.6s ease;
  overflow: hidden;
  opacity:0;
}

.b-link-fade:hover .b-wrapper, .b-link-fade:hover .b-top-line{
  opacity:1;
  visibility:visible; /* lt-ie9 */
}

/*-----------------------------------------------------------------------------------*/
/*	Flow
/*-----------------------------------------------------------------------------------*/
.b-link-flow{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
}

.b-link-flow .b-wrapper{z-index:1;}
.b-link-flow .b-top-line{z-index:0}
.b-link-flow .b-wrapper, .b-link-flow .b-top-line{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-align:center;
  color:#fff;
  visibility:hidden; /* lt-ie9 */
}

.b-link-flow .b-top-line{
  background: #74c9be;
}

.b-link-flow .b-wrapper, .b-link-flow .b-top-line{
  transition:all 0.6s ease;
  -moz-transition:all 0.6s ease;
  -ms-transition:all 0.6s ease;
  -o-transition:all 0.6s ease;
  -webkit-transition:all 0.6s ease;
  transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
  -webkit-transform:scale(0);
  opacity:0;
}

.b-link-flow:hover .b-wrapper, .b-link-flow:hover .b-top-line{
  transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  -webkit-transform:scale(1);
  opacity:1;
  visibility:visible; /* lt-ie9 */
}

/*-----------------------------------------------------------------------------------*/
/*	Stroke
/*-----------------------------------------------------------------------------------*/
.b-link-stroke{
  position:relative;
  display:inline-block;
  vertical-align:top;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  overflow:hidden;
  margin-bottom: 5px;
}

.b-link-stroke .b-wrapper{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-align:center;
  color:#fff;
}

.b-link-stroke .b-wrapper span{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 45%;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 40px;
}

.b-link-stroke .b-wrapper:hover{
	background: rgba(0,128,255,.5);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.b-link-stroke .b-top-line{
  position:absolute;
  top:-100%;
  left:0;
  width:50%;
  height:100%;
  background: #74c9be;
}

.b-link-stroke .b-bottom-line{
  position:absolute;
  bottom:-100%;
  right:0;
  width:50%;
  height:100%;
  background: #74c9be;
}

.b-link-stroke .b-top-line, .b-link-stroke .b-bottom-line{
  transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -o-transition:all 0.5s;
  -webkit-transition:all 0.5s;
} 

.b-link-stroke:hover .b-top-line{
  top:0;
}

.b-link-stroke:hover .b-bottom-line{
  bottom:0;
}

/*-----------------------------------------------------------------------------------*/
/*	Twist
/*-----------------------------------------------------------------------------------*/
.b-link-twist{
  position:relative;
  display:inline-block;
  vertical-align:top;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  margin-bottom: 5px;
}

.b-link-twist .b-wrapper{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-align:center;
  color:#fff;
  overflow:hidden;
}

.b-link-twist .b-top-line{
  position:absolute;
  top:0;
  left:1px;
  width:50%;
  height:100%;
  background: #74c9be;
  transform: perspective(400px) rotate3d(180,0,0,0deg);
  -webkit-transform: perspective(400px) rotate3d(180,0,0,0deg);
  -moz-transform: perspective(400px) rotate3d(180,0,0,0deg);
  -o-transform: perspective(400px) rotate3d(180,0,0,0deg);
  -ms-transform: perspective(400px) rotate3d(180,0,0,0deg);
}

.b-link-twist .b-bottom-line{
  position:absolute;
  bottom:0;
  right:0px;
  width:50%;
  height:100%;
  background: #74c9be;
  transform: perspective(400px) rotate3d(180,0,0,0deg);
  -webkit-transform: perspective(400px) rotate3d(180,0,0,0deg);
  -moz-transform: perspective(400px) rotate3d(180,0,0,0deg);
  -o-transform: perspective(400px) rotate3d(180,0,0,0deg);
  -ms-transform: perspective(400px) rotate3d(180,0,0,0deg);
}

.b-link-twist .b-top-line{
  transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
  -webkit-transition:all 1s;
  background-position:left top;
} 

.b-link-twist .b-bottom-line{
  transition:all 1s 0.1s;
  -moz-transition:all 1s 0.1s;
  -ms-transition:all 1s 0.1s;
  -o-transition:all 1s 0.1s;
  -webkit-transition:all 1s 0.1s;
  background-position:right top;
}

.b-link-twist:hover .b-top-line{
  transform: perspective(400px) rotate3d(180,0,0,180deg);
  -webkit-transform: perspective(400px) rotate3d(180,0,0,180deg);
  -moz-transform: perspective(400px) rotate3d(180,0,0,180deg);
  -o-transform: perspective(400px) rotate3d(180,0,0,180deg);
  -ms-transform: perspective(400px) rotate3d(180,0,0,180deg);
}

.b-link-twist:hover .b-bottom-line{
  transform: perspective(400px) rotate3d(180,0,0,-180deg);
  -webkit-transform: perspective(400px) rotate3d(180,0,0,-180deg);
  -moz-transform: perspective(400px) rotate3d(180,0,0,-180deg);
  -o-transform: perspective(400px) rotate3d(180,0,0,-180deg);
  -ms-transform: perspective(400px) rotate3d(180,0,0,-180deg);
}

.b-link-twist .b-top-line b, .b-link-twist .b-bottom-line b{
  transition:all 0.3s 0.2s;
  -moz-transition:all 0.3s 0.2s;
  -ms-transition:all 0.3s 0.2s;
  -o-transition:all 0.3s 0.2s;
  -webkit-transition:all 0.3s 0.2s;
  position:absolute;
  top:0;
  left:0;
  width:101%;
  height:100%;
}

.b-link-twist:hover .b-top-line b, .b-link-twist:hover .b-bottom-line b{
  background: #74c9be;
  height:100%;
}

/*-----------------------------------------------------------------------------------*/
/*	Flip
/*-----------------------------------------------------------------------------------*/
.b-link-flip{
  position:relative;
  display:inline-block;
  vertical-align:top;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  margin-bottom: 5px;
  background: #74c9be;
}

.b-link-flip .b-wrapper{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-align:center;
  color:#fff;
  overflow:hidden;
  z-index:1;
  visibility:hidden; /* lt-ie9 */
}

/* lt-ie9 */
.b-link-flip:hover .b-wrapper{
  visibility:visible;
}

.b-link-flip .b-top-line{
  position:absolute;
  top:0px;
  left:0;
  width:100%;
  height:50%;
  background: #74c9be;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -o-transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  -ms-transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform: perspective(400px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.safari5 .b-link-flip .b-top-line{
  height:100%
}

.b-link-flip .b-bottom-line{
  position:absolute;
  bottom:0px;
  right:0;
  width:100%;
  height:50%;
  background: #74c9be;
}

.b-link-flip .b-top-line{
  transition:all 1s;
  -moz-transition:all 1s;
  -ms-transition:all 1s;
  -o-transition:all 1s;
  -webkit-transition:all 1s;
  background-position:left top;
  z-index:1;
} 

.b-link-flip .b-bottom-line{
  background-position:left bottom;
  z-index:0;
}

.b-link-flip:hover .b-top-line{
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: perspective(400px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
  -moz-transform: perspective(400px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
  -o-transform: perspective(400px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
  -ms-transform: perspective(400px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
  transform: perspective(400px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
}

.b-link-flip .b-top-line b{
  transition:all 0.3s 0.2s;
  -moz-transition:all 0.3s 0.2s;
  -ms-transition:all 0.3s 0.2s;
  -o-transition:all 0.3s 0.2s;
  -webkit-transition:all 0.3s 0.2s;
}

.b-link-flip .b-top-line b, .b-link-flip .b-bottom-line b{
  height:101%;
  position:absolute;
  top:0;
  left:0;
  width:100%;
}

.b-link-flip:hover .b-top-line b{
  background: #74c9be;
}
.lt-ie10 .b-link-flip:hover .b-bottom-line b{
  background: #74c9be;
}

/*-----------------------------------------------------------------------------------*/
/*	Box
/*-----------------------------------------------------------------------------------*/
.b-link-box{
  position:relative;
  display:inline-block;
  vertical-align:top;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  margin-bottom: 5px;
  overflow:hidden;
}

.b-link-box .b-wrapper{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-align:center;
  color:#fff;
  overflow:hidden;
}

.b-link-box .b-top-line{
  position: absolute;
  left: 0;
  top: -5%;
  right: 0;
  bottom: -5%;
  transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  border: 30px solid #74c9be;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  visibility:hidden; /* lt-ie9 */
}

.b-link-box .b-bottom-line{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transition:all 0.3s linear;
  -moz-transition:all 0.3s linear;
  -ms-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  -webkit-transition:all 0.3s linear;
  visibility:hidden; /* lt-ie9 */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  background: #74c9be; 
}

.b-link-box:hover .b-top-line{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility:visible; /* lt-ie9 */
}

.b-link-box:hover .b-bottom-line{
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
visibility:visible; /* lt-ie9 */
}

/*-----------------------------------------------------------------------------------*/
/*	Strip
/*-----------------------------------------------------------------------------------*/
.b-link-stripe{
  position:relative;
  display:inline-block;
  vertical-align:top;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  margin-bottom: 5px;
  overflow:hidden;
}

.b-link-stripe .b-wrapper{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-align:center;
  color:#fff;
  overflow:hidden;
}

.b-link-stripe .b-line{
  position:absolute;
  top:0;
  bottom:0;
  width:20%;
  background:#74c9be;
  transition:all 0.5s linear;
  -moz-transition:all 0.5s linear;
  -ms-transition:all 0.5s linear;
  -o-transition:all 0.5s linear;
  -webkit-transition:all 0.5s linear;
  opacity:0;
  visibility:hidden; /* lt-ie9 */
}

/* lt-ie9 */
.b-link-stripe:hover .b-line{
  visibility:visible;
}

.b-link-stripe .b-line1{
  left:0;
}

.b-link-stripe .b-line2{
  left:20%;
  transition-delay:0.1s !important;
  -moz-transition-delay:0.1s !important;
  -ms-transition-delay:0.1s !important;
  -o-transition-delay:0.1s !important;
  -webkit-transition-delay:0.1s !important;
}

.b-link-stripe .b-line3{
  left:40%;
  transition-delay:0.2s !important;
  -moz-transition-delay:0.2s !important;
  -ms-transition-delay:0.2s !important;
  -o-transition-delay:0.2s !important;
  -webkit-transition-delay:0.2s !important;
}

.b-link-stripe .b-line4{
  left:60%;
  transition-delay:0.3s !important;
  -moz-transition-delay:0.3s !important;
  -ms-transition-delay:0.3s !important;
  -o-transition-delay:0.3s !important;
  -webkit-transition-delay:0.3s !important;
}

.b-link-stripe .b-line5{
  left:80%;
  transition-delay:0.4s !important;
  -moz-transition-delay:0.4s !important;
  -ms-transition-delay:0.4s !important;
  -o-transition-delay:0.4s !important;
  -webkit-transition-delay:0.4s !important;
}

.b-link-stripe:hover .b-line{
  opacity:1;
}

/*-----------------------------------------------------------------------------------*/
/*	Apart
/*-----------------------------------------------------------------------------------*/
.b-link-apart-horisontal, .b-link-apart-vertical{
  position:relative;
  display:inline-block;
  vertical-align:top;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  margin-bottom: 5px;
  overflow:hidden;
}

.b-link-apart-horisontal .b-wrapper, .b-link-apart-vertical .b-wrapper{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-align:center;
  color:#fff;
  overflow:hidden;
}
.b-link-apart-horisontal .b-top-line, .b-link-apart-horisontal .b-bottom-line,.b-link-apart-vertical .b-top-line, .b-link-apart-vertical .b-bottom-line {
  position:absolute;
  transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  -ms-transition:all 0.2s linear;
  -o-transition:all 0.2s linear;
  -webkit-transition:all 0.2s linear;
}
.b-link-apart-horisontal .b-top-line-up, .b-link-apart-horisontal .b-bottom-line-up,.b-link-apart-vertical .b-top-line-up, .b-link-apart-vertical .b-bottom-line-up {
  position:absolute;
  transition:all 0.2s 0.2s linear;
  -moz-transition:all 0.2s 0.2s linear;
  -ms-transition:all 0.2s 0.2s linear;
  -o-transition:all 0.2s 0.2s linear;
  -webkit-transition:all 0.2s 0.2s linear;
}

/* Horisontal */
.b-link-apart-horisontal .b-top-line, .b-link-apart-horisontal .b-bottom-line{
  height: 0.1%;
  left:50%;
  right:50%;
}
.b-link-apart-horisontal:hover .b-top-line, .b-link-apart-horisontal:hover .b-bottom-line{
  left:0;
  right:0;
}

.b-link-apart-horisontal .b-top-line-up, .b-link-apart-horisontal .b-bottom-line-up{
  left:0;
  right:0;
  height:0;
}

.b-link-apart-horisontal:hover .b-top-line-up, .b-link-apart-horisontal:hover .b-bottom-line-up{
  height: 50%;
}

/* Vertical */
.b-link-apart-vertical .b-top-line, .b-link-apart-vertical .b-bottom-line{
  width: 0.1%;
  top:50%;
  bottom:50%;
}

.b-link-apart-vertical:hover .b-top-line, .b-link-apart-vertical:hover .b-bottom-line{
  top:0;
  bottom:0;
}

.b-link-apart-vertical .b-top-line-up, .b-link-apart-vertical .b-bottom-line-up{
  top:0;
  bottom:0;
  width:0;
}

.b-link-apart-vertical:hover .b-top-line-up, .b-link-apart-vertical:hover .b-bottom-line-up{
  width: 50%;
}

/* Horisontal */
.b-link-apart-horisontal .b-top-line, .b-link-apart-horisontal .b-top-line-up{
  top:50%;
  background:#74c9be;
}

.b-link-apart-horisontal .b-bottom-line, .b-link-apart-horisontal .b-bottom-line-up{
  bottom:50%;
  background:#74c9be;
}

/* Vertical */
.b-link-apart-vertical .b-top-line, .b-link-apart-vertical .b-top-line-up{
  left:50%;
  background:#74c9be;
}

.b-link-apart-vertical .b-bottom-line, .b-link-apart-vertical .b-bottom-line-up{
  right:50%;
  background:#74c9be;
}

/*-----------------------------------------------------------------------------------*/
/*	Diagonal
/*-----------------------------------------------------------------------------------*/
.b-link-diagonal{
  position:relative;
  display:inline-block;
  vertical-align:top;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  margin-bottom: 5px;
  overflow:hidden;
}

.b-link-diagonal .b-wrapper{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  text-align:center;
  color:#fff;
  overflow:hidden;
}

.b-link-diagonal .b-line-group{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  transform: rotate(-25deg);
  -webkit-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  -o-transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
}

.b-link-diagonal .b-line{
  position:absolute;
  top: -90px;
  bottom: -60px;
  width:20%;
  background:#74c9be;
  transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  -ms-transition:all 0.2s linear;
  -o-transition:all 0.2s linear;
  -webkit-transition:all 0.2s linear;
}

.b-link-diagonal .b-line1{
  left: -10%;
  width: 30%;
}

.b-link-diagonal .b-line2{
  left:20%;
  transition-delay:0.1s !important;
  -moz-transition-delay:0.1s !important;
  -ms-transition-delay:0.1s !important;
  -o-transition-delay:0.1s !important;
  -webkit-transition-delay:0.1s !important;
}

.b-link-diagonal .b-line3{
  left:40%;
  transition-delay:0.2s !important;
  -moz-transition-delay:0.2s !important;
  -ms-transition-delay:0.2s !important;
  -o-transition-delay:0.2s !important;
  -webkit-transition-delay:0.2s !important;
}

.b-link-diagonal .b-line4{
  left:60%;
  transition-delay:0.3s !important;
  -moz-transition-delay:0.3s !important;
  -ms-transition-delay:0.3s !important;
  -o-transition-delay:0.3s !important;
  -webkit-transition-delay:0.3s !important;
}

.b-link-diagonal .b-line5{
  left: 80%;
  width: 30%;
  transition-delay:0.4s !important;
  -moz-transition-delay:0.4s !important;
  -ms-transition-delay:0.4s !important;
  -o-transition-delay:0.4s !important;
  -webkit-transition-delay:0.4s !important;
}

.b-link-diagonal .b-line1, .b-link-diagonal .b-line3, .b-link-diagonal .b-line5{
  top: 130%;
}

.b-link-diagonal .b-line2, .b-link-diagonal .b-line4{
  bottom: 130%;
}

.b-link-diagonal:hover .b-line1, .b-link-diagonal:hover .b-line3, .b-link-diagonal:hover .b-line5{
  top: -90px;
}

.b-link-diagonal:hover .b-line2, .b-link-diagonal:hover .b-line4{
bottom: -60px;
}

/*-----------------------------------------------------------------------------------*/
/*	Delay
/*-----------------------------------------------------------------------------------*/
.b-delay03{
  transition-delay:0.3s !important;
  -moz-transition-delay:0.3s !important;
  -ms-transition-delay:0.3s !important;
  -o-transition-delay:0.3s !important;
  -webkit-transition-delay:0.3s !important;
}

.b-delay06{
  transition-delay:0.6s !important;
  -moz-transition-delay:0.6s !important;
  -ms-transition-delay:0.6s !important;
  -o-transition-delay:0.6s !important;
  -webkit-transition-delay:0.6s !important;
}

.b-delay09{
  transition-delay:0.9s !important;
  -moz-transition-delay:0.9s !important;
  -ms-transition-delay:0.9s !important;
  -o-transition-delay:0.9s !important;
  -webkit-transition-delay:0.9s !important;
}

.b-delay12{
  transition-delay:1.2s !important;
  -moz-transition-delay:1.2s !important;
  -ms-transition-delay:1.2s !important;
  -o-transition-delay:1.2s !important;
  -webkit-transition-delay:1.2s !important;
}

.b-delay15{
  transition-delay:1.5s !important;
  -moz-transition-delay:1.5s !important;
  -ms-transition-delay:1.5s !important;
  -o-transition-delay:1.5s !important;
  -webkit-transition-delay:1.5s !important;
}

/*-----------------------------------------------------------------------------------*/
/*	Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go{
  text-decoration:none;
}

.b-animate{
  transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -o-transition:all 0.5s;
  -webkit-transition:all 0.5s;
  visibility:hidden; /* lt-ie9 */
}

/* lt-ie9 */
.b-animate-go:hover .b-animate{
  visibility:visible;
}

.b-from-left{
  position:relative;
  left:-100%;
}

.b-animate-go:hover .b-from-left{
  left:0;
}

.b-from-right{
  position:relative;
  right:-100%;
}

.b-animate-go:hover .b-from-right{
  right:0;
}

.b-from-top{
  position:relative;
  top:-100%;
}

.b-animate-go:hover .b-from-top{
  top:0;
}

.b-from-bottom{
  position:relative;
  bottom:-100%;
}

.b-animate-go:hover .b-from-bottom{
  bottom:0;
}

.b-scale{
  position:relative;
  transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
  -webkit-transform:scale(0);
}

.b-animate-go:hover .b-scale{
  transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  -webkit-transform:scale(1);
}

.b-opacity{
  opacity:0;
}

.b-animate-go:hover .b-opacity{
  opacity:1;
}

.b-animate-go:hover .b-cw-90,.b-animate-go:hover .b-cw-180,.b-animate-go:hover .b-ccw-90,.b-animate-go:hover .b-ccw-180{
  transform:rotate(0);
  -moz-transform:rotate(0);
  -ms-transform:rotate(0);
  -o-transform:rotate(0);
  -webkit-transform:rotate(0);
}

.b-animate-go .b-cw-90{
  transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -webkit-transform:rotate(90deg);
}

.b-animate-go .b-cw-180{
  transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
}

.b-animate-go .b-ccw-90{
  transform:rotate(-90deg);
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
}

.b-animate-go .b-ccw-180{
  transform:rotate(-180deg);
  -moz-transform:rotate(-180deg);
  -ms-transform:rotate(-180deg);
  -o-transform:rotate(-180deg);
  -webkit-transform:rotate(-180deg);
}

/*-----------------------------------------------------------------------------------*/
/*	Transparency
/*-----------------------------------------------------------------------------------*/
.b-opacity-10:hover .b-top-line,
.b-opacity-10:hover .b-top-line-up,
.b-opacity-10:hover .b-bottom-line, 
.b-opacity-10:hover .b-bottom-line-up, 
.b-opacity-10:hover .b-line1,
.b-opacity-10:hover .b-line2,
.b-opacity-10:hover .b-line3,
.b-opacity-10:hover .b-line4,
.b-opacity-10:hover .b-line5
{
  opacity: .1;
}

.b-opacity-20:hover .b-top-line,
.b-opacity-20:hover .b-top-line-up,
.b-opacity-20:hover .b-bottom-line, 
.b-opacity-20:hover .b-bottom-line-up, 
.b-opacity-20:hover .b-line1,
.b-opacity-20:hover .b-line2,
.b-opacity-20:hover .b-line3,
.b-opacity-20:hover .b-line4,
.b-opacity-20:hover .b-line5
{
  opacity: .2;
}

.b-opacity-30:hover .b-top-line,
.b-opacity-30:hover .b-top-line-up,
.b-opacity-30:hover .b-bottom-line, 
.b-opacity-30:hover .b-bottom-line-up, 
.b-opacity-30:hover .b-line1,
.b-opacity-30:hover .b-line2,
.b-opacity-30:hover .b-line3,
.b-opacity-30:hover .b-line4,
.b-opacity-30:hover .b-line5
{
  opacity: .3;
}

.b-opacity-40:hover .b-top-line,
.b-opacity-40:hover .b-top-line-up,
.b-opacity-40:hover .b-bottom-line, 
.b-opacity-40:hover .b-bottom-line-up, 
.b-opacity-40:hover .b-line1,
.b-opacity-40:hover .b-line2,
.b-opacity-40:hover .b-line3,
.b-opacity-40:hover .b-line4,
.b-opacity-40:hover .b-line5
{
  opacity: .4;
}

.b-opacity-50:hover .b-top-line,
.b-opacity-50:hover .b-top-line-up,
.b-opacity-50:hover .b-bottom-line, 
.b-opacity-50:hover .b-bottom-line-up, 
.b-opacity-50:hover .b-line1,
.b-opacity-50:hover .b-line2,
.b-opacity-50:hover .b-line3,
.b-opacity-50:hover .b-line4,
.b-opacity-50:hover .b-line5
{
  opacity: .5;
}

.b-opacity-60:hover .b-top-line,
.b-opacity-60:hover .b-top-line-up,
.b-opacity-60:hover .b-bottom-line, 
.b-opacity-60:hover .b-bottom-line-up, 
.b-opacity-60:hover .b-line1,
.b-opacity-60:hover .b-line2,
.b-opacity-60:hover .b-line3,
.b-opacity-60:hover .b-line4,
.b-opacity-60:hover .b-line5
{
  opacity: .6;
}

.b-opacity-70:hover .b-top-line,
.b-opacity-70:hover .b-top-line-up,
.b-opacity-70:hover .b-bottom-line, 
.b-opacity-70:hover .b-bottom-line-up, 
.b-opacity-70:hover .b-line1,
.b-opacity-70:hover .b-line2,
.b-opacity-70:hover .b-line3,
.b-opacity-70:hover .b-line4,
.b-opacity-70:hover .b-line5
{
  opacity: .7;
}

.b-opacity-80:hover .b-top-line,
.b-opacity-80:hover .b-top-line-up,
.b-opacity-80:hover .b-bottom-line, 
.b-opacity-80:hover .b-bottom-line-up, 
.b-opacity-80:hover .b-line1,
.b-opacity-80:hover .b-line2,
.b-opacity-80:hover .b-line3,
.b-opacity-80:hover .b-line4,
.b-opacity-80:hover .b-line5
{
  opacity: .8;
}

.b-opacity-90:hover .b-top-line,
.b-opacity-90:hover .b-top-line-up,
.b-opacity-90:hover .b-bottom-line, 
.b-opacity-90:hover .b-bottom-line-up, 
.b-opacity-90:hover .b-line1,
.b-opacity-90:hover .b-line2,
.b-opacity-90:hover .b-line3,
.b-opacity-90:hover .b-line4,
.b-opacity-90:hover .b-line5
{
  opacity: .9;
}

/* Disable transparency for twist and flip */

.b-link-twist.b-opacity-10:hover .b-top-line,
.b-link-twist.b-opacity-10:hover .b-top-line-up,
.b-link-twist.b-opacity-10:hover .b-bottom-line, 
.b-link-twist.b-opacity-10:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-10:hover .b-line1,
.b-link-twist.b-opacity-10:hover .b-line2,
.b-link-twist.b-opacity-10:hover .b-line3,
.b-link-twist.b-opacity-10:hover .b-line4,
.b-link-twist.b-opacity-10:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-20:hover .b-top-line,
.b-link-twist.b-opacity-20:hover .b-top-line-up,
.b-link-twist.b-opacity-20:hover .b-bottom-line, 
.b-link-twist.b-opacity-20:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-20:hover .b-line1,
.b-link-twist.b-opacity-20:hover .b-line2,
.b-link-twist.b-opacity-20:hover .b-line3,
.b-link-twist.b-opacity-20:hover .b-line4,
.b-link-twist.b-opacity-20:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-30:hover .b-top-line,
.b-link-twist.b-opacity-30:hover .b-top-line-up,
.b-link-twist.b-opacity-30:hover .b-bottom-line, 
.b-link-twist.b-opacity-30:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-30:hover .b-line1,
.b-link-twist.b-opacity-30:hover .b-line2,
.b-link-twist.b-opacity-30:hover .b-line3,
.b-link-twist.b-opacity-30:hover .b-line4,
.b-link-twist.b-opacity-30:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-40:hover .b-top-line,
.b-link-twist.b-opacity-40:hover .b-top-line-up,
.b-link-twist.b-opacity-40:hover .b-bottom-line, 
.b-link-twist.b-opacity-40:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-40:hover .b-line1,
.b-link-twist.b-opacity-40:hover .b-line2,
.b-link-twist.b-opacity-40:hover .b-line3,
.b-link-twist.b-opacity-40:hover .b-line4,
.b-link-twist.b-opacity-40:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-50:hover .b-top-line,
.b-link-twist.b-opacity-50:hover .b-top-line-up,
.b-link-twist.b-opacity-50:hover .b-bottom-line, 
.b-link-twist.b-opacity-50:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-50:hover .b-line1,
.b-link-twist.b-opacity-50:hover .b-line2,
.b-link-twist.b-opacity-50:hover .b-line3,
.b-link-twist.b-opacity-50:hover .b-line4,
.b-link-twist.b-opacity-50:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-60:hover .b-top-line,
.b-link-twist.b-opacity-60:hover .b-top-line-up,
.b-link-twist.b-opacity-60:hover .b-bottom-line, 
.b-link-twist.b-opacity-60:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-60:hover .b-line1,
.b-link-twist.b-opacity-60:hover .b-line2,
.b-link-twist.b-opacity-60:hover .b-line3,
.b-link-twist.b-opacity-60:hover .b-line4,
.b-link-twist.b-opacity-60:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-70:hover .b-top-line,
.b-link-twist.b-opacity-70:hover .b-top-line-up,
.b-link-twist.b-opacity-70:hover .b-bottom-line, 
.b-link-twist.b-opacity-70:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-70:hover .b-line1,
.b-link-twist.b-opacity-70:hover .b-line2,
.b-link-twist.b-opacity-70:hover .b-line3,
.b-link-twist.b-opacity-70:hover .b-line4,
.b-link-twist.b-opacity-70:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-80:hover .b-top-line,
.b-link-twist.b-opacity-80:hover .b-top-line-up,
.b-link-twist.b-opacity-80:hover .b-bottom-line, 
.b-link-twist.b-opacity-80:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-80:hover .b-line1,
.b-link-twist.b-opacity-80:hover .b-line2,
.b-link-twist.b-opacity-80:hover .b-line3,
.b-link-twist.b-opacity-80:hover .b-line4,
.b-link-twist.b-opacity-80:hover .b-line5
{
  opacity: 1;
}

.b-link-twist.b-opacity-90:hover .b-top-line,
.b-link-twist.b-opacity-90:hover .b-top-line-up,
.b-link-twist.b-opacity-90:hover .b-bottom-line, 
.b-link-twist.b-opacity-90:hover .b-bottom-line-up, 
.b-link-twist.b-opacity-90:hover .b-line1,
.b-link-twist.b-opacity-90:hover .b-line2,
.b-link-twist.b-opacity-90:hover .b-line3,
.b-link-twist.b-opacity-90:hover .b-line4,
.b-link-twist.b-opacity-90:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-10:hover .b-top-line,
.b-link-flip.b-opacity-10:hover .b-top-line-up,
.b-link-flip.b-opacity-10:hover .b-bottom-line, 
.b-link-flip.b-opacity-10:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-10:hover .b-line1,
.b-link-flip.b-opacity-10:hover .b-line2,
.b-link-flip.b-opacity-10:hover .b-line3,
.b-link-flip.b-opacity-10:hover .b-line4,
.b-link-flip.b-opacity-10:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-20:hover .b-top-line,
.b-link-flip.b-opacity-20:hover .b-top-line-up,
.b-link-flip.b-opacity-20:hover .b-bottom-line, 
.b-link-flip.b-opacity-20:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-20:hover .b-line1,
.b-link-flip.b-opacity-20:hover .b-line2,
.b-link-flip.b-opacity-20:hover .b-line3,
.b-link-flip.b-opacity-20:hover .b-line4,
.b-link-flip.b-opacity-20:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-30:hover .b-top-line,
.b-link-flip.b-opacity-30:hover .b-top-line-up,
.b-link-flip.b-opacity-30:hover .b-bottom-line, 
.b-link-flip.b-opacity-30:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-30:hover .b-line1,
.b-link-flip.b-opacity-30:hover .b-line2,
.b-link-flip.b-opacity-30:hover .b-line3,
.b-link-flip.b-opacity-30:hover .b-line4,
.b-link-flip.b-opacity-30:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-40:hover .b-top-line,
.b-link-flip.b-opacity-40:hover .b-top-line-up,
.b-link-flip.b-opacity-40:hover .b-bottom-line, 
.b-link-flip.b-opacity-40:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-40:hover .b-line1,
.b-link-flip.b-opacity-40:hover .b-line2,
.b-link-flip.b-opacity-40:hover .b-line3,
.b-link-flip.b-opacity-40:hover .b-line4,
.b-link-flip.b-opacity-40:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-50:hover .b-top-line,
.b-link-flip.b-opacity-50:hover .b-top-line-up,
.b-link-flip.b-opacity-50:hover .b-bottom-line, 
.b-link-flip.b-opacity-50:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-50:hover .b-line1,
.b-link-flip.b-opacity-50:hover .b-line2,
.b-link-flip.b-opacity-50:hover .b-line3,
.b-link-flip.b-opacity-50:hover .b-line4,
.b-link-flip.b-opacity-50:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-60:hover .b-top-line,
.b-link-flip.b-opacity-60:hover .b-top-line-up,
.b-link-flip.b-opacity-60:hover .b-bottom-line, 
.b-link-flip.b-opacity-60:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-60:hover .b-line1,
.b-link-flip.b-opacity-60:hover .b-line2,
.b-link-flip.b-opacity-60:hover .b-line3,
.b-link-flip.b-opacity-60:hover .b-line4,
.b-link-flip.b-opacity-60:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-70:hover .b-top-line,
.b-link-flip.b-opacity-70:hover .b-top-line-up,
.b-link-flip.b-opacity-70:hover .b-bottom-line, 
.b-link-flip.b-opacity-70:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-70:hover .b-line1,
.b-link-flip.b-opacity-70:hover .b-line2,
.b-link-flip.b-opacity-70:hover .b-line3,
.b-link-flip.b-opacity-70:hover .b-line4,
.b-link-flip.b-opacity-70:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-80:hover .b-top-line,
.b-link-flip.b-opacity-80:hover .b-top-line-up,
.b-link-flip.b-opacity-80:hover .b-bottom-line, 
.b-link-flip.b-opacity-80:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-80:hover .b-line1,
.b-link-flip.b-opacity-80:hover .b-line2,
.b-link-flip.b-opacity-80:hover .b-line3,
.b-link-flip.b-opacity-80:hover .b-line4,
.b-link-flip.b-opacity-80:hover .b-line5
{
  opacity: 1;
}

.b-link-flip.b-opacity-90:hover .b-top-line,
.b-link-flip.b-opacity-90:hover .b-top-line-up,
.b-link-flip.b-opacity-90:hover .b-bottom-line, 
.b-link-flip.b-opacity-90:hover .b-bottom-line-up, 
.b-link-flip.b-opacity-90:hover .b-line1,
.b-link-flip.b-opacity-90:hover .b-line2,
.b-link-flip.b-opacity-90:hover .b-line3,
.b-link-flip.b-opacity-90:hover .b-line4,
.b-link-flip.b-opacity-90:hover .b-line5
{
  opacity: 1;
}