@import "font-awe.css";
@import animate0.css;
.badge{background:none;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
@media (max-width: 991px) {
.clearboth{clear:both}
}
a[href^="callto:#"]{position:relative}
a[href^="callto:#"]:before{content:"";position:absolute;bottom:-1px;left:50%;right:50%;height:1px;background:#888;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
a[href^="callto:#"]:hover{color:#888}
a[href^="callto:#"]:hover:before{left:0;right:0}
hr{float:left;width:39px;border:none;border-bottom:2px solid #888}
@media (max-width: 767px) {
hr{float:none;text-align:center}
}
.tablet .marked-list a:before,.mobile .marked-list a:before,.tablet .btn a:before,.mobile .btn a:before,.tablet h4 a:before,.mobile h4 a:before{display:none}
* + .row{margin-top:30px}
.row + *{margin-top:30px}
.row + .row{margin-top:30px}
h4 + h2{margin-top:23px}
h3 + h4{margin-top:14px}
@media (max-width: 767px) {
h3 + h4{text-align:center}
}
h4 + hr{margin-top:25px}
h4 + img{margin-top:13px}
img + p{margin-top:4px}
p + .btn{margin-top:16px}
p + .marked-list{margin-top:30px}
h4 + .thumb{margin-top:13px}
@media (max-width: 991px) {
h4 + .thumb{margin-top:20px}
}
.thumb + h4{margin-top:20px}
.marked-list + .btn{margin-top:16px}
dt + dd{margin-top:16px}
dd + dt{margin-top:28px}
dl + a[href^="mailto:#"]{display:inline-block;font-weight:400;margin-top:28px;color:#333;letter-spacing:0}
.mg-add{margin-top:10px}
.inline-list{display:inline-block;width:100%;padding:41px 0 40px;background:#333}
.inline-list li{display:inline-block;font-size:44px;line-height:44px;color:#fff}
.inline-list li + li{margin-left:64px}
.index-list{counter-reset:li}
.index-list li{position:relative;padding-top:52px}
.index-list li:before{content:counter(li, decimal-leading-zero);counter-increment:li;position:absolute;top:2px;left:15px;font-weight:700;letter-spacing:2.25px;color:#888}
@media (max-width: 767px) {
.index-list li:before{right:0;text-align:center}
}
.index-list .icon + p{margin-top:17px}
.index-list [class*='fa-']{font-size:36px;color:#888}
@media (max-width: 767px) {
.index-list{padding-top:20px}
}
.index-list__ins1 li{padding-top:54px}
.index-list__ins1 [class*='fa-']{display:inline-block;margin-top:-18px}
.index-list__ins1 .icon + p{margin-top:0}
@media (max-width: 767px) {
.index-list__ins1{padding-top:20px;margin-top:100px}
.index-list__ins1 li{padding-top:54px}
}
.index-list__ins2 li{padding-top:42px}
.index-list__ins2 h4 + p{margin-top:15px}
.marked-list li{display:inline;position:relative;padding-left:13px;padding-right:26px}
.marked-list li:before{content:"";position:absolute;top:50%;left:0;width:9px;height:9px;margin-top:-4.5px;background:#888;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.marked-list li a{position:relative;display:inline-block}
.marked-list li a:before{content:"";position:absolute;bottom:-5px;left:0;right:100%;height:1px;background:#333;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.marked-list li a:hover{color:#888;font-weight:600}
.marked-list li a:hover:before{right:0}
.marked-list li a .lt-ie9{text-decoration:underline}
.lt-ie9 .marked-list li a:before{display:none}
.marked-list li + li{margin-top:8px}
@media (max-width: 767px) {
.marked-list li{display:none;clear:both}
}
.verta-box{display:table;padding-left:34px}
@media (max-width: 767px) {
.verta-box{padding-left:0}
}
.verta-box,.verta-box_wr,.verta-box_cnt{width:100%;height:100%;vertical-align:middle}
.verta-box_wr{display:table-row}
.verta-box_cnt{display:table-cell}
.banner-wr{background:transparent}
.banner-wr .banner:first-child{margin-top:-112px}
.banner-wr__mod{background:#f1f1f1}
.banner{color:#fff;position:relative;background:#A34444;z-index:1;letter-spacing:2.25px;line-height:24px}
.banner [class*='col-']{padding-top:26px;padding-bottom:26px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.banner.two-columns{position:relative}
.banner.two-columns [class*='col-']:first-child{position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
@media (max-width: 991px) {
.banner.two-columns [class*='col-']:first-child{position:static;-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
}
.banner [class*='col-']:first-child{padding-left:33px}
.banner [class*='col-']:last-child{padding-right:22px}
.banner .eqWrapped .box_inner{height:100%}
.banner:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;padding:7px;border:3px solid #333;clip:rect(auto,auto,122px,auto);z-index:-1}
@media (max-width: 768px) {
.banner:before{left:-5px;right:-5px}
}
.banner h2{color:#fff;text-align:left;letter-spacing:5.2px}
.banner h4 a{position:relative;color:#fff}
.banner h4 a:before{content:"";position:absolute;top:-3px;left:0;right:100%;height:1px;background:#fff;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.banner h4 a:hover:before{right:0}
.banner p{font-size:15px;font-weight:700;letter-spacing:2.25px;color:#888}
@media (max-width: 1199px) {
.banner a{display:inline-block}
}
@media (max-width: 991px) and (min-width: 767px) {
.banner [class*='col-']:first-child{padding-left:26px}
}
@media (max-width: 768px) {
.banner h2{text-align:center}
.banner [class*='col-']{padding:26px;box-sizing:border-box}
.banner [class*='col-']:first-child{padding-left:26px}
.banner [class*='col-']:last-child{padding-top:26px}
.banner [class*='col-'] + [class*='col-']{margin-top:0}
}
.banner__ins1 [class*='col-']{padding-top:33px;padding-bottom:33px;box-sizing:border-box}
.contact-info{font-size:15px;font-weight:700}
.contact-info dt{color:#fff}
.contact-info dd{color:#888}
.contact-info dt + dd{margin-top:0}
.contact-info dd + dt{margin-top:0}
.product-list h4{color:#333}
.product-list a{position:relative}
.product-list a:before{content:"";position:absolute;top:-3px;left:0;right:100%;height:1px;background:#333;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.product-list a:hover:before{right:0}
.product-list .price{font-size:15px;font-weight:700;letter-spacing:2.25px;color:#888}
.product-list h4 + img{margin-top:5px}
.product-list img + .price{margin-top:8px}
.product-list li:nth-child(n+4){margin-top:15px}
@media (max-width: 991px) {
.product-list li + li{margin-top:30px}
}
.post{padding-top:11px}
.post time{display:inline-block;font-size:15px;font-weight:700;letter-spacing:2.25px;color:#888;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.post > a{position:relative;display:inline-block;height:67px}
.post > a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.post > a:hover:before{opacity:.5}
.post a + time{margin-left:27px;margin-top:-8px}
@media (max-width: 1199px) and (min-width: 767px) {
.post a + time{display:block;margin-top:6px;margin-left:0}
}
.post a ~ p{margin-top:23px}
.post a ~ ul{margin-top:23px}
.post a:hover + time,.post a:hover ~ p,.post a:hover ~ ul{color:#333}
.post2 a{display:inline-block;position:relative;width:auto;height:auto;overflow:hidden;max-width:100%}
.post2 a:before{content:"";position:absolute;top:-50%;right:50%;bottom:-50%;left:50%;background:rgba(0,0,0,0.5);transition:all .5s ease;transform:rotate(45deg)}
.post2 a:hover:before{right:-30%;left:-30%}
.post2 a:after{content:"Read more";font:700 15px 'Open Sans';line-height:100%;transform:translateY(-50%);color:#fff;text-align:center;letter-spacing:2.25px;position:absolute;background:transparent;top:50%;right:0;left:0;z-index:333;opacity:0;transition:all .5s ease}
.post2 a:hover:after{opacity:1}
.post2 a + time{display:block;margin-top:6px;margin-left:0}
.post2 time + p{margin-top:0}
header{background:#f1f1f1;border-top:3px solid #f1f1f1;padding:0;background-image:url(header-b.jpg)}
header .navbar-header{float:left}
header .nav{float:right}
@media (max-width: 991px) {
header{text-align:center}
header .navbar-header,header .nav{float:none;display:inline-block}
header .navbar-header{padding:14px 0}
}
@media (max-width: 767px) {
header .navbar-header{padding:8px 0}
}
header.header__mod{height:131px}
@media (max-width: 767px) {
header.header__mod{height:0}
}
.term-list dd{margin-left:0;color:#555}
.term-list * + dt{margin-top:35px}
.term-list dt + *{margin-top:20px}
.term-list a[href^="mailto:"]{font-size:15px;line-height:24px;display:inline-block;color:#333;margin-top:30px}
.term-list a[href^="mailto:"]:hover{color:#888}
* + .term-list{margin-top:30px}
main{background:#fff}
.page404 img{margin-top:40px}
.page404 * + p{margin-top:30px}
@media (max-width: 991px) {
.page404{padding-top:15px}
.page404 .mg-add2{margin-top:20px}
}
@media (max-width: 767px) {
.page404 .mg-add2{margin-top:-80px}
}
footer{background:#fff;text-align:center}
footer .well{padding:65px 0 62px}
footer .brand{padding:0;font-size:30px;line-height:30px;letter-spacing:12px;text-transform:uppercase;font-weight:600}
footer .copyright{font-size:15px;font-weight:700;letter-spacing:3.75px;color:#888}
footer .brand + .copyright{margin-top:38px}
@media (max-width: 479px) {
footer .well{padding:35px 0 32px}
footer .brand{font-size:24px;letter-spacing:6px}
footer .copyright{font-size:12px;letter-spacing:2.75px}
footer .brand + .copyright{margin-top:19px}
}
.mailform{position:relative;text-align:left;margin-left:auto;margin-right:auto;margin-top:10px;padding-bottom:20px}
.mailform fieldset{border:none;line-height:0}
.mailform *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mailform label{position:relative;display:inline-block;width:100%;margin-top:8px;margin-bottom:0}
.mailform label.textarea{width:100%;margin-left:0;margin-top:60px}
.mailform label:first-child{margin-top:0}
.mailform label input,.mailform label select,.mailform label textarea{display:block;width:100%;margin:0;-webkit-appearance:none;outline:none;font-family:Helvetica,Arial,sans-serif;font-size:15px;padding:5px 15px 5px 20px;line-height:16px;color:#fff;background:transparent;border:none;border-bottom:1px solid #bcbcbc;font-weight:400;height:38px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.mailform label input:-moz-placeholder,.mailform label select:-moz-placeholder,.mailform label textarea:-moz-placeholder{color:#fff;opacity:1}
.mailform label input::-webkit-input-placeholder,.mailform label select::-webkit-input-placeholder,.mailform label textarea::-webkit-input-placeholder{color:#fff;opacity:1}
.mailform label input::-moz-placeholder,.mailform label select::-moz-placeholder,.mailform label textarea::-moz-placeholder{color:#fff;opacity:1}
.mailform label input:-ms-input-placeholder,.mailform label select:-ms-input-placeholder,.mailform label textarea:-ms-input-placeholder{color:#fff;opacity:1}
.mailform label textarea{resize:none;overflow:auto;height:165px;border:1px solid #bcbcbc;padding-top:15px}
@media (max-width: 1365px) {
.mailform label{margin-top:30px}
}
@-ms-keyframes fout {
0%{-moz-transform:scale(1) translateX(0);-ms-transform:scale(1) translateX(0);-o-transform:scale(1) translateX(0);-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
100%{-moz-transform:scale(0) translateX(0);-ms-transform:scale(0) translateX(0);-o-transform:scale(0) translateX(0);-webkit-transform:scale(0) translateX(0);transform:scale(0) translateX(0)}
}
@-o-keyframes fout {
0%{-moz-transform:scale(1) translateX(0);-ms-transform:scale(1) translateX(0);-o-transform:scale(1) translateX(0);-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
100%{-moz-transform:scale(0) translateX(0);-ms-transform:scale(0) translateX(0);-o-transform:scale(0) translateX(0);-webkit-transform:scale(0) translateX(0);transform:scale(0) translateX(0)}
}
@-webkit-keyframes fout {
0%{-moz-transform:scale(1) translateX(0);-ms-transform:scale(1) translateX(0);-o-transform:scale(1) translateX(0);-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
100%{-moz-transform:scale(0) translateX(0);-ms-transform:scale(0) translateX(0);-o-transform:scale(0) translateX(0);-webkit-transform:scale(0) translateX(0);transform:scale(0) translateX(0)}
}
@-moz-keyframes fout {
0%{-moz-transform:scale(1) translateX(0);-ms-transform:scale(1) translateX(0);-o-transform:scale(1) translateX(0);-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
100%{-moz-transform:scale(0) translateX(0);-ms-transform:scale(0) translateX(0);-o-transform:scale(0) translateX(0);-webkit-transform:scale(0) translateX(0);transform:scale(0) translateX(0)}
}
@keyframes fout {
0%{-moz-transform:scale(1) translateX(0);-ms-transform:scale(1) translateX(0);-o-transform:scale(1) translateX(0);-webkit-transform:scale(1) translateX(0);transform:scale(1) translateX(0)}
100%{-moz-transform:scale(0) translateX(0);-ms-transform:scale(0) translateX(0);-o-transform:scale(0) translateX(0);-webkit-transform:scale(0) translateX(0);transform:scale(0) translateX(0)}
}
@-webkit-keyframes anim-1 {
0%{left:50%}
100%{left:90%}
}
@-webkit-keyframes anim-2 {
0%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
25%{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
50%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
75%{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
}
@-webkit-keyframes anim-3 {
0%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:50%}
50%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:90%}
100%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:50%}
}
@-webkit-keyframes zoom-out {
0%{-moz-transform:scale(1) rotate(-35deg);-ms-transform:scale(1) rotate(-35deg);-o-transform:scale(1) rotate(-35deg);-webkit-transform:scale(1) rotate(-35deg);transform:scale(1) rotate(-35deg)}
100%{-moz-transform:scale(0) rotate(-180deg);-ms-transform:scale(0) rotate(-180deg);-o-transform:scale(0) rotate(-180deg);-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}
}
@-webkit-keyframes zoom-in-state-1 {
0%{-moz-transform:scale(0) rotate(-180deg);-ms-transform:scale(0) rotate(-180deg);-o-transform:scale(0) rotate(-180deg);-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}
100%{-moz-transform:scale(1) rotate(-35deg);-ms-transform:scale(1) rotate(-35deg);-o-transform:scale(1) rotate(-35deg);-webkit-transform:scale(1) rotate(-35deg);transform:scale(1) rotate(-35deg)}
}
@-webkit-keyframes zoom-in-state-2 {
0%{-moz-transform:scale(0) rotate(-35deg);-ms-transform:scale(0) rotate(-35deg);-o-transform:scale(0) rotate(-35deg);-webkit-transform:scale(0) rotate(-35deg);transform:scale(0) rotate(-35deg)}
100%{left:50%;-moz-transform:scale(1) rotate(150deg);-ms-transform:scale(1) rotate(150deg);-o-transform:scale(1) rotate(150deg);-webkit-transform:scale(1) rotate(150deg);transform:scale(1) rotate(150deg)}
}
@-webkit-keyframes line {
0%{left:40%}
100%{left:40%;width:40%}
}
@-moz-keyframes anim-1 {
0%{left:50%}
100%{left:90%}
}
@-moz-keyframes anim-2 {
0%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
25%{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
50%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
75%{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
}
@-moz-keyframes anim-3 {
0%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:50%}
50%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:90%}
100%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:50%}
}
@-moz-keyframes zoom-out {
0%{-moz-transform:scale(1) rotate(-35deg);-ms-transform:scale(1) rotate(-35deg);-o-transform:scale(1) rotate(-35deg);-webkit-transform:scale(1) rotate(-35deg);transform:scale(1) rotate(-35deg)}
100%{-moz-transform:scale(0) rotate(-180deg);-ms-transform:scale(0) rotate(-180deg);-o-transform:scale(0) rotate(-180deg);-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}
}
@-moz-keyframes zoom-in-state-1 {
0%{-moz-transform:scale(0) rotate(-180deg);-ms-transform:scale(0) rotate(-180deg);-o-transform:scale(0) rotate(-180deg);-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}
100%{-moz-transform:scale(1) rotate(-35deg);-ms-transform:scale(1) rotate(-35deg);-o-transform:scale(1) rotate(-35deg);-webkit-transform:scale(1) rotate(-35deg);transform:scale(1) rotate(-35deg)}
}
@-moz-keyframes zoom-in-state-2 {
0%{-moz-transform:scale(0) rotate(-35deg);-ms-transform:scale(0) rotate(-35deg);-o-transform:scale(0) rotate(-35deg);-webkit-transform:scale(0) rotate(-35deg);transform:scale(0) rotate(-35deg)}
100%{left:50%;-moz-transform:scale(1) rotate(150deg);-ms-transform:scale(1) rotate(150deg);-o-transform:scale(1) rotate(150deg);-webkit-transform:scale(1) rotate(150deg);transform:scale(1) rotate(150deg)}
}
@-moz-keyframes line {
0%{left:40%}
100%{left:40%;width:40%}
}
@-o-keyframes anim-1 {
0%{left:50%}
100%{left:90%}
}
@-o-keyframes anim-2 {
0%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
25%{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
50%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
75%{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
}
@-o-keyframes anim-3 {
0%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:50%}
50%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:90%}
100%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:50%}
}
@-o-keyframes zoom-out {
0%{-moz-transform:scale(1) rotate(-35deg);-ms-transform:scale(1) rotate(-35deg);-o-transform:scale(1) rotate(-35deg);-webkit-transform:scale(1) rotate(-35deg);transform:scale(1) rotate(-35deg)}
100%{-moz-transform:scale(0) rotate(-180deg);-ms-transform:scale(0) rotate(-180deg);-o-transform:scale(0) rotate(-180deg);-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}
}
@-o-keyframes zoom-in-state-1 {
0%{-moz-transform:scale(0) rotate(-180deg);-ms-transform:scale(0) rotate(-180deg);-o-transform:scale(0) rotate(-180deg);-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}
100%{-moz-transform:scale(1) rotate(-35deg);-ms-transform:scale(1) rotate(-35deg);-o-transform:scale(1) rotate(-35deg);-webkit-transform:scale(1) rotate(-35deg);transform:scale(1) rotate(-35deg)}
}
@-o-keyframes zoom-in-state-2 {
0%{-moz-transform:scale(0) rotate(-35deg);-ms-transform:scale(0) rotate(-35deg);-o-transform:scale(0) rotate(-35deg);-webkit-transform:scale(0) rotate(-35deg);transform:scale(0) rotate(-35deg)}
100%{left:50%;-moz-transform:scale(1) rotate(150deg);-ms-transform:scale(1) rotate(150deg);-o-transform:scale(1) rotate(150deg);-webkit-transform:scale(1) rotate(150deg);transform:scale(1) rotate(150deg)}
}
@-o-keyframes line {
0%{left:40%}
100%{left:40%;width:40%}
}
@keyframes anim-1 {
0%{left:50%}
100%{left:90%}
}
@keyframes anim-2 {
0%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
25%{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
50%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
75%{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
}
@keyframes anim-3 {
0%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:50%}
50%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:90%}
100%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:50%}
}
@keyframes zoom-out {
0%{-moz-transform:scale(1) rotate(-35deg);-ms-transform:scale(1) rotate(-35deg);-o-transform:scale(1) rotate(-35deg);-webkit-transform:scale(1) rotate(-35deg);transform:scale(1) rotate(-35deg)}
100%{-moz-transform:scale(0) rotate(-180deg);-ms-transform:scale(0) rotate(-180deg);-o-transform:scale(0) rotate(-180deg);-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}
}
@keyframes zoom-in-state-1 {
0%{-moz-transform:scale(0) rotate(-180deg);-ms-transform:scale(0) rotate(-180deg);-o-transform:scale(0) rotate(-180deg);-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}
100%{-moz-transform:scale(1) rotate(-35deg);-ms-transform:scale(1) rotate(-35deg);-o-transform:scale(1) rotate(-35deg);-webkit-transform:scale(1) rotate(-35deg);transform:scale(1) rotate(-35deg)}
}
@keyframes zoom-in-state-2 {
0%{-moz-transform:scale(0) rotate(-35deg);-ms-transform:scale(0) rotate(-35deg);-o-transform:scale(0) rotate(-35deg);-webkit-transform:scale(0) rotate(-35deg);transform:scale(0) rotate(-35deg)}
100%{left:50%;-moz-transform:scale(1) rotate(150deg);-ms-transform:scale(1) rotate(150deg);-o-transform:scale(1) rotate(150deg);-webkit-transform:scale(1) rotate(150deg);transform:scale(1) rotate(150deg)}
}
@keyframes line {
0%{left:40%}
100%{left:40%;width:40%}
}
@-ms-keyframes anim-1 {
0%{left:50%}
100%{left:90%}
}
@-ms-keyframes anim-2 {
0%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
25%{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
50%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
75%{-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}
100%{-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}
}
@-ms-keyframes anim-3 {
0%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:50%}
50%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:90%}
100%{-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg);left:50%}
}
@-ms-keyframes zoom-out {
0%{-moz-transform:scale(1) rotate(-35deg);-ms-transform:scale(1) rotate(-35deg);-o-transform:scale(1) rotate(-35deg);-webkit-transform:scale(1) rotate(-35deg);transform:scale(1) rotate(-35deg)}
100%{-moz-transform:scale(0) rotate(-180deg);-ms-transform:scale(0) rotate(-180deg);-o-transform:scale(0) rotate(-180deg);-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}
}
@-ms-keyframes zoom-in-state-1 {
0%{-moz-transform:scale(0) rotate(-180deg);-ms-transform:scale(0) rotate(-180deg);-o-transform:scale(0) rotate(-180deg);-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}
100%{-moz-transform:scale(1) rotate(-35deg);-ms-transform:scale(1) rotate(-35deg);-o-transform:scale(1) rotate(-35deg);-webkit-transform:scale(1) rotate(-35deg);transform:scale(1) rotate(-35deg)}
}
@-ms-keyframes zoom-in-state-2 {
0%{-moz-transform:scale(0) rotate(-35deg);-ms-transform:scale(0) rotate(-35deg);-o-transform:scale(0) rotate(-35deg);-webkit-transform:scale(0) rotate(-35deg);transform:scale(0) rotate(-35deg)}
100%{left:50%;-moz-transform:scale(1) rotate(150deg);-ms-transform:scale(1) rotate(150deg);-o-transform:scale(1) rotate(150deg);-webkit-transform:scale(1) rotate(150deg);transform:scale(1) rotate(150deg)}
}
@-ms-keyframes line {
0%{left:40%}
100%{left:40%;width:40%}
}
.mfPlaceHolder{font:inherit;cursor:text;position:absolute;left:0;top:0;font-weight:400;padding:5px 15px 5px 20px;line-height:16px;color:#fff;opacity:1;-moz-transition:.3s all ease;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
:-webkit-autofill ~ .mfPlaceHolder{opacity:.8;-moz-transform:translateY(-30%) scale(0.8);-ms-transform:translateY(-30%) scale(0.8);-o-transform:translateY(-30%) scale(0.8);-webkit-transform:translateY(-30%) scale(0.8);transform:translateY(-30%) scale(0.8)}
.mfPlaceHolder.state-1{opacity:.8;-moz-transform:translateY(-30%) scale(0.8);-ms-transform:translateY(-30%) scale(0.8);-o-transform:translateY(-30%) scale(0.8);-webkit-transform:translateY(-30%) scale(0.8);transform:translateY(-30%) scale(0.8)}
.mfValidation{-o-transform-origin:0 50%;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-moz-transition:.3s all ease;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;-moz-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.5);-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.5);box-shadow:2px 2px 2px 0 rgba(0,0,0,0.5);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;margin-top:-20px;margin-left:10px;font-weight:300;font-size:12px;background:#111;color:#fff;opacity:0;visibility:hidden;cursor:pointer;z-index:998;line-height:12px;height:20px;padding:3px 7px;right:0;top:0;width:167px}
.mfValidation:hover{background:#231634}
.mfValidation:before{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:4px 5px 4px 0;border-color:transparent #111 transparent transparent;top:14px;border-width:6px 12px 6px 0;right:161px;top:12px;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.mfValidation:hover:before{border-left-color:#231634}
.mfValidation.show{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible;-webkit-animation:notifanim .4s cubic-bezier(0.55,0,0.1,1) forwards;-o-animation:notifanim .4s cubic-bezier(0.55,0,0.1,1) forwards;animation:notifanim .4s cubic-bezier(0.55,0,0.1,1) forwards}
.mfValidation.hide{-webkit-animation:notifanim-fo .4s cubic-bezier(0.55,0,0.1,1) forwards;-o-animation:notifanim-fo .4s cubic-bezier(0.55,0,0.1,1) forwards;animation:notifanim-fo .4s cubic-bezier(0.55,0,0.1,1) forwards}
.mfValidation.valid{opacity:0;visibility:hidden}
@media (max-width: 767px) {
.mfValidation{text-align:right;top:2px;left:auto;bottom:100%;right:10px;background:none;padding:0;margin:0 0 3px;min-height:0;color:red;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.mfValidation:before{display:none}
.mfValidation:hover{background:none}
}
@keyframes notifanim-fo {
0%{opacity:1;visibility:visible;transform:scale(1)}
20%{opacity:1;transform:scale(1.1)}
99%{visibility:hidden}
100%{visibility:hidden;transform:scale(0.3);opacity:0}
}
@keyframes notifanim {
0%{opacity:0;visibility:hidden;transform:scale(0.3)}
1%{visibility:visible}
50%{transform:scale(1)}
75%{transform:scale(0.9)}
100%{transform:scale(1);opacity:1}
}
@-ms-keyframes notifanim-fo {
0%{opacity:1;visibility:visible;transform:scale(1)}
20%{opacity:1;transform:scale(1.1)}
99%{visibility:hidden}
100%{visibility:hidden;transform:scale(0.3);opacity:0}
}
@-ms-keyframes notifanim {
0%{opacity:0;visibility:hidden;transform:scale(0.3)}
1%{visibility:visible}
50%{transform:scale(1)}
75%{transform:scale(0.9)}
100%{transform:scale(1);opacity:1}
}
@-webkit-keyframes notifanim-fo {
0%{opacity:1;visibility:visible;transform:scale(1)}
20%{opacity:1;transform:scale(1.1)}
99%{visibility:hidden}
100%{visibility:hidden;transform:scale(0.3);opacity:0}
}
@-webkit-keyframes notifanim {
0%{opacity:0;visibility:hidden;transform:scale(0.3)}
1%{visibility:visible}
50%{transform:scale(1)}
75%{transform:scale(0.9)}
100%{transform:scale(1);opacity:1}
}
@-o-keyframes notifanim-fo {
0%{opacity:1;visibility:visible;transform:scale(1)}
20%{opacity:1;transform:scale(1.1)}
99%{visibility:hidden}
100%{visibility:hidden;transform:scale(0.3);opacity:0}
}
@-o-keyframes notifanim {
0%{opacity:0;visibility:hidden;transform:scale(0.3)}
1%{visibility:visible}
50%{transform:scale(1)}
75%{transform:scale(0.9)}
100%{transform:scale(1);opacity:1}
}
@-moz-keyframes notifanim-fo {
0%{opacity:1;visibility:visible;transform:scale(1)}
20%{opacity:1;transform:scale(1.1)}
99%{visibility:hidden}
100%{visibility:hidden;transform:scale(0.3);opacity:0}
}
@-moz-keyframes notifanim {
0%{opacity:0;visibility:hidden;transform:scale(0.3)}
1%{visibility:visible}
50%{transform:scale(1)}
75%{transform:scale(0.9)}
100%{transform:scale(1);opacity:1}
}
.rd-progress{background:#111;color:#fff}
.mfControls{margin-top:10px;word-spacing:10px;text-align:left}
@media (max-width: 991px) {
.mfControls{text-align:center}
}
.mfControls > *{word-spacing:normal;margin-bottom:5px}
.mfProgress{position:relative}
.mfProgress .loader{-moz-transition:.2s all ease-in-out;-webkit-transition:.2s all ease-in-out;-o-transition:.2s all ease-in-out;transition:.2s all ease-in-out;opacity:0;text-align:center;letter-spacing:10px;-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.mfProgress .loader,.mfProgress .loader:before,.mfProgress .loader:after{position:absolute;left:0;bottom:0;top:0;right:0;margin:auto}
.mfProgress .loader:before{content:'';width:20px;height:20px;background-color:#fff;border-radius:50%}
.mfProgress .loader:after{content:'';width:30px;height:30px;color:#fff;font:400 30px material-design;line-height:inherit;-moz-transition:.4s all ease-in-out;-webkit-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;transition:.4s all ease-in-out;-moz-transform:scale(0) rotate(-60deg);-ms-transform:scale(0) rotate(-60deg);-o-transform:scale(0) rotate(-60deg);-webkit-transform:scale(0) rotate(-60deg);transform:scale(0) rotate(-60deg)}
.mfProgress.sending .cnt,.mfProgress.fail .cnt,.mfProgress.success .cnt{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);opacity:1}
.mfProgress.sending .loader,.mfProgress.fail .loader,.mfProgress.success .loader{opacity:0;-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.mfProgress.fail .loader:before,.mfProgress.success .loader:before{-webkit-animation:fout .4s ease-in-out 1 forwards;-o-animation:fout .4s ease-in-out 1 forwards;animation:fout .4s ease-in-out 1 forwards}
.mfProgress.fail .loader:after,.mfProgress.success .loader:after{-moz-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);-o-transform:scale(1) rotate(0deg);-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}
.mfProgress.sending .loader:before{-webkit-animation:motion 3s cubic-bezier(0.77,0,0.175,1) infinite;-o-animation:motion 3s cubic-bezier(0.77,0,0.175,1) infinite;animation:motion 3s cubic-bezier(0.77,0,0.175,1) infinite}
.mfProgress.fail .loader:after{content:'\e03b'}
.mfProgress.success .loader:after{content:'\e04b'}
.mfProgress .msg{-o-transform-origin:0 50%;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-moz-transition:.3s all ease;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;-webkit-animation:notifanim-fo .4s ease-in-out forwards;-o-animation:notifanim-fo .4s ease-in-out forwards;animation:notifanim-fo .4s ease-in-out forwards;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.5);-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.5);box-shadow:2px 2px 2px 0 rgba(0,0,0,0.5);position:absolute;padding:10px;border-radius:0;font-size:15px;line-height:20px;opacity:0;visibility:hidden;top:100%;left:50%;width:230px;margin-left:-115px;margin-top:10px;-o-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;background:#111;color:#fff}
.mfProgress .msg:before{content:'';position:absolute;bottom:100%;right:50%;transform:translate(50%,0%);width:0;height:0;border-style:solid;border-width:0 6px 6px;border-color:transparent transparent #111;-moz-transition:.4s all ease-in-out;-webkit-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;transition:.4s all ease-in-out}
.mfProgress.fail .msg,.mfProgress.success .msg{transform:scale(1);opacity:1;visibility:visible;-webkit-animation:notifanim .4s ease-in-out forwards;-o-animation:notifanim .4s ease-in-out forwards;animation:notifanim .4s ease-in-out forwards}
.mfProgress.fail .msg{background:#F44336}
.mfProgress.fail .msg:before{width:0;height:0;border-style:solid;border-width:0 6px 6px;border-color:transparent transparent #f44336}
.mfProgress.success .msg{background:#2E7D32}
.mfProgress.success .msg:before{width:0;height:0;border-style:solid;border-width:0 6px 6px;border-color:transparent transparent #2e7d32}
@-ms-keyframes motion {
0%{transform:translateX(0) scale(1)}
25%{transform:translateX(-50px) scale(0.3)}
50%{transform:translateX(0) scale(1)}
75%{transform:translateX(50px) scale(0.3)}
100%{transform:translateX(0) scale(1)}
}
@-o-keyframes motion {
0%{transform:translateX(0) scale(1)}
25%{transform:translateX(-50px) scale(0.3)}
50%{transform:translateX(0) scale(1)}
75%{transform:translateX(50px) scale(0.3)}
100%{transform:translateX(0) scale(1)}
}
@-webkit-keyframes motion {
0%{transform:translateX(0) scale(1)}
25%{transform:translateX(-50px) scale(0.3)}
50%{transform:translateX(0) scale(1)}
75%{transform:translateX(50px) scale(0.3)}
100%{transform:translateX(0) scale(1)}
}
@-moz-keyframes motion {
0%{transform:translateX(0) scale(1)}
25%{transform:translateX(-50px) scale(0.3)}
50%{transform:translateX(0) scale(1)}
75%{transform:translateX(50px) scale(0.3)}
100%{transform:translateX(0) scale(1)}
}
@keyframes motion {
0%{transform:translateX(0) scale(1)}
25%{transform:translateX(-50px) scale(0.3)}
50%{transform:translateX(0) scale(1)}
75%{transform:translateX(50px) scale(0.3)}
100%{transform:translateX(0) scale(1)}
}