@charset "utf-8";

.bg1{background-color:#FF9999;}
.bg2{background-color:#D2FF4C;}
.bg3{background-color:#73B9FF;}
.bg4{background-color:#BBBBBB;}
.bg-white{background-color:#FFFFFF;}
.bg-grayo{background-image:url(imgs/grayo.jpg);}
.bg-grayv{background-image:url(imgs/grayv.jpg);}
.karandash{background-image:url(imgs/header2.jpg);}

/* .bg-pietra{background-image:url(imgs/bgpietra.jpg); background-size:cover} */
.bg-pietra{background-image:url(imgs/bgabstract2.jpg);  background-size:cover}
.bg-cookie{background-image:url(imgs/bg-fascie.jpg);}
.bg-blackwood{background-image:url(imgs/blackwood.jpg);}
.bg-mat{background-image:url(imgs/bgmat.jpg);}
.bg-grayleft{background-image:url(imgs/grayleft.jpg);}
.bg-diaglinel{background-image:url(imgs/diaglinel.png);}
.font1{font-family:"ubunturegular";}
.font2{font-family:"ubunturegular";}
.font3{font-family:"ubunturegular";}
.font-resp{font-size:1em;}
.text-content{font-family:"ubunturegular";font-size:1em;color:#111111;text-align:justify;}
.txt-small {font-size: 0.8em; font-weight: normal;}
.fux {color: #ff8000}
.bullet{ 
    /* border: 4px outset #f72727; */
    border-radius: 50%;
    border-spacing: 3px;
    display: inline-block;
    height: 15px;
    margin: -4px 8px;
    padding: 2px;
    width: 15px;}
.inizia {
	background-color: #006600;
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 2px 2px #006600;
    height: 190px;
    line-height: 192px;
    width: 190px;
}
.divshow {display: table}
.divnoshow {display: none}
.zorro {display: none}
.txt-start{font-size:3em;}	
.listnone.bull li {line-height:1.8}	
.clr1 {background-color: #00ff00;}
.clr2 {background-color: #00d900;}
.clr3 {background-color: #00b300;}
.clr4 {background-color: #008c00;}
.clr5 {background-color: #006600;}
.clr6 {background-color: #004000;}
.clr7 {background-color: #104000;}
.clr8 {background-color: #3FC380;}
.clr9 {background-color: #2ABB9B;}
.clr10 {background-color: #BE90D4;}
.clr11 {background-color: #F9690E;}
.clrdemo {background: #F9690E;}

.color-orange{color:#F9690E;}
.color-white{color:#FFF;}
.color-black{color:#000;}

a {color:#111111}
a{text-decoration:none;text-shadow:1px 1px 2px #8e9396;}
a:hover, a:focus{color:#666666;text-decoration:none;}
.blacklink{color:#111111!important;}
.redlink{color:#D90000!important;margin-left:25px;}
.whitelink{color:#FFFFFF!important;margin-left:25px;}
.wdlinks {text-shadow:1px 1px 2px #8e9396;color:#111111}
ul li {line-height:2}

figure{padding:1px;margin:5px 5px;}
img{max-width:100%;height:auto;}
.img-resp{max-width:100%;height:auto;}
.padd-r{padding-right:15px;}
.padd-l{padding-left:15px;}
.padd-lb{padding-left:25px;}
.padd-big{padding: 5px 40px;} 
.boxed-card {margin: 10px; border: 1px solid #acac9d;}
.allinone {display:grid;}
.btn-discovery button{font-size:1.5rem; border: 1px solid #b5b5ad;}
.margin10{margin:10px;}
.img-polaroid{background-color:#fff;border:1px solid rgba(0, 0, 0, 0.2);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);padding:4px;}
.img-circle{border-radius:500px;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.2);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);padding:4px;}
.slidersize{height:482px;}
.youtube iframe{margin:0 auto;display:table;box-sizing:border-box;}
#content{padding-bottom:15px;}
.about{background-image:url(../img/pattern-dine.png);background-repeat:repeat;display:table;}
.about h2{color:#D90000;text-shadow:1px 1px 1px #575748;}
.about2 h2{color:#D90000;text-shadow:1px 1px 1px #575748;}
.item-title{margin-left:20px;margin-top:15px;text-shadow:1px 2px 4px #C1B6B6;padding:1px;color:#00A3D9;font-size:0.9em;}
.content-title{text-transform:uppercase;font-size:20px;font-weight:normal;color:#222222;}
.box-title{margin:10px;padding:1px;color:#001966;font-size:1.1em;line-height:1.2em;text-align:left;}
.box-descript{margin:10px;text-shadow:1px 2px 4px #C1B6B6;padding:1px;color:#001966;font-size:1.2em;line-height:1.25em;}
.box-descript2{margin:10px; text-shadow:1px 2px 4px #242415; padding:1px;color:#EEEEEE;font-size:1.2em;line-height:1.25em;}
.box-descript span{cursor:default;transition:color 0.2s ease 0.1s;}
.box-descript span:hover{color:#ff4000;}
.box-descript .fa{color:#006600;}
.box-descript2 span{cursor:help;transition:color 0.2s ease 0.1s;}
.box-descript2 span:hover{color:#d93600;}
.sitetype i {width:23px; text-align:center;}
.p1{margin-left:-15px;position:relative;}
.brand{color:#bc170b!important;line-height:1.5em!important;font-family:"ubunturegular";font-size:1.8em;font-style:italic!important;font-weight:bold!important;text-shadow:0 -2px 2px #c7c8ca, 0 2px 0 #b1b3b6, 0 3px 0 #9d9fa2, 0 4px 0 #8a8c8e, 0 5px 0 #77787b, 0 6px 0 #636466, 0 7px 0 #4d4d4f, 0 8px 7px #001135;}
h2 .brand {font-size: 1.2em;}
.brand h1{font-size:24px;}
.feat-title{font-family:"Ubuntu";font-size:44px;font-weight:bolder; line-height:44px; color:#F9690E; padding:10px;}
.feat-title-mini{font-family:"Ubuntu"; font-size:16px;font-weight:bolder; line-height:44px; color:#F9690E;}
dd.ccs-features{font-size:1.1em;color:#008C00;}
.richiedi i {color: #006600}
.celliconbox{display:inline-block;padding:7px;}
.celliconbox img{margin:10px;}
.rivista{display:table;max-height:550px;width:100%;text-align:center;background-image:url(../img/flower.png);background-position:15% 50%;background-repeat:no-repeat;}
#magazine{width:auto;height:550px;}
#magazine .turn-page{background-color:#ccc;background-size:100% 100%;}
.big-title h1{color:#000;font-family:"Ubuntu";font-size:58px;font-weight:normal;line-height:58px;text-transform:uppercase;}
/**/.itemround{margin-top:1px;display:block;margin-bottom:7px;border:1px solid #666464;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background-color:#E7E7E7;}
.itemblock{margin:7px;border:0px solid;}
.portbox{display:inline-block;margin:7px;height:280px;}
.ih-item.square{-webkit-box-shadow:0px 1px 2px #BC0000;-moz-box-shadow:0px 1px 2px #BC0000;box-shadow:0px 1px 2px #BC0000;}
.imgp-caption{margin-top:20px;text-align:center;}
.topmenu{background-color:#1A292C;}
.topunimedia{display:inline-flex;width:99%;margin:0 auto;}
.topheader{clear:both;padding-top:5px;width:99.999%;margin:0 auto;display:block;
background-image:url("../imgs/header5.webp");
/* background-repeat:repeat-x; */
background-position: bottom right; background-size:cover; 
}
.topicon{margin:0 auto;text-shadow:1px 1px 1px #575748;}
.logo{top:5px;margin-left:30px;}
.logo img{max-width:60%;height:auto;}
.logobrand{font-size:280%;font-weight:bolder;vertical-align:middle;text-align:right;}
.call{font-family:"Audiowide";font-size:1.7em;line-height:1.6em;white-space:nowrap;padding-top:8px;}
.call a{color:#dfdfd0;}

.postit-head h3{text-transform:uppercase;font-size:1.09em;color:#f0f0e1;font-family:Ubuntu; letter-spacing:1px;
/* text-shadow:1px 1px 1px #000000, 1px -1px 4px; */
}
.headeritems{width:80%;margin:0 auto;}
.postit{width:47%;margin:2px;padding:9px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.postit:hover,.postit-active{background:rgba(26, 41, 44, 0.66);}
.postit-ls{float:right}
.postit-rs{float:left}
.it1{background:rgba(114, 189, 163, 0.33);}
.it2{background:rgba(123, 152, 249, 0.33);}
.it3{background:rgba(114, 89, 163, 0.33);}
.it4{background:rgba(114, 189, 63, 0.33);}
#coding p {line-height:1pt}

.bulletbox { width:99%; margin:2px 5px 15px 20px; transition: all 0.4s ease-in-out 0s; background-color:#fff; border-radius:6px;
padding:5px; border:0px solid #81CFE0; display: inline-table; color:#acac9d;
}
.bulletbox:hover {color:#353526; text-shadow: 3px 3px 3px #ffefbf; padding-left:35px;}
    
.bulletbox .box-text {border-bottom: 1px solid #464637; display: inline-table; margin-left: 2px;
	box-shadow: 0 3px 2px -2px #424251; color:#353526;
    margin-top: 30px; padding-bottom: 2px; padding-left: 5px;padding-right: 5px;}
.bulletbox 	.box-subtext {display:table; margin-top: -7px; padding-left: 10px; font-size:14px; color:#444444; text-align:center;}	
/* round boxes*/

.roundbox{ overflow:hidden; box-sizing: border-box; display:block;
	transform:rotate(45deg); 
    border-radius: 50%;
    border-style: solid;
    /* border-color:  #23008c #ff8000  #006600 #ff4c79; */
    height: 100px;
    width: 100px;
   /* box-shadow: 3px 1px 5px -3px #2980b9; */
}
.roundstyle1{border-width: 9px; padding: 1px;}
.round-inbox {overflow:hidden; box-sizing: border-box;border-radius: 50%;
border:0px solid #b32d00;
height: 96%; width: 96%;
margin:2px;
transform:rotate(-45deg);
}
.featbox1{border-color: white blue white violet;}
.featbox2{border-color: white #00b300 white  #8c0046;}
.featbox3{border-color: white #ff8000 white #ff4c79;}	

/* features story  box */

.story-block {
	display: block;
	position: relative;
	width: 90%;
	background: #fff;
	padding: 20px 25px 17px 25px;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	-webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.story-block:hover{
	box-shadow: 2px 2px 20px rgba(0,0,0,0.08);
}

.story .story-left {
	position:relative;
	margin-bottom:40px;
	border:2px solid#ffa64c;
	/* border-bottom:2px solid #e0e0e0; */
	box-shadow: 2px 2px 5px #d2a7a7;
}

.story .story-left .story-arrow {
    background: none repeat scroll 0 0 #fff;
	border-right:2px solid #ffa64c;
	border-top:2px solid #ffa64c;
    display: block;
    width: 18px;
    height: 18px;
    right: -11px;
    top: 50%;
	margin-top:-10px;
    position: absolute;
	z-index:50;
    transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	display : none\9; /* IE9 and below */ 
}

.story .story-right {
	position:relative;
	margin-bottom:40px;
	border:2px solid #ffa64c;
	box-shadow: -2px 2px 5px #d2a7a7;
}

.story .story-right .story-arrow {
    background: none repeat scroll 0 0 #fff;
	border-left:2px solid #ffa64c;
	border-bottom:2px solid #ffa64c;
    display: block;
    width: 18px;
    height: 18px;
    left: -11px;
    top: 50%;
	margin-top:-10px;
    position: absolute;
	z-index:50;
    transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	display : none\9; /* IE9 and below */ 
}

.story .story-right {
	float:right
}

.story .story-left {
	float:left;
}

.story-block .story-text h4 {
	margin-bottom:8px;
	font-size:20px;
}

.story-block .story-image img {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	border: 4px solid #eef0f1;
    border-radius: 50%;
	margin-top: -50px;
}

.story .story-right .story-image img {
	left: 30px;
}

.story .story-right .story-text {
	text-align: left;
	margin-left: 130px;
}

.story .story-left .story-image img {
	right: 30px;
}

.story .story-left .story-text {
	text-align: right;
	margin-right: 130px;
}

.story .story-left .h-line {
	position: absolute;
	width: 2px;
	height: 140%;
	background: #ddd;
	right: -74px;
	top: 0;
}


.story .story-left.last .h-line, .story .story-right.last .h-line {
	height: 100%!important;
}


/*contatti*/
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    height: 15px !important;
    width: 15px !important;
}
.form-box input, textarea, select { margin-bottom: 14px; margin-top: 2px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #002DB3;
    display: block;
    font-size: 14px;
    height: 28px;
    line-height: 1.42857;
    padding: 3px 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    /*width: 100%; */ 
}

.form-box select {width:200px;}
.form-box input:focus {
    border-color: #FF0000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.form-box textarea:focus {
    border-color: #FF0000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

.form-box button { 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 1px #0000B3;
	color: #fff;
    font-weight: bold;
	margin:3px;
	}
.form-box textarea { height: 112px; width: 90%;}	
.form-box input { width: 95%;}	
	
.submit { background-color: #00D900;}
.flatbut {padding: 20px 10px; margin-top:10px; margin-bottom:10px;}
.butt-anim-1 {width:195px;}
.butt-anim-1:hover {color:#FFF;}

.reset { background-color: #B30000;}
.captcha { width: auto!important; padding: 0px 10px; margin-left: 10px; margin-top: 2px; border: 1px solid #CCC; line-height: 34px;}
.captcha-err { width: auto!important; padding: 0px 10px; margin-left: 10px; margin-top: 2px; border: 1px solid #CCC; line-height: 34px; cursor: default;}
.captcha-butt { width: 20px;}
.human { margin-left: 10px!important; width: auto!important; padding: 0 10px;}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    border: 0 none;
    cursor: pointer;
    padding: 5px 30px;
}

/**/
.location{font-size:1.5em;line-height:1.4em;font-weight:bold;color:#8C0069;text-shadow:1px 1px 2px #9B9B8C;}
.footer{margin-top:10px;display:flex;background:-moz-linear-gradient(45deg, rgba(139, 16, 81, 1) 0%, rgba(153, 39, 98, 1) 16%, rgba(139, 61, 98, 1) 30%, rgba(135, 56, 104, 1) 70%, rgba(142, 49, 101, 1) 82%, rgba(153, 39, 98, 1) 100%);background:-webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(139, 16, 81, 1)), color-stop(16%, rgba(153, 39, 98, 1)), color-stop(30%, rgba(139, 61, 98, 1)), color-stop(70%, rgba(135, 56, 104, 1)), color-stop(82%, rgba(142, 49, 101, 1)), color-stop(100%, rgba(153, 39, 98, 1)));background:-webkit-linear-gradient(45deg, rgba(139, 16, 81, 1) 0%, rgba(153, 39, 98, 1) 16%, rgba(139, 61, 98, 1) 30%, rgba(135, 56, 104, 1) 70%, rgba(142, 49, 101, 1) 82%, rgba(153, 39, 98, 1) 100%);background:-o-linear-gradient(45deg, rgba(139, 16, 81, 1) 0%, rgba(153, 39, 98, 1) 16%, rgba(139, 61, 98, 1) 30%, rgba(135, 56, 104, 1) 70%, rgba(142, 49, 101, 1) 82%, rgba(153, 39, 98, 1) 100%);background:-ms-linear-gradient(45deg, rgba(139, 16, 81, 1) 0%, rgba(153, 39, 98, 1) 16%, rgba(139, 61, 98, 1) 30%, rgba(135, 56, 104, 1) 70%, rgba(142, 49, 101, 1) 82%, rgba(153, 39, 98, 1) 100%);background:linear-gradient(45deg, rgba(139, 16, 81, 1) 0%, rgba(153, 39, 98, 1) 16%, rgba(139, 61, 98, 1) 30%, rgba(135, 56, 104, 1) 70%, rgba(142, 49, 101, 1) 82%, rgba(153, 39, 98, 1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#992762', endColorstr='#8B1051', GradientType=1);}
footer .span3{padding:7px;}
.footerheader{font-size:1.3em;}
.f-txt{color:#BDBDAE;}
.colfooter{background-image:url("imgs/darklinebg.jpg");background-repeat:repeat;}
.colfooter a{color:#FFFFFF;text-shadow:0px 1px 2px #222222, 0px 1px 0px #222222, 1px 0px 7px #222222;}
#sharing{display:table;margin:0 auto;width:auto;}


/*responsive*/
@media (max-width:1220px){
.feat-title-mini{font-size: 14px;}
}
@media (max-width:980px){#magazine{width:auto;height:450px;}
}
@media (max-width:900px){.contact-form{background-position:99% 40%;}
#magazine{width:auto;height:420px;}
.feat-title-mini{font-size: 11px;}
}
@media (max-width:768px){.contact-form{background-image:none;}
#magazine{height:350px;}
.logo img{max-width:75%;}
.postit-ls{float:left;}
footer .span3{margin:10px;}
footer .container{width:96%;}
footer .d-flex{display:table;width:96%;margin:0 auto;text-align:center;}
.call{font-size:1.8em;line-height:1.8em;float:none;}
.callphoneonly{top:-20px;}

}
@media (max-width:581px){#magazine{height:250px;}
.contact-form legend{font-size:1.1em;}
#coding p {font-size:0.8em;}
}
@media (max-width:470px){.call{font-size:1.3em;}
#magazine{height:230px;}
.arotate{width:40px;height:40px;}
.bulletbox .box-text{margin-top:14px;font-size:0.8em;}
.roundbox{width:70px;height:70px;}
.round-inbox{margin:1px;}
.story-block .story-image img{width: 60px; height: 60px; top:52px; }
.story .story-left .story-text {text-align: justify; margin-right: 10px; margin-top:55px;}
.story .story-right .story-text {text-align: justify; margin-left: 10px; margin-top:55px;}
.feat-title{font-size:34px;}
}
@media (max-width:350px){.call{font-size:1.0em;}
.postit-head h3{font-size:0.7em;}
.feat-title{font-size:26px;}
}
.img-about{width:288px;height:316px;}
.img-about2{max-width:288px;height:100%;}
.about2 .viewhover{margin:2px!important;border:1px!important;}
.viewhover{margin:1px;float:left;border:3px solid #fff;overflow:hidden;position:relative;text-align:center;-webkit-box-shadow:1px 1px 8px #e6e6e6;-moz-box-shadow:1px 1px 8px #e6e6e6;box-shadow:1px 1px 8px #e6e6e6;cursor:default;background:#fff url(../img/imghover10iura.jpg) repeat center center;}
@media (max-width:767px){}
.ef-zoomin img{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.ef-zoomin img:hover{-webkit-transform:rotate(-3deg) scale(1.2);-moz-transform:rotate(-3deg) scale(1.2);-o-transform:rotate(-3deg) scale(1.2);-ms-transform:rotate(-3deg) scale(1.2);transform:rotate(-3deg) scale(1.2);}
.zoom-out img{-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.zoom-out img:hover{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);}
.img-alfa{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;margin-left:0px;width:100%;margin-right:0px;padding:5px;}
@media (max-width:767px){
	.img-alfa{display:inline-block;}
}
.alfaview{display:table;width:auto;margin:0 auto;overflow:hidden;position:relative;text-align:center;box-shadow:1px 1px 5px #aaa;cursor:default;}
.alfaview .maskera, .alfaview .content{width:100%;position:absolute;overflow:hidden;top:0;left:0;}
.alfaview img{display:block;position:relative;}
.alfaview .lente{background:url(../img/link.png) center no-repeat;display:inline-block;text-decoration:none;padding:0;text-indent:-9999px;width:20px;height:20px;top:50%;}
/**/.alfaeffect .maskera{background-color:#000000;opacity:0;overflow:visible;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.alfaeffect .lente{position:relative;top:50%;opacity:0;-webkit-transition:opacity 0.5s 0s ease-in-out;-moz-transition:opacity 0.5s 0s ease-in-out;-o-transition:opacity 0.5s 0s ease-in-out;-ms-transition:opacity 0.5s 0s ease-in-out;transition:opacity 0.5s 0s ease-in-out;}
.alfaeffect:hover .maskera{opacity:0.5;background-color:#000000;height:100%;}
.alfaeffect:hover .lente{opacity:1;-moz-transition-delay:0.3s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;}
}
@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;}
}
.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;}
.hvr-ripple-out:before{content:'';position:absolute;border:#8C008C solid 2px;top:0;right:0px;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s;}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out;}
.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;padding-right:2.2em;-webkit-transition-duration:0.1s;transition-duration:0.1s;}
.hvr-icon-forward:before{content:"\f138";position:absolute;right:1em;padding:0 1px;
    font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before{-webkit-transform:translateX(11px);transform:translateX(11px);}

/* animaions */
.hvr-float-shadow::before {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 5%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition-duration: 0.3s;
    transition-property: transform, opacity;
    width: 90%;
    z-index: -1;
}
.hvr-float-shadow {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: transform;
    vertical-align: middle;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


/* end animaions */