@import url(https://fonts.googleapis.com/css?family=Lato:400,100,900);@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);body{background:#FFF}h1{font-family:'Bw Nista Geometric Regular';font-weight:100;font-size:30px;text-transform:uppercase;text-align:center;color:#444;padding:30px}.content_wrap{width:100%;margin:0 auto;padding:0;margin-top:-180px}.color-1-bg{background:#6baba1!important}.color-1-font,.color1-price{color:#6baba1!important}.color-2-bg{background:#00a79d!important}.color-2-font,.color-2-price{color:#00a79d}.color-3-bg{background:#00a79d!important}.color-3-font,.color-3-price{color:#00aff0}.color-4-bg{background:#00a79d!important}.color-4-font,.color-4-price{color:#00aff0}.front,.back{font-family:'Bw Nista Geometric Regular';float:left;width:220px;height:220px;background:#FFF;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-box-shadow:0 0 10px 0 #dbdbdb;box-shadow:0 0 10px 0 #dbdbdb;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.box{list-style:none;display:block;text-align:center;width:100%;margin:-50px 0 0;padding:0}.box i{padding-right:5px}.box>li{width:220px;height:220px;display:inline-block;margin:8px}.carousel-indicators{margin-bottom:20px}#carousel-example p{margin:0 0 100px}@media(max-width:575px){#carousel-example p{margin:0 0 40px}#small_background{background:white;height:100px;clear:both}.front,.back{width:70px;height:70px;display:inline-block}#my_box{margin-left:0;margin-top:-30px}#my_box li{width:28%;float:left}#my_box i{left:40px;position:absolute;margin-top:-45px}#my_box span{vertical-align:top;margin-top:-30px;display:inline-block;line-height:10px}.fa{font-size:20px}.price .total{font-size:12px!important}.boxes-mobile{width:100px;height:100px}}.front>div{text-align:center;color:#00a79d}.title{font-size:25px;text-transform:uppercase;text-align:center;padding:10px 0 17px;font-size:13px}.price span{font-weight:900;vertical-align:top;margin-top:-15px;display:inline-block}#my_box .title{margin-top:50px}@media(min-width:768px){#my_box .title i{font-size:50px}}.price .total{font-size:20px}.currency,.end{font-size:40px}.description{text-align:center}.front .description{color:#9b9b9b!important;font-size:14px;padding:4px 45px 0}.back .title{color:#FFF}.back .description ul{width:55%;margin:auto}.back .description ul li{color:#FFF!important;text-align:left;list-style:none;line-height:1.4}.popular{font-size:30px;color:#00a79d;position:absolute;left:0;top:0;opacity:0}.circle{border-radius:150px;-moz-border-radius:150px;-webkit-border-radius:150px;position:relative;-webkit-transition:all 1.8s ease-in-out;-moz-transition:all 1.8s ease-in-out;-o-transition:all 1.8s ease-in-out;-ms-transition:all 1.8s ease-in-out;transition:all 1.8s ease-in-out;position:absolute}.info{position:absolute;border-radius:150px;-moz-border-radius:150px;-webkit-border-radius:150px;opacity:0;-moz-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-webkit-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-o-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-ms-transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);transform:scale(0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-webkit-backface-visibility:hidden}.circle:hover .front{-moz-transform:scale(1.15);-webkit-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);opacity:1}.circle:hover .info{-moz-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-webkit-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-o-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);-ms-transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);transform:scale(1) rotate(360deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);opacity:1}.circle:hover .front-popular{border-radius:10% 50% 50% 50%!important}.circle:hover .popular{opacity:1;animation:popularAnim 2s 2;-webkit-animation:popularAnim 2s 2}@keyframes popularAnim{from{opacity:0;left:40px}to{opacity:1;left:0}}@-webkit-keyframes popularAnim{from{opacity:0;left:40px}to{opacity:1;left:0}}@-moz-keyframes popularAnim{from{opacity:0;left:40px}to{opacity:1;left:0}}@-ms-keyframes popularAnim{from{opacity:0;left:40px}to{opacity:1;left:0}}.box>li{*float:left}.circle .back{*display:none}@media(max-width:598px){.circle .back{display:none}}#sdf{background:#f9f9f9}.circle .back{z-index:0}.circle .front{position:relative;z-index:1}.circle:hover .back{z-index:1}.circle:hover .front{position:relative;z-index:0}.circle:hover .back{*display:inline}.circle:hover .front{*display:none}@media(max-width:598px){#footer_links{width:100%}#footer_links ul li a{font-size:10px}}