/*===============================================
** Icon Box Css
*===============================================*/
.iconbox{ text-align:center; position:relative; margin:10px 0; background-color:#f8f8f8; padding:30px; }
.iconbox-icon{ width:100px; height:100px; border:2px solid; border-radius:50px; margin:0 auto 30px; color:#f8c231; font-size:50px; display:table; -webkit-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }
.iconbox-icon i{ display:table-cell; vertical-align:middle; }
.iconbox-content h4{ text-transform:capitalize; letter-spacing:1px; }
.iconbox:hover .iconbox-icon{ background-color:#f8c231; color:#ffffff; -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); }

/*===============================================
** Infobox Css
*===============================================*/
.infobox-holder { position:relative; overflow:hidden; cursor:pointer; background-color:#000000; }
.infobox-holder .infobox-back, .infobox-holder .infobox-front{ position: relative; -webkit-transition: opacity .35s ease-in-out,-webkit-transform .35s ease-in-out; -moz-transition: opacity .35s ease-in-out,-moz-transform .35s ease-in-out; -ms-transition: opacity .35s ease-in-out,-ms-transform .35s ease-in-out; transition: opacity .35s ease-in-out,transform .35s ease-in-out; }
.infobox-holder .infobox-back{ background-image:url(../images/grey-pattern.png); background-repeat:repeat; opacity: .2; -webkit-transform: translate3d(-30%,0,0); transform: translate3d(-30%,0,0); }
.infobox-holder .infobox-overlay{ color: #fff; padding: 30px 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.infobox-holder .infobox-overlay-in{ display: table; width: 100%; height: 100%; }
.infobox-holder .infobox-overlay-btm{ display: table-cell; vertical-align: bottom; }
.infobox-holder .infobox-front{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-size: cover; background-image:url(../images/salad.jpg); background-repeat:no-repeat; }
.infobox-holder .infobox-front .infobox-overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; background: -moz-linear-gradient(bottom,rgba(0,0,0,.6) 0,rgba(0,0,0,.48) 52%,transparent 100%); background: -webkit-linear-gradient(bottom,rgba(0,0,0,.6) 0,rgba(0,0,0,.48) 52%,transparent 100%); background: linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,.48) 52%,transparent 100%); }
.infobox-holder:hover .infobox-back{ opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.infobox-holder:hover .infobox-front{ -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
.infobox-back h4{ text-transform:uppercase; color:#ffffff; letter-spacing:2px; }
.infobox-para p{ font-size:16px; line-height:26px; margin-bottom:40px; }
.infobox-back a.buttonstyle1{ border-radius:0; font-size:14px; padding:14px 24px; }
.infobox-front h3{ text-transform:capitalize; color:#ffffff; letter-spacing:1px; margin-bottom:10px; }