/*======= ICON (Toggle) BUTTONS =======*/
.icon-button,.icon-toggle{float:right;width:36px;height:36px;line-height:32px;padding:0;text-align:center;margin:7px 7px 7px 0;background-color:#478a6b;}
.icon-toggle span,.icon-toggle:before,.icon-toggle:after{width:100%;display:block;height:3px;margin:0 0 5px 0;background-color:#fff;border-bottom:1px solid rgba(0, 0, 0, 0.5);}
.icon-button.left{float: left;margin:7px 0 7px 7px;}
.icon-toggle {padding:8px;margin:0;}
.icon-toggle:before, .icon-toggle:after{content:''}

/*======= ICON SMALL BUTTONS =======*/
.icon-button.small{float:left;width:21px;height:21px;line-height:20px;margin:0 7px 0 0;background-color:#777;font-size:13px;}

/*======= BUTTONS =======*/
button,.button,input[type=button], input[type=reset],input[type=submit]{font-family:'Exo 2',Arial;text-decoration: none !important;background-color:#c42127;color:#fff;text-align:center;font-size:14px;padding:7px 15px;display:inline-block;}
button.small,.button.small{font-size:80%;padding:4px 10px;}
button.big,.button.big {font-size:105%;padding:10px 20px;}
button.white,.button.white {background-color:#fff;border: 1px solid #c42127;color:#c42127;}
button.green,.button.green {background-color:#c42127;}
button.white:before,.button.white:before,button.white:after,.button.white:after{color:#c42127;}
button.grey,.button.grey,.icon-button,.icon-toggle {background-color:#999;border: 1px solid #888;}
button.big.all,.button.big.all {margin: 0 0 30px 0;font-size: 110%;padding: 5px 20px;}
button.big.all.icon-eye:after,.button.big.all.icon-eye:after{font-size: 25px}

section.row.color button.green, section.row.color .button.green {border:1px solid #fff;}


/*======= ICON TOGGLE (BUTTON) ACTIVE =======*/
.icon-button.active{background-color:#c42127;border:1px solid #c42127;}

/*======= SET FONT AWESOME =======*/
.angle-right:after,.angle-left:before,.angle-top:after,.angle-bottom:after,.icon-plus:after,.icon-min:after,
.icon-home:after,.icon-mail:before,.icon-phone:before,.icon-search:before,.icon-quote,
.icon-facebook:before,.icon-linkedin:before,.icon-twitter:before,
.icon-pinterest:before,.icon-instagram:before,.icon-youtube:before,
.icon-eye:after,.icon-check:before{font-family: FontAwesome;color: #fff;}

/*=======  HOME - MAIL - PHONE - SEARCH - QUOTE - EYE =======*/
.icon-home:before{content:'\f015';}
.icon-mail:before{content:'\f0e0';}
.icon-phone:before{content:'\f095';}
.icon-quote:before{content:'\f10e';}
.icon-search:before {content:'\f002';}
.icon-eye:after {content:'\f06e ';}
.icon-check:before{content:'\f00c  ';}

/*======= SOCIAL =======*/
.icon-facebook:before{content:'\f09a';}
.icon-linkedin:before{content:'\f0e1';}
.icon-twitter:before{content:'\f099';}
.icon-pinterest:before{content:'\f0d2';}
.icon-instagram:before{content:'\f16d';}
.icon-youtube:before{content:'\f167';}

/*======= ARROW =======*/
.angle-right:after{content:'\f105 ';}.angle-left:before{content:'\f0d9 ';}.angle-top:after{content:'\f0d8 ';}
.angle-bottom:after{content:'\f0d7 ';}

/*======= PLUS - MINUS =======*/
.icon-plus:after,.icon-min:after{height:14px;line-height: 15px;width:14px;BACKGROUND:#fff;display: inline-block;color:#478a6b;font-size: 11px;}
.icon-plus:after{content: '\f067';padding: 0}
.icon-min:after{content: '\f068';}

/*======= RIGHT POSITION =======*/
button.angle-right:after,.button.angle-right:after,.angle-right:after,button.angle-top:after,.button.angle-top:after,.angle-top:after,button.angle-bottom:after,.button.angle-bottom:after,.angle-bottom:after,.icon-plus:after,.icon-min:after{margin:0 0 0 10px;}
button.icon-eye:after,.button.icon-eye:after,
button.big.angle-right:after,.button.big.angle-right:after,button.big.angle-top:after,.button.big.angle-top:after,button.big.angle-bottom:after,.button.big.angle-bottom:after,
button.big.icon-eye:after,.button.big.icon-eye:after{margin:0 0 0 15px;}

/*======= LEFT POSITION =======*/
button.angle-left:before,.button.angle-left:before,
button.icon-mail:before,.button.icon-mail:before,
button.icon-phone:before,.button.icon-phone:before{padding:0 10px 0 0;}
button.big.angle-left:before,.button.big.angle-left:before{padding:0 15px 0 0;}

/*======= ICON ROUND =======*/
.round.icon:after,.round.icon:before{margin: 0;}
.round.icon.angle-left:before{margin: 0 2px 0 0;}
.round.icon.angle-right:after{margin: 0 0 0 2px;}

/*======= RESET FOR DEVICE =======*/
@media only screen and (min-width : 1025px)  {
button:hover,.button:hover {background:#C42127;}
button.white:hover,.button.white:hover {background-color:#fff;border: 1px solid #c42127;color:#c42127;}
}