@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Assistant:300,400,700,800&display=swap");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Merriweather:400,700,900&display=swap");
*{ margin:0; padding:0; outline:none; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{ margin:0; padding:0; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:26px; margin:0; padding:0; color:#717171; font-size:16px; background-color:#ffffff; }
img{ margin:0; padding:0; border:none; max-width:100%;}
section img, img{max-width:100%; height:auto;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:400; }
h1{ font-size:36px; }
h2{ font-size:30px;}
h3{ font-size:18px; }
h4{ font-size:22px;}
h5{ font-size:20px; }
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
blockquote{ background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.hr{border-bottom:1px solid #333; height:15px; clear:both;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:none; outline:none;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.textwidget select{ width:100%;}
table{ width:100%}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100% !important;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
.toggleMenu{display:none;}
section{ padding:80px 0;}
h2.section_title{font-weight:900; font-size:40px; text-align:center; margin-bottom:50px; padding-bottom:25px; position:relative; }
h2.section_title::after {
border-bottom: 1px solid #111;
bottom: 0;
content: "";
left: 0;
right:0;	
margin: auto;
position: absolute;
width:70px;
}
.sec_content_main_title{ color:#fff; font-weight:800; font-size:44px; line-height:44px; text-align:left; margin-bottom:30px; padding-bottom:20px; position:relative; position:relative;}
.sec_content_main_title::after {
border-bottom: 1px solid #fff;
bottom: 0;
content: "";
left: 0;	
margin: auto;
position: absolute;
width:60px;
}
.container{ width:1170px; margin:0 auto; position:relative;} .pp_topstrip{ background-color:#fff; color:#1d1d1d;}
.pp_topstrip .left{ width:50%;}
.infobox{ display:inline-block; margin:0 5% 0 0; text-align:left; color:#fff; font-size:16px;}
.pp_topstrip .infobox a{ color:#fff;}
.infobox i{ margin:0 15px 0 0; line-height:32px; text-align:center; font-size:18px; } .social-icons a{ width:35px; height:40px; line-height:40px; text-align:center;  vertical-align:middle; display:inline-block; padding:0 5px 0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#000000; }
.social-icons br{ display:none;} .sitewrapper .header.fixed{ width:100%; }
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000; position:relative; }
.boxlayout .container{ padding:0 20px;}
.boxlayout .footer{ padding:40px 20px;}
.boxlayout .header.fixed{ width:auto;}
.boxlayout .vid_galle_left .videobox{ width:630px; height: 455px;}
.boxlayout .mission_box{ min-height:155px;}
.boxlayout #section1 .container{ padding:0;}
h5.headwidjet{ display:none;} .headerinfo { font:600 14px/22px 'Assistant'; padding:10px 0; }
#slider{ width:100%; margin:0; padding:0; position:relative;}
.logo{ background-color:#cf317c; text-align:center; width:20%; margin:0 auto; padding:10px 15px; position: absolute; top:-40px; left:0; right:0; z-index:9999;  }
.logo h1{font-weight:600; margin:0px; }
.logo a{color:#000;}
.tagline{ font-size:14px; color:#fff; display:block;} .toggle{display: block;}
.toggle a{width:auto; color:#ffffff; background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/images/mobilenav.png) no-repeat right center #3e3e3e; padding:18px 25px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
.header.fixed{ position: fixed; top:0; z-index:999999; width:auto;}
.header.fixed .pp_topstrip { display:none;}
.header.fixed .logo { display:none;}
.header.fixed .sitenav { padding-top:0; }
.header.fixed .sitenav ul li ul li a{ padding-top:7px; padding-bottom:7px; }
.header{width:100%; box-sizing:border-box; position: absolute; z-index:999; }
.ppmenubg{ background-color:#fff; padding:0;}
.header.fixed .ppmenubg{ box-shadow:0 0 10px #555;}
.sitenav{ padding:0; z-index:9999; text-align:center; display: block; padding-top:25px; }
.sitenav ul {margin:0; padding:0; font-family:'Assistant', sans-serif; font-size:16px; font-weight:600; }
.sitenav ul li{display:inline-block; position:relative;}
.sitenav ul li:last-child{border-right:none;}
.sitenav ul li a{ padding:30px 20px; display:block; text-align:center; }
.sitenav ul li ul li{ display:block; position:relative; float:none; top:1px; border-bottom:1px #404040 solid;}
.sitenav ul li ul li a{ display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;}
.sitenav ul li ul{display:none; z-index:9999999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color:#303030; }
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;} .innerbanner{ text-align:center; }
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto;} .searchbox{position:relative; min-width:35px; width:0%; height:40px; float:right; overflow:hidden;padding-left:20px; -webkit-transition: width 0.3s;    -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
.searchbox-input{top:0; right:0; border:0;outline:0;background:#ece8e8;width:100%;height:40px;margin:0;padding:0px 55px 0px 20px;font-size:13px;color:#7f7f7f;}
.searchbox-input::-webkit-input-placeholder{color:#7f7f7f;}
.searchbox-input:-moz-placeholder{color:#7f7f7f;}
.searchbox-input::-moz-placeholder{color:#7f7f7f;}
.searchbox-input:-ms-input-placeholder{color:#7f7f7f;}
.searchbox-icon, .searchbox-submit{width:35px;height:40px;display:block;position:absolute;top:0;font-size:22px;right:0;padding:0 !important;margin:0 !important;border:0 !important;outline:0;line-height:40px;text-align:center;cursor:pointer;color:#dcddd8;background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/images/search-icon.png) no-repeat center center #34c6f6;}
.searchbox-open{ width:40%;}  .green_button{ background-color:#98cc4d; color:#fff ; padding:12px 35px; font-weight:600; display:inline-block; border-radius:25px; text-transform:uppercase; font-size:16px;}
.green_button:hover{ background-color:#eb6e01; color:#fff; } .pink_button{ background-color:#eb6e01; color:#fff ; padding:12px 35px; font-weight:600; display:inline-block; border-radius:25px; text-transform:uppercase; font-size:16px;}
.pink_button:hover{ background-color:#98cc4d; color:#fff; } .black_button{ background-color:#282828; color:#fff ; padding:12px 35px; font-weight:600; display:inline-block; border-radius:25px; text-transform:uppercase; font-size:16px;}
.black_button:hover{ background-color:#cf317c; color:#fff; } .border_button{ border:1px solid #fff; color:#fff ; padding:12px 35px; display:inline-block; border-radius:25px; text-transform:uppercase; font-size:16px;}
.border_button:hover{ border-color:#eb6e01; color:#eb6e01; } .custombtn{ margin-top:30px;}
a.morebutton{ background-color:#98cc4d; color:#fff ; padding:12px 35px; font-weight:600; display:inline-block; border-radius:25px; text-transform:uppercase;}
a.morebutton:hover{ background-color:#eb6e01; color:#fff; }
a.borderbutton{ border:1px solid #fff; color:#fff ; padding:12px 25px; display:inline-block; border-radius:25px; text-transform:uppercase;}
a.borderbutton:hover{ border-color:#eb6e01; color:#eb6e01; }
a.buttonstyle1{ background-color:#865628; color:#fff ; padding:10px 25px; display:inline-block; border-radius:6px; -moz-border-radius:6px;-webkit-border-radius:6px;}
a.buttonstyle1:hover{ background-color:#381305; color:#fff; }
.buttonstyle2{ background-color:#555; color:#fff ; padding:6px 15px; font-size:14px; line-height:20px; display:inline-block; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
.buttonstyle2:hover{ background-color:#fff; color:#555; } #pagearea{ background-color:#f4f4f4;  z-index:9999; position:relative; }
.services_3box{  width:30%; float:left; margin:0 5% 0 0; position:relative; box-sizing:border-box; text-align:center; }
.services_3box p{ margin-bottom:30px; }
.services_3box h3{ font-size:22px; font-weight:600; color:#121212; margin:25px 0 25px; line-height:24px;}
.services_3box h3 a{ color:#121212;}
.services_3box .thumbbx{ background-color:#cf317c; margin:0 auto; overflow:hidden; height:255px; position:relative; }
.services_3box .thumbbx img { height:auto; width:auto; min-height:255px; }
.services_3box:hover .thumbbx img {opacity:.3;}
.pagecontent{ position:relative; }
.one_column{ float:none;}
.one_column.services_3box{ margin:0 auto !important;}
.services_3box .thumbbx::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.services_3box .thumbbx:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.one_column{ float:none;}
.one_column.threebox{ margin:0 auto !important;}
.two_column{ width:47.5%;}
.two_column.threebox .thumbbx a{ display:block;}
.four_column { width:21.2%;}
.four_column .thumbbx{ height:200px;}
.four_column .thumbbx img{ min-height:200px;}
.five_column{ width:18.3%; margin-right:2%;}
.five_column .thumbbx{ height:180px;}
.five_column .thumbbx img{ min-height:180px;}
.six_column{ width:15.8%; margin-right:1%;}
.six_column .thumbbx{ height:150px;}
.six_column .thumbbx img{ min-height:150px;} #section1{ padding:0;}
#section1 .container{ width:100%; position:relative; }
#section1 .sec_content_main_title{ color:#fff;}
.vid_galle_left{ width:52.1%; float:left;}
.videobox{ position:relative; width:700px; height:500px; overflow:hidden; background-color:#111;}
.videobox img{ display:block;}
.videobox i{ font-size:30px; position:absolute; text-align:center; color:#ffffff; background-color:#98cc4d; width:64px; height:64px; line-height:64px; left:0; right:0; margin:0 auto; top:42%;  -webkit-border-radius:100%; -moz-border-radius:100%;border-radius:100%;}
.videobox:hover i{ color:#575757; background:#ffffff;}
.vid_galle_right{ width:47.9%; float:right; margin:0;}
.aboutyoga_box{ padding:25px 75px 77px; color:#fff; } .mission_box{ background-color:#fff; padding:0 75px 75px; min-height:200px; position:relative;}
.mission_desc{ position:absolute;  top:-70px;}
.msndesc{ padding:20px 30px; position:relative; background-color:#cf317c; color:#ffffff; font-style:italic; margin-bottom:30px;width:85%;}
.msndesc:after{top: 100%;left:10%;border: solid transparent;content: " ";height: 0;width: 0; position: absolute;pointer-events: none;	border-color: rgba(136, 183, 213, 0);border-top-color: #cf317c;border-width:15px;margin-left:0;}
.mission_desc h4{ font-size:16px; text-transform:uppercase; margin-bottom:10px; color:#111; font-weight:600;}
.mission_desc span{ display:block;} .welcome_leftbox{ width:30%; float:left; margin-right:5%}
.welcome_leftbox img{ display:block;}
.welcome_righbox{ width:65%; float:right;}
.welcome_leftbox h3{ font-size:32px; font-weight:700; color:#121212; padding-bottom:20px; margin-bottom:20px; position:relative;}
.welcome_leftbox h3::after {
border-bottom: 1px solid #121212;
bottom: 0;
content: "";
left: 0;
margin: auto;
position: absolute;
width:50px;
}
.welcome_leftbox h5{ font-size:17px; font-weight:600; margin-bottom:10px; color:#98cc4d; }
.wel3box_services{ width:47.5%;float:left;margin:0 4% 25px 0;background-color:#fff;box-shadow:0 0 20px #eeeeee; -webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.wel3box_services:hover{ box-shadow:0 0 20px #b0b0b0; background-color:#cf317c; color:#fff;}
.welcome_thumb{ float:left; margin:0 20px 0 0; height:68px; overflow:hidden;}
.welcome_thumb img{ min-height:68px; height:68px; }
.wel3box_desc{ padding:25px;}
.wel3box_desc h4{ font-size:20px; font-weight:600; margin-bottom:15px; color:#353535;}
.wel3box_desc p{ display: table; line-height:24px;}
.wel3box_services:hover .wel3box_desc h4{ color:#fff;} #section3 h2.section_title{ color:#fff;}
#section3 h2.section_title::after { border-color: #fff;}
.benifit_column{ width:15.66%; float:left; margin:0 1% 0 0; text-align:center;}
.benefit_iconbx{ background-color:#98cc4d; width:130px; height:130px; line-height:130px; overflow:hidden; padding:20px 0; box-sizing:border-box; margin:0 auto; border-radius:50%}
.benifit_column:hover .benefit_iconbx{ background-color:#cf317c; box-shadow:0 0 0 10px rgba(255,255,255,0.1)}
.benifit_column img{ width:78px; height:auto;}
.benifit_column h4{ font-size:20px; font-weight:600; margin-top:35px; color:#fff;}
.benifit_column h4 a{ color:#fff;}
.benifit_column:hover h4 a{ color:#cf317c;} .features_videobox{ width:30%; float:left; margin-right:4%; color:#fff;}
.features_videobox .videobox{ width:340px; height:340px; border-radius:50%; border:8px solid #60656b;}
.features_videobox .videobox img{ width:100%; min-height:340px; }
.features_infobox{ width:30%; float:left;  margin-right:4%; color:#fff; }
.features_servicesbx{ width:32%; float:left; color:#fff;}
.features_videobox iframe{ border-radius:7px;}
#section5 .sec_content_main_title{ padding-bottom:20px; text-transform:none; margin-bottom:30px; font-weight:400; color:#fff;}
#section5 .custombtn{ margin-top:30px;}
.ftr_srv_list{margin:0 0 35px 0; -webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.ftr_srv_list .ftr_icons{ float:left; margin:0 20px 0 0; width:75px; height:auto; overflow:hidden;}
.ftr_srv_list .ftr_icons img{ height:auto; width:100%;}
.ftr_srv_list h4{ font-size:22px; margin-bottom:10px; color:#fff;}
.ftr_srv_list p{ display: table; line-height:24px;} .news-box{ background-color:#fff; padding:20px; width:31.5%; float:left; margin:0 2.5% 0 0;  position:relative;}
.news-box.last { border-bottom:0 ; margin:0;}
.news-box .news-thumb{ background-color:#eb6e01; height:215px; overflow:hidden; position:relative;}
.news-box .news-thumb img{ width:100%; height:auto; min-height:215px;}
.news-box:hover img{ opacity:0.6;}
.news-box p{ margin-bottom:15px;}
.news-box h6{ margin:0 0 10px; color:#4b4a4a; font-size:18px; line-height:24px; }
.news-box h6 a{ color:#515151;}
.news-box h6 a:hover{color:#dc403b; }
.news-box .PostMeta{ font-size:13px; color:#8a8989; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eaeaea; padding-left:100px;}
.news-box .PostMeta span{ margin-right:10px;}
.newsdesc{ position:relative; padding-top:10px;}
.news-box .postdt{ font-size:13px; text-transform:uppercase; position:absolute; width:70px; height:70px; background-color: #eb6e01; color:#fff; top:-30px; left:10px;  text-align:center; border-radius:5px;}
.news-box .postdt span{ font-size:20px; font-weight:600; display:block; padding:8px 0 0; }
.news-box .poststyle{ font-size:13px; padding:0; text-transform:uppercase; color:#6e6d6d; font-weight:bold}
.blogpostwrap .subtitle{ border:none; padding:0;}
h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}
.last{ margin-right:0 !important;} .teammember-list{ width:23.4%; margin:0 2% 30px 0; float:left; position:relative; box-sizing:border-box; text-align:center; border-radius:10px;}
.teammember-list .thumnailbx{ width:240px; height:240px; overflow:hidden; background-color:#eb6e01; border-radius:50%; border:15px solid #fff; margin:0 auto}
.teammember-list img{ width:100%; height:100%; min-height:240px;}
.teammember-list span.title{ font-weight:600; color:#222; font-size:22px; position:relative; }
.teammember-list cite{ display:block; font-style:normal; margin:10px 0; color:#222; }
.teammember-list .titledesbox{ text-align:center; padding-top:30px;}
.member-social-icon{ text-align:center;}
.member-social-icon a{ background-color:#fff; border:1px solid #eaead6; margin:0 5px 0 0; text-align:center; display:inline-block; color:#555; width:45px; height:45px; line-height:40px; border-radius:50%;}
.member-social-icon i{ font-size:14px;}
.member-social-icon a:hover{ color:#222;}
.teammember-list:hover .thumnailbx img{ opacity:0.2;} .pricing_table{ position:relative;}
.price_col{ transition: left 0.5s; float:left; text-align:center; background-color:rgba(51,54,62,0.9); color:#4c4c4c; margin:10px 1.5% 20px 1%; z-index:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0 0 30px 0;  position:relative;}
.pricing_table .th{ color:#242424; padding:0; margin-bottom:30px; min-height:260px; position:relative;}
.pricttlbx{ position:absolute; bottom:25px; color:#fff; z-index:99; width:100%;}
.pricttlbx .ptitle{ font-size:28px;  display:inline-block; text-align:left;}
.pricttlbx .pricesubtitle{ font-size:18px; display:inline-block; text-align:right;}
.pricttlbx .pricesubtitle span{ font-size:40px;  display:block; text-align:right; margin:10px 0;}
.pricing_table .th::after {
display: block;
position: relative;
background-image: linear-gradient(to bottom, transparent 0%, #98cc4d 100%); 
height: 260px;
width: 100%;
content: '';
}
.pricing_table .highlight .th::after{
display: block;
position: relative;
background-image: linear-gradient(to bottom, transparent 0%, #cf317c 100%); 
height: 260px;
width: 100%;
content: ''; }
.pricing_table .highlight{background:#2684e5; z-index:1; }
.pricing_table .highlight .th{ color:#fff; }
.pricing_table .td, .pricing_table .tf{padding:6px 0; }
.pricing_table .tf a{ background-color:#2684e5; color:#fff; padding:12px 30px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; font-weight:600; position: absolute; bottom:-20px; left:0; right:0; margin:0 auto; width:215px; text-transform:uppercase;}
.pricing_table .tf a:hover{ background-color:#22252b; color:#fff;}
.pricing_table.pcol3 .price_col{width:30.6%;}
.pricing_table .price_col.highlight .tf a{ background-color:#242424; color:#fff;}
.pricing_table .price_col.highlight .tf a:hover{ background-color:#000000; color:#fff;}
.faicon .fa, .faicon .far, .faicon .fab, .faicon .fal, .faicon .fas{ font-size:40px; color:#fff;}
.price_col .price{ background-color:#22252b; font-size:64px; line-height:60px; color:#242424; font-weight:bold; padding:30px 0; margin-top:30px; margin-bottom:30px;}
.price_col.highlight .price{ color:#fff;}
.pricing_table .tf{padding:35px 0 0; }
.price_col .price span{ font-size:13px; display:block; text-transform:uppercase; font-weight:400; margin-top:10px;}
.pricing_table.pcol4 .price_col{width:22.5%;}
.pricing_table .td.none{ text-decoration:line-through } .classes_column{ width:30%; float:left; margin:0 4.5% 0 0; }
.classes_column .classimg_bx{ background-color:#cf317c; height:250px; margin:0 auto; overflow:hidden; border-radius:6px; position:relative; clip-path: circle(100% at 50% -25%);}
.classes_column .classimg_bx img{ width:100%; height:auto; min-height:250px; }
.classes_column:hover img{opacity:0.5;}
.classes_column .date_time{ padding-right:15px;}
.classes_column .date_time i{ margin-right:8px;}
.classes_column .titlebox{ width:100%; margin:0 auto; text-align:center; display:inline-block;}
.classes_column .titlebox h4{ margin:30px 0 20px; color:#262626; font-size:20px; font-weight:600;}
.classes_column .titlebox h4 a{ color:#262626;}
.classes_column .titlebox p{ margin:15px 0 0; font-size:15px; color:#706f6f; }
.classes_column:hover .titlebox h4 a{ color:#cf317c;} #section8{ color:#fff;}
#section8 .sec_content_main_title{ color:#fff;}
#section8 .subtitle{ width:100%; color:#fff; border-left:4px solid #fff; padding:0 0 0 30px; margin-bottom:40px; line-height:22px; font-style:italic;}
#clienttestiminials{box-sizing:border-box; position:relative; }
#clienttestiminials .item{ margin:0 auto; position:relative;}
#clienttestiminials h6{ margin:0; font-size:18px; color:#242424; position:relative;}
#clienttestiminials span{ font-size:14px; color:#717171; padding-left:15px;}
#clienttestiminials .tmthumb{ width:80px; height:80px; float:left; margin:0 30px 0 0; overflow:hidden; border-radius:100%; }
#clienttestiminials .tmthumb img{ width:100%; height:auto; min-height:80px; }
.arrow_box{ padding:50px 30px 40px; position:relative; background-color:#fff; border-radius:5px; margin-bottom:30px;}
.arrow_box p{ padding-left:60px;}
#clienttestiminials .leftttl{ padding-top:25px; text-align:right;} .tmnllisting{ margin-bottom:35px; min-height:120px; background-color:#f2f2f2; padding:25px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; }
.tmnllisting h6{ margin-bottom:5px; text-transform:uppercase; font-size:20px;}
.tmnllisting span{ display:block; margin-bottom:15px;}
.tmnllisting p{ margin-bottom:0;}
#testimonials-widget h6{ margin-bottom:5px; text-transform:uppercase;}
#testimonials-widget p{ margin-bottom:15px;} #section9{ padding:0;}
.boxlayout #section9 .container{ overflow:hidden;}
#section9 .sec_content_main_title{ padding:0; color:#fff; margin:0 0 10px; font-size:36px; font-weight:600; }
#section9 .sec_content_main_title:after{ display:none;}
#section9 .subtitle{ width:100%; }
.faq_left{ width:45%; float:left; margin:0; background-color:#cf317c; position:relative; padding:100px 50px 100px 0;}
.faq_right{ width:57%; float:left; margin:100px 0 0 -40px; padding:50px 40px 50px 75px; background-color:#f6f6ec; position:relative; z-index:999;}
.faq_left::after {
left: -99999px;
position: absolute;
width: 99999px;
bottom: 0;
content: "";
top: 0;
background-color:#cf317c;
}
.findbx{ font-style:italic;  color:#fff; padding:20px 0 0 20px; }
.findbx a{ color:#fff; font-weight:bold;} .counterlist{ width:47%; float:left; display:block; margin:0; padding:0 0 20px; box-sizing:border-box;}
.counterlist:nth-of-type(2n){ margin-left:5%}
.circle_countr{ height:auto; color:#353535; margin:0; padding:0; }
.counterlist .counter{display:block; font-size:50px; font-weight:400; line-height:100%;}
.counterlist .counter-icon{ float:left; width:73px; height:74px; margin:0 35px 0 0; }
.counterlist h6{ font-size:20px; font-weight:600; margin:17px 0 7px 0;} #section10{ color:#fff;}
#section10 .sec_content_main_title{ color:#fff; font-weight:600; }
.practice_theory{ width:35%; position:relative;} #section11{ color:#fff; padding:40px 0;}
#section11 .sec_content_main_title{ padding-bottom:0; margin-bottom:15px; color:#fff;}
#section11 .sec_content_main_title:after{ display:none;}
#clientlogo{ margin:0; padding:0;}
#clientlogo li{ list-style:none; width:21%;  display:inline-block; margin:0 0 20px 25px; padding:0; text-align:center; position:relative;}
#clientlogo li:hover::after{    
position: absolute;   
bottom: -60px;
left:0;
right:0;
content: "";    
border-bottom:7px solid #fff;
}
#clientlogo li span{ display:block; margin:5px 0 0 0; color:#fff; text-transform:uppercase;}
.partner_left{ width:32%; float:left; margin:0 5% 0 0;}
.partner_right{ width:63%; float:right; margin:0;} .content-area{ padding:30px 20px !important;}
.site-main{ width:780px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:300px; float:right;}
.sidebar-left{ float:left !important;}
.flotRight{ float:right !important;}
.nosidebar{ float:none !important; margin:0 auto;} aside.widget{ background-color:#fff; margin-bottom:30px; padding:20px; box-shadow:0 0 10px #ddd;}
aside.widget ul{ list-style:disc inside; }
h3.widget-title{ font-weight:400; padding:15px; margin:-20px -20px 15px; color:#fff; font-size:22px; position:relative; background-color:#eb6e01; }
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}
#sidebar ul li{ border-bottom:1px solid #ddd; list-style:none; margin-bottom:2px; padding:7px 10px 7px 0; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
#sidebar ul li:hover{padding-left:5px;}	
#sidebar ul li a{ color:#3b3b3b; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}
#sidebar .search-form input.search-field{ background-color:#fff; width:80%; padding: 11px 15px; box-sizing:border-box;}
#sidebar .search-form input.search-submit{ background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/images/search-icon.png) no-repeat center center #f56c6d; padding: 12px 0 12px 0; font-size:0; width:20%; height:41px; float:right;} #footer-wrapper{ background-color:#0d0f10; position:relative; color:#fff; }
.footer{ padding:70px 0 50px;}
.footer h5{ font-size:30px; margin-bottom:40px;  position:relative; }
.footer a.readmore span{ color:#fff;}
.footer ul li{ list-style:inside none; margin-bottom:10px; }
.footer ul li:last-child{ border:none;}
.footer ul li a{ padding:3px 0 3px 0; display:inline; color:#fff;  }
.footer ul li a:hover, .footer ul li.current_page_item a{ color:#98cc4d;}
.footer ul li:last-child a{ border-bottom:none;} ul.recent-post{ margin:0px; padding:0px; list-style:none;}
ul.recent-post li{ display:block; margin-bottom:20px; padding-bottom:20px; min-height:55px; list-style:none; border-bottom:1px dashed #342b26;}
ul.recent-post li::before { display:none;}
ul.recent-post .footerthumb{ width:70px; height:90px; overflow:hidden; float:left; margin:0 15px 0 0;}
ul.recent-post li img { width:100%; height:auto; margin-top:4px;}
ul.recent-post li span {font-size:11px;}
ul.recent-post li a {text-decoration:none; padding:0; border:none; display:block;}
ul.recent-post li a:hover { text-decoration:none;}
ul.recent-post li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}
ul.recent-post li strong { margin-bottom:10px; display:block; line-height:22px;}
ul.recent-post li .footerdate{ color:#555; display:block; }
.contactdetail{ line-height:22px; margin-top:25px; } 
.contactdetail i{ margin-right:20px; font-size:16px;}
.contactdetail p{ margin-bottom:10px;}
.ftraddbox{ margin-bottom:25px;} .cols-1 .widget-column-1{ width:100%; float:none; text-align:center;}
.cols-1 .widget-column-1 ul li{ display:inline-block; border:none;}
.cols-1 .widget-column-1 ul li::before { display:none;}
.cols-1 .widget-column-1 ul li a{ padding:0 15px; height:12px; line-height:10px; display:block; border-right:1px solid}
.cols-1 .widget-column-1 ul li:last-child a{border:none;} .cols-2 .widget-column-1{width:45%; float:left; margin:0 10% 0% 0; box-sizing:border-box; }
.cols-2 .widget-column-2{width:45%; float:left; margin-right:0px; box-sizing:border-box;} .cols-3 .widget-column-1{width:29%; float:left; margin:0 6% 0 0; box-sizing:border-box; }
.cols-3 .widget-column-2{width:29%; float:left; margin:0 6% 0 0; box-sizing:border-box;}
.cols-3 .widget-column-3{width:29%; float:left; margin-right:0px; box-sizing:border-box;} .cols-4 .widget-column-1{ width:30%;  float:left; margin:0 4% 0 0; box-sizing:border-box; }
.cols-4 .widget-column-2{ width:16%;  float:left; margin:0 4% 0 0; box-sizing:border-box;}
.cols-4 .widget-column-3{ width:16%;  float:left; margin:0 4% 0 0; box-sizing:border-box;}
.cols-4 .widget-column-4{ width:26%;  float:left; margin-right:0; box-sizing:border-box;}
.copyright-wrapper { color:#fff; position:relative; padding:25px 0;}
.designby{ text-align:center;}
.footer .social-icons{ margin:25px 0 10px;}
.footer .social-icons a{ float:left; border:1px solid #fff; border-radius:50%; box-sizing:border-box; color:#fff; width:40px; height:40px; line-height:40px; margin:0 6px 0 0; padding:0; color:#717171; font-size:16px; }
.footer .social-icons a:hover{ background-color:#98cc4d; color:#fff; } .wpcf7{ margin:0; padding:0; }
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ background-color:#f1f1f1; border:1px solid #eed2bb; padding:5px 3px; margin-top:10px; font:13px arial; color:#777777;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #e8e8e8;padding:15px; margin:0 8px 8px 0; }
.wpcf7 form textarea{ margin-right:0; height:130px;} 
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ width:100%; background-color:#fff; color:#a0a0a0; padding:10px 15px; }
.wpcf7 form{ margin-bottom:6px;}
#contactform_main{ padding-bottom:25px;}
#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea{width:100%; border:1px solid #E8E8E8; padding:15px; margin:0 0 8px 0; box-sizing:border-box;}   
#contactform_main textarea{ width:100%; margin-right:0; height:130px;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}  
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { text-transform:uppercase; cursor:pointer; border-radius:5px; padding:12px 35px; font-size:16px; font-weight:bold; border:none; } iframe{ width:100%;}
.contact_left{ float:left; width:65%; }
.contact_right{ box-shadow:0 0 5px #ddd; padding:35px; box-sizing:border-box; float:right; width:30%;}
.contact_right h3{ margin-bottom:20px; font-size:24px; font-weight:600;}
h3.post-title{ margin-bottom:0px; font-weight:400; font-size:22px; clear:both; display:block;}
.post-title a{ color:#3d3d3d;}
.blog-post-repeat .postmeta{ border-bottom:1px solid #e8e8e8; margin-bottom:20px; font-size:15px;}
p.read-more a{ background-color:#ff6565; color:#fff; text-align:center; padding:5px 15px;  display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
p.read-more a:hover { background-color:#34c6f6;} .blog-post-repeat{ margin-bottom:50px;}
.blog-post-repeat .post-thumb{ width:35%; height:240px; overflow:hidden; float:left; margin:0px 30px 0 0; }
.blog-post-repeat .post-thumb img{ margin:10px 0 0 0; height:auto; width:100%;} .bloggridlayout{ position:relative; width:100% !important; float:none;}
.bloggridlayout .blog-post-repeat{ padding:15px; width:31.2%; float:left; display:inline-block; margin:0 3% 35px 0;  vertical-align:top; box-shadow:0 0 5px #ddd;}
.bloggridlayout .post-thumb{ width:100%; float: none; margin:0; height:230px; overflow:hidden;}
.bloggridlayout .post-thumb img{ width:100%; height:auto; margin:0;}
.bloggridlayout .blogfooter{ display:block;}
.bloggridlayout .blog-post-repeat .postmeta{ margin-bottom:0;}
.bloggridlayout h3.post-title a{ color:#555; font-weight:400;}
.bloggridlayout .entry-header{ padding:20px 0;} .error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
h1.entry-title{font-weight:600; font-size:30px; text-transform:uppercase; margin-bottom:30px; position:relative; line-height:36px;}
article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:20px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:7px 15px; cursor:pointer; }
#contactform_main p{ margin-bottom:0;}
.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;} .button{ background-color:#eb6e01; color:#fff; padding:12px 25px; display:inline-block;}
.button:hover{background-color:#202020; border-color:#1898c2; color:#fff;} .screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;
font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
z-index: 100000; } a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important; font-size:15px;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important; text-align:center; border-bottom:2px solid #eee; padding-bottom:25px !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
.woocommerce ul.products li.product .price del{ display:inline-block;}
.woocommerce ul.products li.product h3{ font-size:18px; position:relative; padding-bottom:15px; margin-bottom:10px;}
.woocommerce ul.products li.product h3::after{
content:"";
position:absolute;
width:50px;
height:1px;
background-color:#555;
bottom:0;
left:0;
right:0;
margin:auto;
}
.woocommerce .quantity .qty{ padding:7px; border:1px solid #ccc;}
.woocommerce-Price-amount.amount{font-size:14px !important;}
.woocommerce div.product .product_title{ padding-bottom:20px !important;}
.woocommerce div.product form.cart{ margin-top:15px !important;}
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100%;}
.woocommerce .panel{ height:auto}
.subtitle{ text-align:center; padding-bottom:25px; margin:0 auto; width:70%;} .post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; }
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
.space{ clear:both; min-height:10px;}
.skills-wrap{ width:60%; margin:0 auto; text-align:center;} #top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:27px;}
#back-top a {width:45px;display: block;	text-align: center;	text-transform: uppercase;	text-decoration: none;color: #bbb;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top span {width:45px;height:47px;	display: block;	margin-bottom: 7px;	background: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/images/up-arrow.png) no-repeat center center;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;opacity:0.5;
}
.sitefull .fourcol .entry{ width:24%;}
.slider-main{ min-height:200px; overflow:hidden; position:relative; background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/images/loading.gif) no-repeat center center #fff;} .holderwrap{ height:250px; overflow:hidden;}
.holderwrap img{ min-height:250px; height:auto;}
#section1 .classes_column {
width: 47%;
margin-left: 0.5%;
}
#section2 .welcome_leftbox {
width: 45%;
}
#section2 .welcome_righbox {
width: 42%;
}
#section2 .wel3box_services {
width: 100%;
}
.sitenav ul li {
float: left;
}
.innerbanner img {
max-height: 500px;
}body#tinymce.wp-editor { 
font-family: 'Roboto',Arial; 
margin: 10px; 
}
body#tinymce.wp-editor a {
color: #5E5340;
}
  img{max-width:100%;}
.clear{clear:both;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;} .full_width {width: 100%;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth{ float:left; margin-bottom:20px; position:relative;}
.last_column{clear:right; margin-right:0 !important; }
.one_half{width:47%; margin-right:6%;}
.one_third{width:30%; margin-right:5%;}
.two_third{width:65%; margin-right:3%;}
.one_fourth{width:22%; margin-right:4%;}
.three_fourth{width:72%;  margin-right:3%;}
.one_fifth{width:18%; margin-right:2%;} .topmargin15{margin-top:15px;}
.slide_toggle{ color: #333; margin:0 !important; padding:5px 10px !important; background-color:#efefef; background: -moz-linear-gradient(center top , #FFFFFF, #efefef); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#efefef)); background: -webkit-linear-gradient(top, #FFFFFF, #efefef); background: -ms-linear-gradient(top, #FFFFFF, #efefef); background: -o-linear-gradient(top, #FFFFFF, #efefef); border:1px #ccc solid !Important; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px;}
.slide_toggle a{text-decoration:none !important; display:block; color:#34c6f6;}
h3.slide_toggle a:before { background-color: #353535; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -khtml-border-radius:25px; color: #CCCCCC; content: "+"; display: inline-block; font-family: Tahoma; font-size: 11px; height: 15px; line-height: 13px; margin-right: 10px; position: relative; text-align: center; top: -2px; width: 15px;}
h3.clicked{border-radius:10px 10px 0 0 !important; -moz-border-radius:10px 10px 0 0 !important;; -webkit-border-radius:10px 10px 0 0 !important;; -khtml-border-radius:10px 10px 0 0 !important; margin-bottom:0 !important;}
h3.clicked a{color:#000000;}
h3.clicked a:before{content: "-";}
.slide_toggle_content{padding:10px; background:#f6f6f6;  border:1px #ccc solid; border-top-width:0 !important; border-radius:0 0 10px 10px !important; -moz-border-radius:0 0 10px 10px !important;; -webkit-border-radius:0 0 10px 10px !important;; -khtml-border-radius:0 0 10px 10px !important; } .tabs-wrapper{margin-bottom:15px;}
.tabs-wrapper ul.tabs { width:100%; margin:20px 0 -1px; padding:0; float:left;}
.tabs-wrapper ul.tabs li { display:block; float:left; margin:0 1px 0 0;}
.tabs-wrapper ul.tabs li a {  background-color:#494949;  color:#fff; display:block; float:left; text-decoration:none; padding:12px 25px;  cursor:pointer; overflow:hidden; outline:none; text-transform:uppercase;}
.tabs-wrapper ul.tabs li a.selected{color:#fff; background-color:#ef2e2e; }
.tabs-wrapper .tab-content { clear:both; border:1px solid #c1c1c1; padding:25px 15px;}
.tabs-wrapper .tab-content p{ margin-bottom:15px;}
.js_on .tabs-wrapper .tab-content { display:none; margin-bottom:15px;}
.tabs-wrapper .tab-content .tabs-inner-padding { padding:10px;} .accordion-box{margin-bottom:10px;}
.accordion-box h2{ padding:5px 15px 5px 5px !important; margin:0; cursor:pointer; color:#fff; font-size:17px !important; text-align:left; margin-bottom:10px; position:relative;}
.acc-content{ padding:20px; color:#fff;}
.accordion-wrapper{padding-bottom:15px;}
.accordion-container { margin:0 0 1px; padding:0; overflow:hidden; width:100%; clear:both; }
.accordion-container .content-block { padding:20px; }
.accordion-box h2:before {content: "\f0a9"; font-family: 'Font Awesome 5 Solid'; display: inline-block; font-size:20px; margin-right: 10px;position: relative;text-align: center; top:1px; }
.accordion-box h2.active{ margin-bottom:0 !important; color:#fff;}
.accordion-box h2.active:before{ content: "\f0ab"; font-family: 'Font Awesome 5 Solid';} .linktotop{color:#666; font-size:11px; text-align:right;}
.linktotop a{text-decoration:none;} .postmeta, .entry-meta{padding:10px 0; color:#999;}
footer.entry-meta{ }
.breadcrumbs{padding:10px 0; margin-bottom:0;}
ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}
#commentform input#submit{background-color:#eb6e01; border:none; padding:12px 25px; color:#fff;  display:inline-block; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:uppercase; font-weight:bold;}
#commentform input#submit:hover{background:#eee; color:#34c6f6;}
.form-allowed-tags{display:none;}
ul.errormsg{background:#ffe4e4;}
ul.errormsg li{padding:5px;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px Oswald; border-bottom:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;} .comment-author.vcard{display:inline-block; margin-right:15px; float:left;}
.comment-list ul.children li.comment{background-image:none; padding-left:15px;}
.hrule{border-top:1px #999 dotted; margin-top:15px; padding-bottom:15px;}.fa,
.fas,
.far,
.fal,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -.0667em; }
.fa-xs {
font-size: .75em; }
.fa-sm {
font-size: .875em; }
.fa-1x {
font-size: 1em; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-6x {
font-size: 6em; }
.fa-7x {
font-size: 7em; }
.fa-8x {
font-size: 8em; }
.fa-9x {
font-size: 9em; }
.fa-10x {
font-size: 10em; }
.fa-fw {
text-align: center;
width: 1.25em; }
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0; }
.fa-ul > li {
position: relative; }
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit; }
.fa-border {
border: solid 0.08em #eee;
border-radius: .1em;
padding: .2em .25em .15em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1); }
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
-webkit-filter: none;
filter: none; }
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em; }
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; } .fa-500px:before {
content: "\f26e"; }
.fa-accessible-icon:before {
content: "\f368"; }
.fa-accusoft:before {
content: "\f369"; }
.fa-acquisitions-incorporated:before {
content: "\f6af"; }
.fa-ad:before {
content: "\f641"; }
.fa-address-book:before {
content: "\f2b9"; }
.fa-address-card:before {
content: "\f2bb"; }
.fa-adjust:before {
content: "\f042"; }
.fa-adn:before {
content: "\f170"; }
.fa-adobe:before {
content: "\f778"; }
.fa-adversal:before {
content: "\f36a"; }
.fa-affiliatetheme:before {
content: "\f36b"; }
.fa-air-freshener:before {
content: "\f5d0"; }
.fa-algolia:before {
content: "\f36c"; }
.fa-align-center:before {
content: "\f037"; }
.fa-align-justify:before {
content: "\f039"; }
.fa-align-left:before {
content: "\f036"; }
.fa-align-right:before {
content: "\f038"; }
.fa-alipay:before {
content: "\f642"; }
.fa-allergies:before {
content: "\f461"; }
.fa-amazon:before {
content: "\f270"; }
.fa-amazon-pay:before {
content: "\f42c"; }
.fa-ambulance:before {
content: "\f0f9"; }
.fa-american-sign-language-interpreting:before {
content: "\f2a3"; }
.fa-amilia:before {
content: "\f36d"; }
.fa-anchor:before {
content: "\f13d"; }
.fa-android:before {
content: "\f17b"; }
.fa-angellist:before {
content: "\f209"; }
.fa-angle-double-down:before {
content: "\f103"; }
.fa-angle-double-left:before {
content: "\f100"; }
.fa-angle-double-right:before {
content: "\f101"; }
.fa-angle-double-up:before {
content: "\f102"; }
.fa-angle-down:before {
content: "\f107"; }
.fa-angle-left:before {
content: "\f104"; }
.fa-angle-right:before {
content: "\f105"; }
.fa-angle-up:before {
content: "\f106"; }
.fa-angry:before {
content: "\f556"; }
.fa-angrycreative:before {
content: "\f36e"; }
.fa-angular:before {
content: "\f420"; }
.fa-ankh:before {
content: "\f644"; }
.fa-app-store:before {
content: "\f36f"; }
.fa-app-store-ios:before {
content: "\f370"; }
.fa-apper:before {
content: "\f371"; }
.fa-apple:before {
content: "\f179"; }
.fa-apple-alt:before {
content: "\f5d1"; }
.fa-apple-pay:before {
content: "\f415"; }
.fa-archive:before {
content: "\f187"; }
.fa-archway:before {
content: "\f557"; }
.fa-arrow-alt-circle-down:before {
content: "\f358"; }
.fa-arrow-alt-circle-left:before {
content: "\f359"; }
.fa-arrow-alt-circle-right:before {
content: "\f35a"; }
.fa-arrow-alt-circle-up:before {
content: "\f35b"; }
.fa-arrow-circle-down:before {
content: "\f0ab"; }
.fa-arrow-circle-left:before {
content: "\f0a8"; }
.fa-arrow-circle-right:before {
content: "\f0a9"; }
.fa-arrow-circle-up:before {
content: "\f0aa"; }
.fa-arrow-down:before {
content: "\f063"; }
.fa-arrow-left:before {
content: "\f060"; }
.fa-arrow-right:before {
content: "\f061"; }
.fa-arrow-up:before {
content: "\f062"; }
.fa-arrows-alt:before {
content: "\f0b2"; }
.fa-arrows-alt-h:before {
content: "\f337"; }
.fa-arrows-alt-v:before {
content: "\f338"; }
.fa-artstation:before {
content: "\f77a"; }
.fa-assistive-listening-systems:before {
content: "\f2a2"; }
.fa-asterisk:before {
content: "\f069"; }
.fa-asymmetrik:before {
content: "\f372"; }
.fa-at:before {
content: "\f1fa"; }
.fa-atlas:before {
content: "\f558"; }
.fa-atlassian:before {
content: "\f77b"; }
.fa-atom:before {
content: "\f5d2"; }
.fa-audible:before {
content: "\f373"; }
.fa-audio-description:before {
content: "\f29e"; }
.fa-autoprefixer:before {
content: "\f41c"; }
.fa-avianex:before {
content: "\f374"; }
.fa-aviato:before {
content: "\f421"; }
.fa-award:before {
content: "\f559"; }
.fa-aws:before {
content: "\f375"; }
.fa-baby:before {
content: "\f77c"; }
.fa-baby-carriage:before {
content: "\f77d"; }
.fa-backspace:before {
content: "\f55a"; }
.fa-backward:before {
content: "\f04a"; }
.fa-bacon:before {
content: "\f7e5"; }
.fa-balance-scale:before {
content: "\f24e"; }
.fa-ban:before {
content: "\f05e"; }
.fa-band-aid:before {
content: "\f462"; }
.fa-bandcamp:before {
content: "\f2d5"; }
.fa-barcode:before {
content: "\f02a"; }
.fa-bars:before {
content: "\f0c9"; }
.fa-baseball-ball:before {
content: "\f433"; }
.fa-basketball-ball:before {
content: "\f434"; }
.fa-bath:before {
content: "\f2cd"; }
.fa-battery-empty:before {
content: "\f244"; }
.fa-battery-full:before {
content: "\f240"; }
.fa-battery-half:before {
content: "\f242"; }
.fa-battery-quarter:before {
content: "\f243"; }
.fa-battery-three-quarters:before {
content: "\f241"; }
.fa-bed:before {
content: "\f236"; }
.fa-beer:before {
content: "\f0fc"; }
.fa-behance:before {
content: "\f1b4"; }
.fa-behance-square:before {
content: "\f1b5"; }
.fa-bell:before {
content: "\f0f3"; }
.fa-bell-slash:before {
content: "\f1f6"; }
.fa-bezier-curve:before {
content: "\f55b"; }
.fa-bible:before {
content: "\f647"; }
.fa-bicycle:before {
content: "\f206"; }
.fa-bimobject:before {
content: "\f378"; }
.fa-binoculars:before {
content: "\f1e5"; }
.fa-biohazard:before {
content: "\f780"; }
.fa-birthday-cake:before {
content: "\f1fd"; }
.fa-bitbucket:before {
content: "\f171"; }
.fa-bitcoin:before {
content: "\f379"; }
.fa-bity:before {
content: "\f37a"; }
.fa-black-tie:before {
content: "\f27e"; }
.fa-blackberry:before {
content: "\f37b"; }
.fa-blender:before {
content: "\f517"; }
.fa-blender-phone:before {
content: "\f6b6"; }
.fa-blind:before {
content: "\f29d"; }
.fa-blog:before {
content: "\f781"; }
.fa-blogger:before {
content: "\f37c"; }
.fa-blogger-b:before {
content: "\f37d"; }
.fa-bluetooth:before {
content: "\f293"; }
.fa-bluetooth-b:before {
content: "\f294"; }
.fa-bold:before {
content: "\f032"; }
.fa-bolt:before {
content: "\f0e7"; }
.fa-bomb:before {
content: "\f1e2"; }
.fa-bone:before {
content: "\f5d7"; }
.fa-bong:before {
content: "\f55c"; }
.fa-book:before {
content: "\f02d"; }
.fa-book-dead:before {
content: "\f6b7"; }
.fa-book-medical:before {
content: "\f7e6"; }
.fa-book-open:before {
content: "\f518"; }
.fa-book-reader:before {
content: "\f5da"; }
.fa-bookmark:before {
content: "\f02e"; }
.fa-bowling-ball:before {
content: "\f436"; }
.fa-box:before {
content: "\f466"; }
.fa-box-open:before {
content: "\f49e"; }
.fa-boxes:before {
content: "\f468"; }
.fa-braille:before {
content: "\f2a1"; }
.fa-brain:before {
content: "\f5dc"; }
.fa-bread-slice:before {
content: "\f7ec"; }
.fa-briefcase:before {
content: "\f0b1"; }
.fa-briefcase-medical:before {
content: "\f469"; }
.fa-broadcast-tower:before {
content: "\f519"; }
.fa-broom:before {
content: "\f51a"; }
.fa-brush:before {
content: "\f55d"; }
.fa-btc:before {
content: "\f15a"; }
.fa-bug:before {
content: "\f188"; }
.fa-building:before {
content: "\f1ad"; }
.fa-bullhorn:before {
content: "\f0a1"; }
.fa-bullseye:before {
content: "\f140"; }
.fa-burn:before {
content: "\f46a"; }
.fa-buromobelexperte:before {
content: "\f37f"; }
.fa-bus:before {
content: "\f207"; }
.fa-bus-alt:before {
content: "\f55e"; }
.fa-business-time:before {
content: "\f64a"; }
.fa-buysellads:before {
content: "\f20d"; }
.fa-calculator:before {
content: "\f1ec"; }
.fa-calendar:before {
content: "\f133"; }
.fa-calendar-alt:before {
content: "\f073"; }
.fa-calendar-check:before {
content: "\f274"; }
.fa-calendar-day:before {
content: "\f783"; }
.fa-calendar-minus:before {
content: "\f272"; }
.fa-calendar-plus:before {
content: "\f271"; }
.fa-calendar-times:before {
content: "\f273"; }
.fa-calendar-week:before {
content: "\f784"; }
.fa-camera:before {
content: "\f030"; }
.fa-camera-retro:before {
content: "\f083"; }
.fa-campground:before {
content: "\f6bb"; }
.fa-canadian-maple-leaf:before {
content: "\f785"; }
.fa-candy-cane:before {
content: "\f786"; }
.fa-cannabis:before {
content: "\f55f"; }
.fa-capsules:before {
content: "\f46b"; }
.fa-car:before {
content: "\f1b9"; }
.fa-car-alt:before {
content: "\f5de"; }
.fa-car-battery:before {
content: "\f5df"; }
.fa-car-crash:before {
content: "\f5e1"; }
.fa-car-side:before {
content: "\f5e4"; }
.fa-caret-down:before {
content: "\f0d7"; }
.fa-caret-left:before {
content: "\f0d9"; }
.fa-caret-right:before {
content: "\f0da"; }
.fa-caret-square-down:before {
content: "\f150"; }
.fa-caret-square-left:before {
content: "\f191"; }
.fa-caret-square-right:before {
content: "\f152"; }
.fa-caret-square-up:before {
content: "\f151"; }
.fa-caret-up:before {
content: "\f0d8"; }
.fa-carrot:before {
content: "\f787"; }
.fa-cart-arrow-down:before {
content: "\f218"; }
.fa-cart-plus:before {
content: "\f217"; }
.fa-cash-register:before {
content: "\f788"; }
.fa-cat:before {
content: "\f6be"; }
.fa-cc-amazon-pay:before {
content: "\f42d"; }
.fa-cc-amex:before {
content: "\f1f3"; }
.fa-cc-apple-pay:before {
content: "\f416"; }
.fa-cc-diners-club:before {
content: "\f24c"; }
.fa-cc-discover:before {
content: "\f1f2"; }
.fa-cc-jcb:before {
content: "\f24b"; }
.fa-cc-mastercard:before {
content: "\f1f1"; }
.fa-cc-paypal:before {
content: "\f1f4"; }
.fa-cc-stripe:before {
content: "\f1f5"; }
.fa-cc-visa:before {
content: "\f1f0"; }
.fa-centercode:before {
content: "\f380"; }
.fa-centos:before {
content: "\f789"; }
.fa-certificate:before {
content: "\f0a3"; }
.fa-chair:before {
content: "\f6c0"; }
.fa-chalkboard:before {
content: "\f51b"; }
.fa-chalkboard-teacher:before {
content: "\f51c"; }
.fa-charging-station:before {
content: "\f5e7"; }
.fa-chart-area:before {
content: "\f1fe"; }
.fa-chart-bar:before {
content: "\f080"; }
.fa-chart-line:before {
content: "\f201"; }
.fa-chart-pie:before {
content: "\f200"; }
.fa-check:before {
content: "\f00c"; }
.fa-check-circle:before {
content: "\f058"; }
.fa-check-double:before {
content: "\f560"; }
.fa-check-square:before {
content: "\f14a"; }
.fa-cheese:before {
content: "\f7ef"; }
.fa-chess:before {
content: "\f439"; }
.fa-chess-bishop:before {
content: "\f43a"; }
.fa-chess-board:before {
content: "\f43c"; }
.fa-chess-king:before {
content: "\f43f"; }
.fa-chess-knight:before {
content: "\f441"; }
.fa-chess-pawn:before {
content: "\f443"; }
.fa-chess-queen:before {
content: "\f445"; }
.fa-chess-rook:before {
content: "\f447"; }
.fa-chevron-circle-down:before {
content: "\f13a"; }
.fa-chevron-circle-left:before {
content: "\f137"; }
.fa-chevron-circle-right:before {
content: "\f138"; }
.fa-chevron-circle-up:before {
content: "\f139"; }
.fa-chevron-down:before {
content: "\f078"; }
.fa-chevron-left:before {
content: "\f053"; }
.fa-chevron-right:before {
content: "\f054"; }
.fa-chevron-up:before {
content: "\f077"; }
.fa-child:before {
content: "\f1ae"; }
.fa-chrome:before {
content: "\f268"; }
.fa-church:before {
content: "\f51d"; }
.fa-circle:before {
content: "\f111"; }
.fa-circle-notch:before {
content: "\f1ce"; }
.fa-city:before {
content: "\f64f"; }
.fa-clinic-medical:before {
content: "\f7f2"; }
.fa-clipboard:before {
content: "\f328"; }
.fa-clipboard-check:before {
content: "\f46c"; }
.fa-clipboard-list:before {
content: "\f46d"; }
.fa-clock:before {
content: "\f017"; }
.fa-clone:before {
content: "\f24d"; }
.fa-closed-captioning:before {
content: "\f20a"; }
.fa-cloud:before {
content: "\f0c2"; }
.fa-cloud-download-alt:before {
content: "\f381"; }
.fa-cloud-meatball:before {
content: "\f73b"; }
.fa-cloud-moon:before {
content: "\f6c3"; }
.fa-cloud-moon-rain:before {
content: "\f73c"; }
.fa-cloud-rain:before {
content: "\f73d"; }
.fa-cloud-showers-heavy:before {
content: "\f740"; }
.fa-cloud-sun:before {
content: "\f6c4"; }
.fa-cloud-sun-rain:before {
content: "\f743"; }
.fa-cloud-upload-alt:before {
content: "\f382"; }
.fa-cloudscale:before {
content: "\f383"; }
.fa-cloudsmith:before {
content: "\f384"; }
.fa-cloudversify:before {
content: "\f385"; }
.fa-cocktail:before {
content: "\f561"; }
.fa-code:before {
content: "\f121"; }
.fa-code-branch:before {
content: "\f126"; }
.fa-codepen:before {
content: "\f1cb"; }
.fa-codiepie:before {
content: "\f284"; }
.fa-coffee:before {
content: "\f0f4"; }
.fa-cog:before {
content: "\f013"; }
.fa-cogs:before {
content: "\f085"; }
.fa-coins:before {
content: "\f51e"; }
.fa-columns:before {
content: "\f0db"; }
.fa-comment:before {
content: "\f075"; }
.fa-comment-alt:before {
content: "\f27a"; }
.fa-comment-dollar:before {
content: "\f651"; }
.fa-comment-dots:before {
content: "\f4ad"; }
.fa-comment-medical:before {
content: "\f7f5"; }
.fa-comment-slash:before {
content: "\f4b3"; }
.fa-comments:before {
content: "\f086"; }
.fa-comments-dollar:before {
content: "\f653"; }
.fa-compact-disc:before {
content: "\f51f"; }
.fa-compass:before {
content: "\f14e"; }
.fa-compress:before {
content: "\f066"; }
.fa-compress-arrows-alt:before {
content: "\f78c"; }
.fa-concierge-bell:before {
content: "\f562"; }
.fa-confluence:before {
content: "\f78d"; }
.fa-connectdevelop:before {
content: "\f20e"; }
.fa-contao:before {
content: "\f26d"; }
.fa-cookie:before {
content: "\f563"; }
.fa-cookie-bite:before {
content: "\f564"; }
.fa-copy:before {
content: "\f0c5"; }
.fa-copyright:before {
content: "\f1f9"; }
.fa-couch:before {
content: "\f4b8"; }
.fa-cpanel:before {
content: "\f388"; }
.fa-creative-commons:before {
content: "\f25e"; }
.fa-creative-commons-by:before {
content: "\f4e7"; }
.fa-creative-commons-nc:before {
content: "\f4e8"; }
.fa-creative-commons-nc-eu:before {
content: "\f4e9"; }
.fa-creative-commons-nc-jp:before {
content: "\f4ea"; }
.fa-creative-commons-nd:before {
content: "\f4eb"; }
.fa-creative-commons-pd:before {
content: "\f4ec"; }
.fa-creative-commons-pd-alt:before {
content: "\f4ed"; }
.fa-creative-commons-remix:before {
content: "\f4ee"; }
.fa-creative-commons-sa:before {
content: "\f4ef"; }
.fa-creative-commons-sampling:before {
content: "\f4f0"; }
.fa-creative-commons-sampling-plus:before {
content: "\f4f1"; }
.fa-creative-commons-share:before {
content: "\f4f2"; }
.fa-creative-commons-zero:before {
content: "\f4f3"; }
.fa-credit-card:before {
content: "\f09d"; }
.fa-critical-role:before {
content: "\f6c9"; }
.fa-crop:before {
content: "\f125"; }
.fa-crop-alt:before {
content: "\f565"; }
.fa-cross:before {
content: "\f654"; }
.fa-crosshairs:before {
content: "\f05b"; }
.fa-crow:before {
content: "\f520"; }
.fa-crown:before {
content: "\f521"; }
.fa-crutch:before {
content: "\f7f7"; }
.fa-css3:before {
content: "\f13c"; }
.fa-css3-alt:before {
content: "\f38b"; }
.fa-cube:before {
content: "\f1b2"; }
.fa-cubes:before {
content: "\f1b3"; }
.fa-cut:before {
content: "\f0c4"; }
.fa-cuttlefish:before {
content: "\f38c"; }
.fa-d-and-d:before {
content: "\f38d"; }
.fa-d-and-d-beyond:before {
content: "\f6ca"; }
.fa-dashcube:before {
content: "\f210"; }
.fa-database:before {
content: "\f1c0"; }
.fa-deaf:before {
content: "\f2a4"; }
.fa-delicious:before {
content: "\f1a5"; }
.fa-democrat:before {
content: "\f747"; }
.fa-deploydog:before {
content: "\f38e"; }
.fa-deskpro:before {
content: "\f38f"; }
.fa-desktop:before {
content: "\f108"; }
.fa-dev:before {
content: "\f6cc"; }
.fa-deviantart:before {
content: "\f1bd"; }
.fa-dharmachakra:before {
content: "\f655"; }
.fa-dhl:before {
content: "\f790"; }
.fa-diagnoses:before {
content: "\f470"; }
.fa-diaspora:before {
content: "\f791"; }
.fa-dice:before {
content: "\f522"; }
.fa-dice-d20:before {
content: "\f6cf"; }
.fa-dice-d6:before {
content: "\f6d1"; }
.fa-dice-five:before {
content: "\f523"; }
.fa-dice-four:before {
content: "\f524"; }
.fa-dice-one:before {
content: "\f525"; }
.fa-dice-six:before {
content: "\f526"; }
.fa-dice-three:before {
content: "\f527"; }
.fa-dice-two:before {
content: "\f528"; }
.fa-digg:before {
content: "\f1a6"; }
.fa-digital-ocean:before {
content: "\f391"; }
.fa-digital-tachograph:before {
content: "\f566"; }
.fa-directions:before {
content: "\f5eb"; }
.fa-discord:before {
content: "\f392"; }
.fa-discourse:before {
content: "\f393"; }
.fa-divide:before {
content: "\f529"; }
.fa-dizzy:before {
content: "\f567"; }
.fa-dna:before {
content: "\f471"; }
.fa-dochub:before {
content: "\f394"; }
.fa-docker:before {
content: "\f395"; }
.fa-dog:before {
content: "\f6d3"; }
.fa-dollar-sign:before {
content: "\f155"; }
.fa-dolly:before {
content: "\f472"; }
.fa-dolly-flatbed:before {
content: "\f474"; }
.fa-donate:before {
content: "\f4b9"; }
.fa-door-closed:before {
content: "\f52a"; }
.fa-door-open:before {
content: "\f52b"; }
.fa-dot-circle:before {
content: "\f192"; }
.fa-dove:before {
content: "\f4ba"; }
.fa-download:before {
content: "\f019"; }
.fa-draft2digital:before {
content: "\f396"; }
.fa-drafting-compass:before {
content: "\f568"; }
.fa-dragon:before {
content: "\f6d5"; }
.fa-draw-polygon:before {
content: "\f5ee"; }
.fa-dribbble:before {
content: "\f17d"; }
.fa-dribbble-square:before {
content: "\f397"; }
.fa-dropbox:before {
content: "\f16b"; }
.fa-drum:before {
content: "\f569"; }
.fa-drum-steelpan:before {
content: "\f56a"; }
.fa-drumstick-bite:before {
content: "\f6d7"; }
.fa-drupal:before {
content: "\f1a9"; }
.fa-dumbbell:before {
content: "\f44b"; }
.fa-dumpster:before {
content: "\f793"; }
.fa-dumpster-fire:before {
content: "\f794"; }
.fa-dungeon:before {
content: "\f6d9"; }
.fa-dyalog:before {
content: "\f399"; }
.fa-earlybirds:before {
content: "\f39a"; }
.fa-ebay:before {
content: "\f4f4"; }
.fa-edge:before {
content: "\f282"; }
.fa-edit:before {
content: "\f044"; }
.fa-egg:before {
content: "\f7fb"; }
.fa-eject:before {
content: "\f052"; }
.fa-elementor:before {
content: "\f430"; }
.fa-ellipsis-h:before {
content: "\f141"; }
.fa-ellipsis-v:before {
content: "\f142"; }
.fa-ello:before {
content: "\f5f1"; }
.fa-ember:before {
content: "\f423"; }
.fa-empire:before {
content: "\f1d1"; }
.fa-envelope:before {
content: "\f0e0"; }
.fa-envelope-open:before {
content: "\f2b6"; }
.fa-envelope-open-text:before {
content: "\f658"; }
.fa-envelope-square:before {
content: "\f199"; }
.fa-envira:before {
content: "\f299"; }
.fa-equals:before {
content: "\f52c"; }
.fa-eraser:before {
content: "\f12d"; }
.fa-erlang:before {
content: "\f39d"; }
.fa-ethereum:before {
content: "\f42e"; }
.fa-ethernet:before {
content: "\f796"; }
.fa-etsy:before {
content: "\f2d7"; }
.fa-euro-sign:before {
content: "\f153"; }
.fa-exchange-alt:before {
content: "\f362"; }
.fa-exclamation:before {
content: "\f12a"; }
.fa-exclamation-circle:before {
content: "\f06a"; }
.fa-exclamation-triangle:before {
content: "\f071"; }
.fa-expand:before {
content: "\f065"; }
.fa-expand-arrows-alt:before {
content: "\f31e"; }
.fa-expeditedssl:before {
content: "\f23e"; }
.fa-external-link-alt:before {
content: "\f35d"; }
.fa-external-link-square-alt:before {
content: "\f360"; }
.fa-eye:before {
content: "\f06e"; }
.fa-eye-dropper:before {
content: "\f1fb"; }
.fa-eye-slash:before {
content: "\f070"; }
.fa-facebook:before {
content: "\f09a"; }
.fa-facebook-f:before {
content: "\f39e"; }
.fa-facebook-messenger:before {
content: "\f39f"; }
.fa-facebook-square:before {
content: "\f082"; }
.fa-fantasy-flight-games:before {
content: "\f6dc"; }
.fa-fast-backward:before {
content: "\f049"; }
.fa-fast-forward:before {
content: "\f050"; }
.fa-fax:before {
content: "\f1ac"; }
.fa-feather:before {
content: "\f52d"; }
.fa-feather-alt:before {
content: "\f56b"; }
.fa-fedex:before {
content: "\f797"; }
.fa-fedora:before {
content: "\f798"; }
.fa-female:before {
content: "\f182"; }
.fa-fighter-jet:before {
content: "\f0fb"; }
.fa-figma:before {
content: "\f799"; }
.fa-file:before {
content: "\f15b"; }
.fa-file-alt:before {
content: "\f15c"; }
.fa-file-archive:before {
content: "\f1c6"; }
.fa-file-audio:before {
content: "\f1c7"; }
.fa-file-code:before {
content: "\f1c9"; }
.fa-file-contract:before {
content: "\f56c"; }
.fa-file-csv:before {
content: "\f6dd"; }
.fa-file-download:before {
content: "\f56d"; }
.fa-file-excel:before {
content: "\f1c3"; }
.fa-file-export:before {
content: "\f56e"; }
.fa-file-image:before {
content: "\f1c5"; }
.fa-file-import:before {
content: "\f56f"; }
.fa-file-invoice:before {
content: "\f570"; }
.fa-file-invoice-dollar:before {
content: "\f571"; }
.fa-file-medical:before {
content: "\f477"; }
.fa-file-medical-alt:before {
content: "\f478"; }
.fa-file-pdf:before {
content: "\f1c1"; }
.fa-file-powerpoint:before {
content: "\f1c4"; }
.fa-file-prescription:before {
content: "\f572"; }
.fa-file-signature:before {
content: "\f573"; }
.fa-file-upload:before {
content: "\f574"; }
.fa-file-video:before {
content: "\f1c8"; }
.fa-file-word:before {
content: "\f1c2"; }
.fa-fill:before {
content: "\f575"; }
.fa-fill-drip:before {
content: "\f576"; }
.fa-film:before {
content: "\f008"; }
.fa-filter:before {
content: "\f0b0"; }
.fa-fingerprint:before {
content: "\f577"; }
.fa-fire:before {
content: "\f06d"; }
.fa-fire-alt:before {
content: "\f7e4"; }
.fa-fire-extinguisher:before {
content: "\f134"; }
.fa-firefox:before {
content: "\f269"; }
.fa-first-aid:before {
content: "\f479"; }
.fa-first-order:before {
content: "\f2b0"; }
.fa-first-order-alt:before {
content: "\f50a"; }
.fa-firstdraft:before {
content: "\f3a1"; }
.fa-fish:before {
content: "\f578"; }
.fa-fist-raised:before {
content: "\f6de"; }
.fa-flag:before {
content: "\f024"; }
.fa-flag-checkered:before {
content: "\f11e"; }
.fa-flag-usa:before {
content: "\f74d"; }
.fa-flask:before {
content: "\f0c3"; }
.fa-flickr:before {
content: "\f16e"; }
.fa-flipboard:before {
content: "\f44d"; }
.fa-flushed:before {
content: "\f579"; }
.fa-fly:before {
content: "\f417"; }
.fa-folder:before {
content: "\f07b"; }
.fa-folder-minus:before {
content: "\f65d"; }
.fa-folder-open:before {
content: "\f07c"; }
.fa-folder-plus:before {
content: "\f65e"; }
.fa-font:before {
content: "\f031"; }
.fa-font-awesome:before {
content: "\f2b4"; }
.fa-font-awesome-alt:before {
content: "\f35c"; }
.fa-font-awesome-flag:before {
content: "\f425"; }
.fa-font-awesome-logo-full:before {
content: "\f4e6"; }
.fa-fonticons:before {
content: "\f280"; }
.fa-fonticons-fi:before {
content: "\f3a2"; }
.fa-football-ball:before {
content: "\f44e"; }
.fa-fort-awesome:before {
content: "\f286"; }
.fa-fort-awesome-alt:before {
content: "\f3a3"; }
.fa-forumbee:before {
content: "\f211"; }
.fa-forward:before {
content: "\f04e"; }
.fa-foursquare:before {
content: "\f180"; }
.fa-free-code-camp:before {
content: "\f2c5"; }
.fa-freebsd:before {
content: "\f3a4"; }
.fa-frog:before {
content: "\f52e"; }
.fa-frown:before {
content: "\f119"; }
.fa-frown-open:before {
content: "\f57a"; }
.fa-fulcrum:before {
content: "\f50b"; }
.fa-funnel-dollar:before {
content: "\f662"; }
.fa-futbol:before {
content: "\f1e3"; }
.fa-galactic-republic:before {
content: "\f50c"; }
.fa-galactic-senate:before {
content: "\f50d"; }
.fa-gamepad:before {
content: "\f11b"; }
.fa-gas-pump:before {
content: "\f52f"; }
.fa-gavel:before {
content: "\f0e3"; }
.fa-gem:before {
content: "\f3a5"; }
.fa-genderless:before {
content: "\f22d"; }
.fa-get-pocket:before {
content: "\f265"; }
.fa-gg:before {
content: "\f260"; }
.fa-gg-circle:before {
content: "\f261"; }
.fa-ghost:before {
content: "\f6e2"; }
.fa-gift:before {
content: "\f06b"; }
.fa-gifts:before {
content: "\f79c"; }
.fa-git:before {
content: "\f1d3"; }
.fa-git-square:before {
content: "\f1d2"; }
.fa-github:before {
content: "\f09b"; }
.fa-github-alt:before {
content: "\f113"; }
.fa-github-square:before {
content: "\f092"; }
.fa-gitkraken:before {
content: "\f3a6"; }
.fa-gitlab:before {
content: "\f296"; }
.fa-gitter:before {
content: "\f426"; }
.fa-glass-cheers:before {
content: "\f79f"; }
.fa-glass-martini:before {
content: "\f000"; }
.fa-glass-martini-alt:before {
content: "\f57b"; }
.fa-glass-whiskey:before {
content: "\f7a0"; }
.fa-glasses:before {
content: "\f530"; }
.fa-glide:before {
content: "\f2a5"; }
.fa-glide-g:before {
content: "\f2a6"; }
.fa-globe:before {
content: "\f0ac"; }
.fa-globe-africa:before {
content: "\f57c"; }
.fa-globe-americas:before {
content: "\f57d"; }
.fa-globe-asia:before {
content: "\f57e"; }
.fa-globe-europe:before {
content: "\f7a2"; }
.fa-gofore:before {
content: "\f3a7"; }
.fa-golf-ball:before {
content: "\f450"; }
.fa-goodreads:before {
content: "\f3a8"; }
.fa-goodreads-g:before {
content: "\f3a9"; }
.fa-google:before {
content: "\f1a0"; }
.fa-google-drive:before {
content: "\f3aa"; }
.fa-google-play:before {
content: "\f3ab"; }
.fa-google-plus:before {
content: "\f2b3"; }
.fa-google-plus-g:before {
content: "\f0d5"; }
.fa-google-plus-square:before {
content: "\f0d4"; }
.fa-google-wallet:before {
content: "\f1ee"; }
.fa-gopuram:before {
content: "\f664"; }
.fa-graduation-cap:before {
content: "\f19d"; }
.fa-gratipay:before {
content: "\f184"; }
.fa-grav:before {
content: "\f2d6"; }
.fa-greater-than:before {
content: "\f531"; }
.fa-greater-than-equal:before {
content: "\f532"; }
.fa-grimace:before {
content: "\f57f"; }
.fa-grin:before {
content: "\f580"; }
.fa-grin-alt:before {
content: "\f581"; }
.fa-grin-beam:before {
content: "\f582"; }
.fa-grin-beam-sweat:before {
content: "\f583"; }
.fa-grin-hearts:before {
content: "\f584"; }
.fa-grin-squint:before {
content: "\f585"; }
.fa-grin-squint-tears:before {
content: "\f586"; }
.fa-grin-stars:before {
content: "\f587"; }
.fa-grin-tears:before {
content: "\f588"; }
.fa-grin-tongue:before {
content: "\f589"; }
.fa-grin-tongue-squint:before {
content: "\f58a"; }
.fa-grin-tongue-wink:before {
content: "\f58b"; }
.fa-grin-wink:before {
content: "\f58c"; }
.fa-grip-horizontal:before {
content: "\f58d"; }
.fa-grip-lines:before {
content: "\f7a4"; }
.fa-grip-lines-vertical:before {
content: "\f7a5"; }
.fa-grip-vertical:before {
content: "\f58e"; }
.fa-gripfire:before {
content: "\f3ac"; }
.fa-grunt:before {
content: "\f3ad"; }
.fa-guitar:before {
content: "\f7a6"; }
.fa-gulp:before {
content: "\f3ae"; }
.fa-h-square:before {
content: "\f0fd"; }
.fa-hacker-news:before {
content: "\f1d4"; }
.fa-hacker-news-square:before {
content: "\f3af"; }
.fa-hackerrank:before {
content: "\f5f7"; }
.fa-hamburger:before {
content: "\f805"; }
.fa-hammer:before {
content: "\f6e3"; }
.fa-hamsa:before {
content: "\f665"; }
.fa-hand-holding:before {
content: "\f4bd"; }
.fa-hand-holding-heart:before {
content: "\f4be"; }
.fa-hand-holding-usd:before {
content: "\f4c0"; }
.fa-hand-lizard:before {
content: "\f258"; }
.fa-hand-middle-finger:before {
content: "\f806"; }
.fa-hand-paper:before {
content: "\f256"; }
.fa-hand-peace:before {
content: "\f25b"; }
.fa-hand-point-down:before {
content: "\f0a7"; }
.fa-hand-point-left:before {
content: "\f0a5"; }
.fa-hand-point-right:before {
content: "\f0a4"; }
.fa-hand-point-up:before {
content: "\f0a6"; }
.fa-hand-pointer:before {
content: "\f25a"; }
.fa-hand-rock:before {
content: "\f255"; }
.fa-hand-scissors:before {
content: "\f257"; }
.fa-hand-spock:before {
content: "\f259"; }
.fa-hands:before {
content: "\f4c2"; }
.fa-hands-helping:before {
content: "\f4c4"; }
.fa-handshake:before {
content: "\f2b5"; }
.fa-hanukiah:before {
content: "\f6e6"; }
.fa-hard-hat:before {
content: "\f807"; }
.fa-hashtag:before {
content: "\f292"; }
.fa-hat-wizard:before {
content: "\f6e8"; }
.fa-haykal:before {
content: "\f666"; }
.fa-hdd:before {
content: "\f0a0"; }
.fa-heading:before {
content: "\f1dc"; }
.fa-headphones:before {
content: "\f025"; }
.fa-headphones-alt:before {
content: "\f58f"; }
.fa-headset:before {
content: "\f590"; }
.fa-heart:before {
content: "\f004"; }
.fa-heart-broken:before {
content: "\f7a9"; }
.fa-heartbeat:before {
content: "\f21e"; }
.fa-helicopter:before {
content: "\f533"; }
.fa-highlighter:before {
content: "\f591"; }
.fa-hiking:before {
content: "\f6ec"; }
.fa-hippo:before {
content: "\f6ed"; }
.fa-hips:before {
content: "\f452"; }
.fa-hire-a-helper:before {
content: "\f3b0"; }
.fa-history:before {
content: "\f1da"; }
.fa-hockey-puck:before {
content: "\f453"; }
.fa-holly-berry:before {
content: "\f7aa"; }
.fa-home:before {
content: "\f015"; }
.fa-hooli:before {
content: "\f427"; }
.fa-hornbill:before {
content: "\f592"; }
.fa-horse:before {
content: "\f6f0"; }
.fa-horse-head:before {
content: "\f7ab"; }
.fa-hospital:before {
content: "\f0f8"; }
.fa-hospital-alt:before {
content: "\f47d"; }
.fa-hospital-symbol:before {
content: "\f47e"; }
.fa-hot-tub:before {
content: "\f593"; }
.fa-hotdog:before {
content: "\f80f"; }
.fa-hotel:before {
content: "\f594"; }
.fa-hotjar:before {
content: "\f3b1"; }
.fa-hourglass:before {
content: "\f254"; }
.fa-hourglass-end:before {
content: "\f253"; }
.fa-hourglass-half:before {
content: "\f252"; }
.fa-hourglass-start:before {
content: "\f251"; }
.fa-house-damage:before {
content: "\f6f1"; }
.fa-houzz:before {
content: "\f27c"; }
.fa-hryvnia:before {
content: "\f6f2"; }
.fa-html5:before {
content: "\f13b"; }
.fa-hubspot:before {
content: "\f3b2"; }
.fa-i-cursor:before {
content: "\f246"; }
.fa-ice-cream:before {
content: "\f810"; }
.fa-icicles:before {
content: "\f7ad"; }
.fa-id-badge:before {
content: "\f2c1"; }
.fa-id-card:before {
content: "\f2c2"; }
.fa-id-card-alt:before {
content: "\f47f"; }
.fa-igloo:before {
content: "\f7ae"; }
.fa-image:before {
content: "\f03e"; }
.fa-images:before {
content: "\f302"; }
.fa-imdb:before {
content: "\f2d8"; }
.fa-inbox:before {
content: "\f01c"; }
.fa-indent:before {
content: "\f03c"; }
.fa-industry:before {
content: "\f275"; }
.fa-infinity:before {
content: "\f534"; }
.fa-info:before {
content: "\f129"; }
.fa-info-circle:before {
content: "\f05a"; }
.fa-instagram:before {
content: "\f16d"; }
.fa-intercom:before {
content: "\f7af"; }
.fa-internet-explorer:before {
content: "\f26b"; }
.fa-invision:before {
content: "\f7b0"; }
.fa-ioxhost:before {
content: "\f208"; }
.fa-italic:before {
content: "\f033"; }
.fa-itunes:before {
content: "\f3b4"; }
.fa-itunes-note:before {
content: "\f3b5"; }
.fa-java:before {
content: "\f4e4"; }
.fa-jedi:before {
content: "\f669"; }
.fa-jedi-order:before {
content: "\f50e"; }
.fa-jenkins:before {
content: "\f3b6"; }
.fa-jira:before {
content: "\f7b1"; }
.fa-joget:before {
content: "\f3b7"; }
.fa-joint:before {
content: "\f595"; }
.fa-joomla:before {
content: "\f1aa"; }
.fa-journal-whills:before {
content: "\f66a"; }
.fa-js:before {
content: "\f3b8"; }
.fa-js-square:before {
content: "\f3b9"; }
.fa-jsfiddle:before {
content: "\f1cc"; }
.fa-kaaba:before {
content: "\f66b"; }
.fa-kaggle:before {
content: "\f5fa"; }
.fa-key:before {
content: "\f084"; }
.fa-keybase:before {
content: "\f4f5"; }
.fa-keyboard:before {
content: "\f11c"; }
.fa-keycdn:before {
content: "\f3ba"; }
.fa-khanda:before {
content: "\f66d"; }
.fa-kickstarter:before {
content: "\f3bb"; }
.fa-kickstarter-k:before {
content: "\f3bc"; }
.fa-kiss:before {
content: "\f596"; }
.fa-kiss-beam:before {
content: "\f597"; }
.fa-kiss-wink-heart:before {
content: "\f598"; }
.fa-kiwi-bird:before {
content: "\f535"; }
.fa-korvue:before {
content: "\f42f"; }
.fa-landmark:before {
content: "\f66f"; }
.fa-language:before {
content: "\f1ab"; }
.fa-laptop:before {
content: "\f109"; }
.fa-laptop-code:before {
content: "\f5fc"; }
.fa-laptop-medical:before {
content: "\f812"; }
.fa-laravel:before {
content: "\f3bd"; }
.fa-lastfm:before {
content: "\f202"; }
.fa-lastfm-square:before {
content: "\f203"; }
.fa-laugh:before {
content: "\f599"; }
.fa-laugh-beam:before {
content: "\f59a"; }
.fa-laugh-squint:before {
content: "\f59b"; }
.fa-laugh-wink:before {
content: "\f59c"; }
.fa-layer-group:before {
content: "\f5fd"; }
.fa-leaf:before {
content: "\f06c"; }
.fa-leanpub:before {
content: "\f212"; }
.fa-lemon:before {
content: "\f094"; }
.fa-less:before {
content: "\f41d"; }
.fa-less-than:before {
content: "\f536"; }
.fa-less-than-equal:before {
content: "\f537"; }
.fa-level-down-alt:before {
content: "\f3be"; }
.fa-level-up-alt:before {
content: "\f3bf"; }
.fa-life-ring:before {
content: "\f1cd"; }
.fa-lightbulb:before {
content: "\f0eb"; }
.fa-line:before {
content: "\f3c0"; }
.fa-link:before {
content: "\f0c1"; }
.fa-linkedin:before {
content: "\f08c"; }
.fa-linkedin-in:before {
content: "\f0e1"; }
.fa-linode:before {
content: "\f2b8"; }
.fa-linux:before {
content: "\f17c"; }
.fa-lira-sign:before {
content: "\f195"; }
.fa-list:before {
content: "\f03a"; }
.fa-list-alt:before {
content: "\f022"; }
.fa-list-ol:before {
content: "\f0cb"; }
.fa-list-ul:before {
content: "\f0ca"; }
.fa-location-arrow:before {
content: "\f124"; }
.fa-lock:before {
content: "\f023"; }
.fa-lock-open:before {
content: "\f3c1"; }
.fa-long-arrow-alt-down:before {
content: "\f309"; }
.fa-long-arrow-alt-left:before {
content: "\f30a"; }
.fa-long-arrow-alt-right:before {
content: "\f30b"; }
.fa-long-arrow-alt-up:before {
content: "\f30c"; }
.fa-low-vision:before {
content: "\f2a8"; }
.fa-luggage-cart:before {
content: "\f59d"; }
.fa-lyft:before {
content: "\f3c3"; }
.fa-magento:before {
content: "\f3c4"; }
.fa-magic:before {
content: "\f0d0"; }
.fa-magnet:before {
content: "\f076"; }
.fa-mail-bulk:before {
content: "\f674"; }
.fa-mailchimp:before {
content: "\f59e"; }
.fa-male:before {
content: "\f183"; }
.fa-mandalorian:before {
content: "\f50f"; }
.fa-map:before {
content: "\f279"; }
.fa-map-marked:before {
content: "\f59f"; }
.fa-map-marked-alt:before {
content: "\f5a0"; }
.fa-map-marker:before {
content: "\f041"; }
.fa-map-marker-alt:before {
content: "\f3c5"; }
.fa-map-pin:before {
content: "\f276"; }
.fa-map-signs:before {
content: "\f277"; }
.fa-markdown:before {
content: "\f60f"; }
.fa-marker:before {
content: "\f5a1"; }
.fa-mars:before {
content: "\f222"; }
.fa-mars-double:before {
content: "\f227"; }
.fa-mars-stroke:before {
content: "\f229"; }
.fa-mars-stroke-h:before {
content: "\f22b"; }
.fa-mars-stroke-v:before {
content: "\f22a"; }
.fa-mask:before {
content: "\f6fa"; }
.fa-mastodon:before {
content: "\f4f6"; }
.fa-maxcdn:before {
content: "\f136"; }
.fa-medal:before {
content: "\f5a2"; }
.fa-medapps:before {
content: "\f3c6"; }
.fa-medium:before {
content: "\f23a"; }
.fa-medium-m:before {
content: "\f3c7"; }
.fa-medkit:before {
content: "\f0fa"; }
.fa-medrt:before {
content: "\f3c8"; }
.fa-meetup:before {
content: "\f2e0"; }
.fa-megaport:before {
content: "\f5a3"; }
.fa-meh:before {
content: "\f11a"; }
.fa-meh-blank:before {
content: "\f5a4"; }
.fa-meh-rolling-eyes:before {
content: "\f5a5"; }
.fa-memory:before {
content: "\f538"; }
.fa-mendeley:before {
content: "\f7b3"; }
.fa-menorah:before {
content: "\f676"; }
.fa-mercury:before {
content: "\f223"; }
.fa-meteor:before {
content: "\f753"; }
.fa-microchip:before {
content: "\f2db"; }
.fa-microphone:before {
content: "\f130"; }
.fa-microphone-alt:before {
content: "\f3c9"; }
.fa-microphone-alt-slash:before {
content: "\f539"; }
.fa-microphone-slash:before {
content: "\f131"; }
.fa-microscope:before {
content: "\f610"; }
.fa-microsoft:before {
content: "\f3ca"; }
.fa-minus:before {
content: "\f068"; }
.fa-minus-circle:before {
content: "\f056"; }
.fa-minus-square:before {
content: "\f146"; }
.fa-mitten:before {
content: "\f7b5"; }
.fa-mix:before {
content: "\f3cb"; }
.fa-mixcloud:before {
content: "\f289"; }
.fa-mizuni:before {
content: "\f3cc"; }
.fa-mobile:before {
content: "\f10b"; }
.fa-mobile-alt:before {
content: "\f3cd"; }
.fa-modx:before {
content: "\f285"; }
.fa-monero:before {
content: "\f3d0"; }
.fa-money-bill:before {
content: "\f0d6"; }
.fa-money-bill-alt:before {
content: "\f3d1"; }
.fa-money-bill-wave:before {
content: "\f53a"; }
.fa-money-bill-wave-alt:before {
content: "\f53b"; }
.fa-money-check:before {
content: "\f53c"; }
.fa-money-check-alt:before {
content: "\f53d"; }
.fa-monument:before {
content: "\f5a6"; }
.fa-moon:before {
content: "\f186"; }
.fa-mortar-pestle:before {
content: "\f5a7"; }
.fa-mosque:before {
content: "\f678"; }
.fa-motorcycle:before {
content: "\f21c"; }
.fa-mountain:before {
content: "\f6fc"; }
.fa-mouse-pointer:before {
content: "\f245"; }
.fa-mug-hot:before {
content: "\f7b6"; }
.fa-music:before {
content: "\f001"; }
.fa-napster:before {
content: "\f3d2"; }
.fa-neos:before {
content: "\f612"; }
.fa-network-wired:before {
content: "\f6ff"; }
.fa-neuter:before {
content: "\f22c"; }
.fa-newspaper:before {
content: "\f1ea"; }
.fa-nimblr:before {
content: "\f5a8"; }
.fa-nintendo-switch:before {
content: "\f418"; }
.fa-node:before {
content: "\f419"; }
.fa-node-js:before {
content: "\f3d3"; }
.fa-not-equal:before {
content: "\f53e"; }
.fa-notes-medical:before {
content: "\f481"; }
.fa-npm:before {
content: "\f3d4"; }
.fa-ns8:before {
content: "\f3d5"; }
.fa-nutritionix:before {
content: "\f3d6"; }
.fa-object-group:before {
content: "\f247"; }
.fa-object-ungroup:before {
content: "\f248"; }
.fa-odnoklassniki:before {
content: "\f263"; }
.fa-odnoklassniki-square:before {
content: "\f264"; }
.fa-oil-can:before {
content: "\f613"; }
.fa-old-republic:before {
content: "\f510"; }
.fa-om:before {
content: "\f679"; }
.fa-opencart:before {
content: "\f23d"; }
.fa-openid:before {
content: "\f19b"; }
.fa-opera:before {
content: "\f26a"; }
.fa-optin-monster:before {
content: "\f23c"; }
.fa-osi:before {
content: "\f41a"; }
.fa-otter:before {
content: "\f700"; }
.fa-outdent:before {
content: "\f03b"; }
.fa-page4:before {
content: "\f3d7"; }
.fa-pagelines:before {
content: "\f18c"; }
.fa-pager:before {
content: "\f815"; }
.fa-paint-brush:before {
content: "\f1fc"; }
.fa-paint-roller:before {
content: "\f5aa"; }
.fa-palette:before {
content: "\f53f"; }
.fa-palfed:before {
content: "\f3d8"; }
.fa-pallet:before {
content: "\f482"; }
.fa-paper-plane:before {
content: "\f1d8"; }
.fa-paperclip:before {
content: "\f0c6"; }
.fa-parachute-box:before {
content: "\f4cd"; }
.fa-paragraph:before {
content: "\f1dd"; }
.fa-parking:before {
content: "\f540"; }
.fa-passport:before {
content: "\f5ab"; }
.fa-pastafarianism:before {
content: "\f67b"; }
.fa-paste:before {
content: "\f0ea"; }
.fa-patreon:before {
content: "\f3d9"; }
.fa-pause:before {
content: "\f04c"; }
.fa-pause-circle:before {
content: "\f28b"; }
.fa-paw:before {
content: "\f1b0"; }
.fa-paypal:before {
content: "\f1ed"; }
.fa-peace:before {
content: "\f67c"; }
.fa-pen:before {
content: "\f304"; }
.fa-pen-alt:before {
content: "\f305"; }
.fa-pen-fancy:before {
content: "\f5ac"; }
.fa-pen-nib:before {
content: "\f5ad"; }
.fa-pen-square:before {
content: "\f14b"; }
.fa-pencil-alt:before {
content: "\f303"; }
.fa-pencil-ruler:before {
content: "\f5ae"; }
.fa-penny-arcade:before {
content: "\f704"; }
.fa-people-carry:before {
content: "\f4ce"; }
.fa-pepper-hot:before {
content: "\f816"; }
.fa-percent:before {
content: "\f295"; }
.fa-percentage:before {
content: "\f541"; }
.fa-periscope:before {
content: "\f3da"; }
.fa-person-booth:before {
content: "\f756"; }
.fa-phabricator:before {
content: "\f3db"; }
.fa-phoenix-framework:before {
content: "\f3dc"; }
.fa-phoenix-squadron:before {
content: "\f511"; }
.fa-phone:before {
content: "\f095"; }
.fa-phone-slash:before {
content: "\f3dd"; }
.fa-phone-square:before {
content: "\f098"; }
.fa-phone-volume:before {
content: "\f2a0"; }
.fa-php:before {
content: "\f457"; }
.fa-pied-piper:before {
content: "\f2ae"; }
.fa-pied-piper-alt:before {
content: "\f1a8"; }
.fa-pied-piper-hat:before {
content: "\f4e5"; }
.fa-pied-piper-pp:before {
content: "\f1a7"; }
.fa-piggy-bank:before {
content: "\f4d3"; }
.fa-pills:before {
content: "\f484"; }
.fa-pinterest:before {
content: "\f0d2"; }
.fa-pinterest-p:before {
content: "\f231"; }
.fa-pinterest-square:before {
content: "\f0d3"; }
.fa-pizza-slice:before {
content: "\f818"; }
.fa-place-of-worship:before {
content: "\f67f"; }
.fa-plane:before {
content: "\f072"; }
.fa-plane-arrival:before {
content: "\f5af"; }
.fa-plane-departure:before {
content: "\f5b0"; }
.fa-play:before {
content: "\f04b"; }
.fa-play-circle:before {
content: "\f144"; }
.fa-playstation:before {
content: "\f3df"; }
.fa-plug:before {
content: "\f1e6"; }
.fa-plus:before {
content: "\f067"; }
.fa-plus-circle:before {
content: "\f055"; }
.fa-plus-square:before {
content: "\f0fe"; }
.fa-podcast:before {
content: "\f2ce"; }
.fa-poll:before {
content: "\f681"; }
.fa-poll-h:before {
content: "\f682"; }
.fa-poo:before {
content: "\f2fe"; }
.fa-poo-storm:before {
content: "\f75a"; }
.fa-poop:before {
content: "\f619"; }
.fa-portrait:before {
content: "\f3e0"; }
.fa-pound-sign:before {
content: "\f154"; }
.fa-power-off:before {
content: "\f011"; }
.fa-pray:before {
content: "\f683"; }
.fa-praying-hands:before {
content: "\f684"; }
.fa-prescription:before {
content: "\f5b1"; }
.fa-prescription-bottle:before {
content: "\f485"; }
.fa-prescription-bottle-alt:before {
content: "\f486"; }
.fa-print:before {
content: "\f02f"; }
.fa-procedures:before {
content: "\f487"; }
.fa-product-hunt:before {
content: "\f288"; }
.fa-project-diagram:before {
content: "\f542"; }
.fa-pushed:before {
content: "\f3e1"; }
.fa-puzzle-piece:before {
content: "\f12e"; }
.fa-python:before {
content: "\f3e2"; }
.fa-qq:before {
content: "\f1d6"; }
.fa-qrcode:before {
content: "\f029"; }
.fa-question:before {
content: "\f128"; }
.fa-question-circle:before {
content: "\f059"; }
.fa-quidditch:before {
content: "\f458"; }
.fa-quinscape:before {
content: "\f459"; }
.fa-quora:before {
content: "\f2c4"; }
.fa-quote-left:before {
content: "\f10d"; }
.fa-quote-right:before {
content: "\f10e"; }
.fa-quran:before {
content: "\f687"; }
.fa-r-project:before {
content: "\f4f7"; }
.fa-radiation:before {
content: "\f7b9"; }
.fa-radiation-alt:before {
content: "\f7ba"; }
.fa-rainbow:before {
content: "\f75b"; }
.fa-random:before {
content: "\f074"; }
.fa-raspberry-pi:before {
content: "\f7bb"; }
.fa-ravelry:before {
content: "\f2d9"; }
.fa-react:before {
content: "\f41b"; }
.fa-reacteurope:before {
content: "\f75d"; }
.fa-readme:before {
content: "\f4d5"; }
.fa-rebel:before {
content: "\f1d0"; }
.fa-receipt:before {
content: "\f543"; }
.fa-recycle:before {
content: "\f1b8"; }
.fa-red-river:before {
content: "\f3e3"; }
.fa-reddit:before {
content: "\f1a1"; }
.fa-reddit-alien:before {
content: "\f281"; }
.fa-reddit-square:before {
content: "\f1a2"; }
.fa-redhat:before {
content: "\f7bc"; }
.fa-redo:before {
content: "\f01e"; }
.fa-redo-alt:before {
content: "\f2f9"; }
.fa-registered:before {
content: "\f25d"; }
.fa-renren:before {
content: "\f18b"; }
.fa-reply:before {
content: "\f3e5"; }
.fa-reply-all:before {
content: "\f122"; }
.fa-replyd:before {
content: "\f3e6"; }
.fa-republican:before {
content: "\f75e"; }
.fa-researchgate:before {
content: "\f4f8"; }
.fa-resolving:before {
content: "\f3e7"; }
.fa-restroom:before {
content: "\f7bd"; }
.fa-retweet:before {
content: "\f079"; }
.fa-rev:before {
content: "\f5b2"; }
.fa-ribbon:before {
content: "\f4d6"; }
.fa-ring:before {
content: "\f70b"; }
.fa-road:before {
content: "\f018"; }
.fa-robot:before {
content: "\f544"; }
.fa-rocket:before {
content: "\f135"; }
.fa-rocketchat:before {
content: "\f3e8"; }
.fa-rockrms:before {
content: "\f3e9"; }
.fa-route:before {
content: "\f4d7"; }
.fa-rss:before {
content: "\f09e"; }
.fa-rss-square:before {
content: "\f143"; }
.fa-ruble-sign:before {
content: "\f158"; }
.fa-ruler:before {
content: "\f545"; }
.fa-ruler-combined:before {
content: "\f546"; }
.fa-ruler-horizontal:before {
content: "\f547"; }
.fa-ruler-vertical:before {
content: "\f548"; }
.fa-running:before {
content: "\f70c"; }
.fa-rupee-sign:before {
content: "\f156"; }
.fa-sad-cry:before {
content: "\f5b3"; }
.fa-sad-tear:before {
content: "\f5b4"; }
.fa-safari:before {
content: "\f267"; }
.fa-sass:before {
content: "\f41e"; }
.fa-satellite:before {
content: "\f7bf"; }
.fa-satellite-dish:before {
content: "\f7c0"; }
.fa-save:before {
content: "\f0c7"; }
.fa-schlix:before {
content: "\f3ea"; }
.fa-school:before {
content: "\f549"; }
.fa-screwdriver:before {
content: "\f54a"; }
.fa-scribd:before {
content: "\f28a"; }
.fa-scroll:before {
content: "\f70e"; }
.fa-sd-card:before {
content: "\f7c2"; }
.fa-search:before {
content: "\f002"; }
.fa-search-dollar:before {
content: "\f688"; }
.fa-search-location:before {
content: "\f689"; }
.fa-search-minus:before {
content: "\f010"; }
.fa-search-plus:before {
content: "\f00e"; }
.fa-searchengin:before {
content: "\f3eb"; }
.fa-seedling:before {
content: "\f4d8"; }
.fa-sellcast:before {
content: "\f2da"; }
.fa-sellsy:before {
content: "\f213"; }
.fa-server:before {
content: "\f233"; }
.fa-servicestack:before {
content: "\f3ec"; }
.fa-shapes:before {
content: "\f61f"; }
.fa-share:before {
content: "\f064"; }
.fa-share-alt:before {
content: "\f1e0"; }
.fa-share-alt-square:before {
content: "\f1e1"; }
.fa-share-square:before {
content: "\f14d"; }
.fa-shekel-sign:before {
content: "\f20b"; }
.fa-shield-alt:before {
content: "\f3ed"; }
.fa-ship:before {
content: "\f21a"; }
.fa-shipping-fast:before {
content: "\f48b"; }
.fa-shirtsinbulk:before {
content: "\f214"; }
.fa-shoe-prints:before {
content: "\f54b"; }
.fa-shopping-bag:before {
content: "\f290"; }
.fa-shopping-basket:before {
content: "\f291"; }
.fa-shopping-cart:before {
content: "\f07a"; }
.fa-shopware:before {
content: "\f5b5"; }
.fa-shower:before {
content: "\f2cc"; }
.fa-shuttle-van:before {
content: "\f5b6"; }
.fa-sign:before {
content: "\f4d9"; }
.fa-sign-in-alt:before {
content: "\f2f6"; }
.fa-sign-language:before {
content: "\f2a7"; }
.fa-sign-out-alt:before {
content: "\f2f5"; }
.fa-signal:before {
content: "\f012"; }
.fa-signature:before {
content: "\f5b7"; }
.fa-sim-card:before {
content: "\f7c4"; }
.fa-simplybuilt:before {
content: "\f215"; }
.fa-sistrix:before {
content: "\f3ee"; }
.fa-sitemap:before {
content: "\f0e8"; }
.fa-sith:before {
content: "\f512"; }
.fa-skating:before {
content: "\f7c5"; }
.fa-sketch:before {
content: "\f7c6"; }
.fa-skiing:before {
content: "\f7c9"; }
.fa-skiing-nordic:before {
content: "\f7ca"; }
.fa-skull:before {
content: "\f54c"; }
.fa-skull-crossbones:before {
content: "\f714"; }
.fa-skyatlas:before {
content: "\f216"; }
.fa-skype:before {
content: "\f17e"; }
.fa-slack:before {
content: "\f198"; }
.fa-slack-hash:before {
content: "\f3ef"; }
.fa-slash:before {
content: "\f715"; }
.fa-sleigh:before {
content: "\f7cc"; }
.fa-sliders-h:before {
content: "\f1de"; }
.fa-slideshare:before {
content: "\f1e7"; }
.fa-smile:before {
content: "\f118"; }
.fa-smile-beam:before {
content: "\f5b8"; }
.fa-smile-wink:before {
content: "\f4da"; }
.fa-smog:before {
content: "\f75f"; }
.fa-smoking:before {
content: "\f48d"; }
.fa-smoking-ban:before {
content: "\f54d"; }
.fa-sms:before {
content: "\f7cd"; }
.fa-snapchat:before {
content: "\f2ab"; }
.fa-snapchat-ghost:before {
content: "\f2ac"; }
.fa-snapchat-square:before {
content: "\f2ad"; }
.fa-snowboarding:before {
content: "\f7ce"; }
.fa-snowflake:before {
content: "\f2dc"; }
.fa-snowman:before {
content: "\f7d0"; }
.fa-snowplow:before {
content: "\f7d2"; }
.fa-socks:before {
content: "\f696"; }
.fa-solar-panel:before {
content: "\f5ba"; }
.fa-sort:before {
content: "\f0dc"; }
.fa-sort-alpha-down:before {
content: "\f15d"; }
.fa-sort-alpha-up:before {
content: "\f15e"; }
.fa-sort-amount-down:before {
content: "\f160"; }
.fa-sort-amount-up:before {
content: "\f161"; }
.fa-sort-down:before {
content: "\f0dd"; }
.fa-sort-numeric-down:before {
content: "\f162"; }
.fa-sort-numeric-up:before {
content: "\f163"; }
.fa-sort-up:before {
content: "\f0de"; }
.fa-soundcloud:before {
content: "\f1be"; }
.fa-sourcetree:before {
content: "\f7d3"; }
.fa-spa:before {
content: "\f5bb"; }
.fa-space-shuttle:before {
content: "\f197"; }
.fa-speakap:before {
content: "\f3f3"; }
.fa-spider:before {
content: "\f717"; }
.fa-spinner:before {
content: "\f110"; }
.fa-splotch:before {
content: "\f5bc"; }
.fa-spotify:before {
content: "\f1bc"; }
.fa-spray-can:before {
content: "\f5bd"; }
.fa-square:before {
content: "\f0c8"; }
.fa-square-full:before {
content: "\f45c"; }
.fa-square-root-alt:before {
content: "\f698"; }
.fa-squarespace:before {
content: "\f5be"; }
.fa-stack-exchange:before {
content: "\f18d"; }
.fa-stack-overflow:before {
content: "\f16c"; }
.fa-stamp:before {
content: "\f5bf"; }
.fa-star:before {
content: "\f005"; }
.fa-star-and-crescent:before {
content: "\f699"; }
.fa-star-half:before {
content: "\f089"; }
.fa-star-half-alt:before {
content: "\f5c0"; }
.fa-star-of-david:before {
content: "\f69a"; }
.fa-star-of-life:before {
content: "\f621"; }
.fa-staylinked:before {
content: "\f3f5"; }
.fa-steam:before {
content: "\f1b6"; }
.fa-steam-square:before {
content: "\f1b7"; }
.fa-steam-symbol:before {
content: "\f3f6"; }
.fa-step-backward:before {
content: "\f048"; }
.fa-step-forward:before {
content: "\f051"; }
.fa-stethoscope:before {
content: "\f0f1"; }
.fa-sticker-mule:before {
content: "\f3f7"; }
.fa-sticky-note:before {
content: "\f249"; }
.fa-stop:before {
content: "\f04d"; }
.fa-stop-circle:before {
content: "\f28d"; }
.fa-stopwatch:before {
content: "\f2f2"; }
.fa-store:before {
content: "\f54e"; }
.fa-store-alt:before {
content: "\f54f"; }
.fa-strava:before {
content: "\f428"; }
.fa-stream:before {
content: "\f550"; }
.fa-street-view:before {
content: "\f21d"; }
.fa-strikethrough:before {
content: "\f0cc"; }
.fa-stripe:before {
content: "\f429"; }
.fa-stripe-s:before {
content: "\f42a"; }
.fa-stroopwafel:before {
content: "\f551"; }
.fa-studiovinari:before {
content: "\f3f8"; }
.fa-stumbleupon:before {
content: "\f1a4"; }
.fa-stumbleupon-circle:before {
content: "\f1a3"; }
.fa-subscript:before {
content: "\f12c"; }
.fa-subway:before {
content: "\f239"; }
.fa-suitcase:before {
content: "\f0f2"; }
.fa-suitcase-rolling:before {
content: "\f5c1"; }
.fa-sun:before {
content: "\f185"; }
.fa-superpowers:before {
content: "\f2dd"; }
.fa-superscript:before {
content: "\f12b"; }
.fa-supple:before {
content: "\f3f9"; }
.fa-surprise:before {
content: "\f5c2"; }
.fa-suse:before {
content: "\f7d6"; }
.fa-swatchbook:before {
content: "\f5c3"; }
.fa-swimmer:before {
content: "\f5c4"; }
.fa-swimming-pool:before {
content: "\f5c5"; }
.fa-synagogue:before {
content: "\f69b"; }
.fa-sync:before {
content: "\f021"; }
.fa-sync-alt:before {
content: "\f2f1"; }
.fa-syringe:before {
content: "\f48e"; }
.fa-table:before {
content: "\f0ce"; }
.fa-table-tennis:before {
content: "\f45d"; }
.fa-tablet:before {
content: "\f10a"; }
.fa-tablet-alt:before {
content: "\f3fa"; }
.fa-tablets:before {
content: "\f490"; }
.fa-tachometer-alt:before {
content: "\f3fd"; }
.fa-tag:before {
content: "\f02b"; }
.fa-tags:before {
content: "\f02c"; }
.fa-tape:before {
content: "\f4db"; }
.fa-tasks:before {
content: "\f0ae"; }
.fa-taxi:before {
content: "\f1ba"; }
.fa-teamspeak:before {
content: "\f4f9"; }
.fa-teeth:before {
content: "\f62e"; }
.fa-teeth-open:before {
content: "\f62f"; }
.fa-telegram:before {
content: "\f2c6"; }
.fa-telegram-plane:before {
content: "\f3fe"; }
.fa-temperature-high:before {
content: "\f769"; }
.fa-temperature-low:before {
content: "\f76b"; }
.fa-tencent-weibo:before {
content: "\f1d5"; }
.fa-tenge:before {
content: "\f7d7"; }
.fa-terminal:before {
content: "\f120"; }
.fa-text-height:before {
content: "\f034"; }
.fa-text-width:before {
content: "\f035"; }
.fa-th:before {
content: "\f00a"; }
.fa-th-large:before {
content: "\f009"; }
.fa-th-list:before {
content: "\f00b"; }
.fa-the-red-yeti:before {
content: "\f69d"; }
.fa-theater-masks:before {
content: "\f630"; }
.fa-themeco:before {
content: "\f5c6"; }
.fa-themeisle:before {
content: "\f2b2"; }
.fa-thermometer:before {
content: "\f491"; }
.fa-thermometer-empty:before {
content: "\f2cb"; }
.fa-thermometer-full:before {
content: "\f2c7"; }
.fa-thermometer-half:before {
content: "\f2c9"; }
.fa-thermometer-quarter:before {
content: "\f2ca"; }
.fa-thermometer-three-quarters:before {
content: "\f2c8"; }
.fa-think-peaks:before {
content: "\f731"; }
.fa-thumbs-down:before {
content: "\f165"; }
.fa-thumbs-up:before {
content: "\f164"; }
.fa-thumbtack:before {
content: "\f08d"; }
.fa-ticket-alt:before {
content: "\f3ff"; }
.fa-times:before {
content: "\f00d"; }
.fa-times-circle:before {
content: "\f057"; }
.fa-tint:before {
content: "\f043"; }
.fa-tint-slash:before {
content: "\f5c7"; }
.fa-tired:before {
content: "\f5c8"; }
.fa-toggle-off:before {
content: "\f204"; }
.fa-toggle-on:before {
content: "\f205"; }
.fa-toilet:before {
content: "\f7d8"; }
.fa-toilet-paper:before {
content: "\f71e"; }
.fa-toolbox:before {
content: "\f552"; }
.fa-tools:before {
content: "\f7d9"; }
.fa-tooth:before {
content: "\f5c9"; }
.fa-torah:before {
content: "\f6a0"; }
.fa-torii-gate:before {
content: "\f6a1"; }
.fa-tractor:before {
content: "\f722"; }
.fa-trade-federation:before {
content: "\f513"; }
.fa-trademark:before {
content: "\f25c"; }
.fa-traffic-light:before {
content: "\f637"; }
.fa-train:before {
content: "\f238"; }
.fa-tram:before {
content: "\f7da"; }
.fa-transgender:before {
content: "\f224"; }
.fa-transgender-alt:before {
content: "\f225"; }
.fa-trash:before {
content: "\f1f8"; }
.fa-trash-alt:before {
content: "\f2ed"; }
.fa-trash-restore:before {
content: "\f829"; }
.fa-trash-restore-alt:before {
content: "\f82a"; }
.fa-tree:before {
content: "\f1bb"; }
.fa-trello:before {
content: "\f181"; }
.fa-tripadvisor:before {
content: "\f262"; }
.fa-trophy:before {
content: "\f091"; }
.fa-truck:before {
content: "\f0d1"; }
.fa-truck-loading:before {
content: "\f4de"; }
.fa-truck-monster:before {
content: "\f63b"; }
.fa-truck-moving:before {
content: "\f4df"; }
.fa-truck-pickup:before {
content: "\f63c"; }
.fa-tshirt:before {
content: "\f553"; }
.fa-tty:before {
content: "\f1e4"; }
.fa-tumblr:before {
content: "\f173"; }
.fa-tumblr-square:before {
content: "\f174"; }
.fa-tv:before {
content: "\f26c"; }
.fa-twitch:before {
content: "\f1e8"; }
.fa-twitter:before {
content: "\f099"; }
.fa-twitter-square:before {
content: "\f081"; }
.fa-typo3:before {
content: "\f42b"; }
.fa-uber:before {
content: "\f402"; }
.fa-ubuntu:before {
content: "\f7df"; }
.fa-uikit:before {
content: "\f403"; }
.fa-umbrella:before {
content: "\f0e9"; }
.fa-umbrella-beach:before {
content: "\f5ca"; }
.fa-underline:before {
content: "\f0cd"; }
.fa-undo:before {
content: "\f0e2"; }
.fa-undo-alt:before {
content: "\f2ea"; }
.fa-uniregistry:before {
content: "\f404"; }
.fa-universal-access:before {
content: "\f29a"; }
.fa-university:before {
content: "\f19c"; }
.fa-unlink:before {
content: "\f127"; }
.fa-unlock:before {
content: "\f09c"; }
.fa-unlock-alt:before {
content: "\f13e"; }
.fa-untappd:before {
content: "\f405"; }
.fa-upload:before {
content: "\f093"; }
.fa-ups:before {
content: "\f7e0"; }
.fa-usb:before {
content: "\f287"; }
.fa-user:before {
content: "\f007"; }
.fa-user-alt:before {
content: "\f406"; }
.fa-user-alt-slash:before {
content: "\f4fa"; }
.fa-user-astronaut:before {
content: "\f4fb"; }
.fa-user-check:before {
content: "\f4fc"; }
.fa-user-circle:before {
content: "\f2bd"; }
.fa-user-clock:before {
content: "\f4fd"; }
.fa-user-cog:before {
content: "\f4fe"; }
.fa-user-edit:before {
content: "\f4ff"; }
.fa-user-friends:before {
content: "\f500"; }
.fa-user-graduate:before {
content: "\f501"; }
.fa-user-injured:before {
content: "\f728"; }
.fa-user-lock:before {
content: "\f502"; }
.fa-user-md:before {
content: "\f0f0"; }
.fa-user-minus:before {
content: "\f503"; }
.fa-user-ninja:before {
content: "\f504"; }
.fa-user-nurse:before {
content: "\f82f"; }
.fa-user-plus:before {
content: "\f234"; }
.fa-user-secret:before {
content: "\f21b"; }
.fa-user-shield:before {
content: "\f505"; }
.fa-user-slash:before {
content: "\f506"; }
.fa-user-tag:before {
content: "\f507"; }
.fa-user-tie:before {
content: "\f508"; }
.fa-user-times:before {
content: "\f235"; }
.fa-users:before {
content: "\f0c0"; }
.fa-users-cog:before {
content: "\f509"; }
.fa-usps:before {
content: "\f7e1"; }
.fa-ussunnah:before {
content: "\f407"; }
.fa-utensil-spoon:before {
content: "\f2e5"; }
.fa-utensils:before {
content: "\f2e7"; }
.fa-vaadin:before {
content: "\f408"; }
.fa-vector-square:before {
content: "\f5cb"; }
.fa-venus:before {
content: "\f221"; }
.fa-venus-double:before {
content: "\f226"; }
.fa-venus-mars:before {
content: "\f228"; }
.fa-viacoin:before {
content: "\f237"; }
.fa-viadeo:before {
content: "\f2a9"; }
.fa-viadeo-square:before {
content: "\f2aa"; }
.fa-vial:before {
content: "\f492"; }
.fa-vials:before {
content: "\f493"; }
.fa-viber:before {
content: "\f409"; }
.fa-video:before {
content: "\f03d"; }
.fa-video-slash:before {
content: "\f4e2"; }
.fa-vihara:before {
content: "\f6a7"; }
.fa-vimeo:before {
content: "\f40a"; }
.fa-vimeo-square:before {
content: "\f194"; }
.fa-vimeo-v:before {
content: "\f27d"; }
.fa-vine:before {
content: "\f1ca"; }
.fa-vk:before {
content: "\f189"; }
.fa-vnv:before {
content: "\f40b"; }
.fa-volleyball-ball:before {
content: "\f45f"; }
.fa-volume-down:before {
content: "\f027"; }
.fa-volume-mute:before {
content: "\f6a9"; }
.fa-volume-off:before {
content: "\f026"; }
.fa-volume-up:before {
content: "\f028"; }
.fa-vote-yea:before {
content: "\f772"; }
.fa-vr-cardboard:before {
content: "\f729"; }
.fa-vuejs:before {
content: "\f41f"; }
.fa-walking:before {
content: "\f554"; }
.fa-wallet:before {
content: "\f555"; }
.fa-warehouse:before {
content: "\f494"; }
.fa-water:before {
content: "\f773"; }
.fa-weebly:before {
content: "\f5cc"; }
.fa-weibo:before {
content: "\f18a"; }
.fa-weight:before {
content: "\f496"; }
.fa-weight-hanging:before {
content: "\f5cd"; }
.fa-weixin:before {
content: "\f1d7"; }
.fa-whatsapp:before {
content: "\f232"; }
.fa-whatsapp-square:before {
content: "\f40c"; }
.fa-wheelchair:before {
content: "\f193"; }
.fa-whmcs:before {
content: "\f40d"; }
.fa-wifi:before {
content: "\f1eb"; }
.fa-wikipedia-w:before {
content: "\f266"; }
.fa-wind:before {
content: "\f72e"; }
.fa-window-close:before {
content: "\f410"; }
.fa-window-maximize:before {
content: "\f2d0"; }
.fa-window-minimize:before {
content: "\f2d1"; }
.fa-window-restore:before {
content: "\f2d2"; }
.fa-windows:before {
content: "\f17a"; }
.fa-wine-bottle:before {
content: "\f72f"; }
.fa-wine-glass:before {
content: "\f4e3"; }
.fa-wine-glass-alt:before {
content: "\f5ce"; }
.fa-wix:before {
content: "\f5cf"; }
.fa-wizards-of-the-coast:before {
content: "\f730"; }
.fa-wolf-pack-battalion:before {
content: "\f514"; }
.fa-won-sign:before {
content: "\f159"; }
.fa-wordpress:before {
content: "\f19a"; }
.fa-wordpress-simple:before {
content: "\f411"; }
.fa-wpbeginner:before {
content: "\f297"; }
.fa-wpexplorer:before {
content: "\f2de"; }
.fa-wpforms:before {
content: "\f298"; }
.fa-wpressr:before {
content: "\f3e4"; }
.fa-wrench:before {
content: "\f0ad"; }
.fa-x-ray:before {
content: "\f497"; }
.fa-xbox:before {
content: "\f412"; }
.fa-xing:before {
content: "\f168"; }
.fa-xing-square:before {
content: "\f169"; }
.fa-y-combinator:before {
content: "\f23b"; }
.fa-yahoo:before {
content: "\f19e"; }
.fa-yandex:before {
content: "\f413"; }
.fa-yandex-international:before {
content: "\f414"; }
.fa-yarn:before {
content: "\f7e3"; }
.fa-yelp:before {
content: "\f1e9"; }
.fa-yen-sign:before {
content: "\f157"; }
.fa-yin-yang:before {
content: "\f6ad"; }
.fa-yoast:before {
content: "\f2b1"; }
.fa-youtube:before {
content: "\f167"; }
.fa-youtube-square:before {
content: "\f431"; }
.fa-zhihu:before {
content: "\f63f"; }
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-brands-400.eot);
src: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-brands-400.woff) format("woff"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-brands-400.ttf) format("truetype"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg"); }
.fab {
font-family: 'Font Awesome 5 Brands'; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-regular-400.eot);
src: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-regular-400.woff) format("woff"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-regular-400.ttf) format("truetype"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg"); }
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: auto;
src: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-solid-900.eot);
src: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-solid-900.woff) format("woff"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-solid-900.ttf) format("truetype"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg"); }
.fa,
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900; }
@font-face {
font-family: 'Font Awesome 5 Solid';
font-style: normal;
font-weight: 900;
src: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-solid-900.eot);
src: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-solid-900.woff) format("woff"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-solid-900.ttf) format("truetype"), url(//mon-pilates.bzh/wp-content/themes/yogic-pro/fontsawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg"); }.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility:visible !important;
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}.hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .hvr-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
} @-webkit-keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.hvr-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
-webkit-animation-name: hvr-pulse;
animation-name: hvr-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.hvr-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
-webkit-animation-name: hvr-pulse-grow;
animation-name: hvr-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.hvr-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
-webkit-animation-name: hvr-pulse-shrink;
animation-name: hvr-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.hvr-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
-webkit-animation-name: hvr-push;
animation-name: hvr-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
.hvr-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
-webkit-animation-name: hvr-pop;
animation-name: hvr-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .hvr-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .hvr-bounce-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .hvr-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
} .hvr-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
-webkit-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
} .hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
} .hvr-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
-webkit-transform: translateY(8px);
transform: translateY(8px);
} @-webkit-keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.hvr-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
.hvr-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
-webkit-animation-name: hvr-hang-sink, hvr-hang;
animation-name: hvr-hang-sink, hvr-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .hvr-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
} .hvr-skew-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
} .hvr-skew-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
-webkit-transform: skew(10deg);
transform: skew(10deg);
} @-webkit-keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.hvr-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
-webkit-animation-name: hvr-wobble-vertical;
animation-name: hvr-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.hvr-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.hvr-wobble-to-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
-webkit-animation-name: hvr-wobble-to-bottom-right;
animation-name: hvr-wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.hvr-wobble-to-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
-webkit-animation-name: hvr-wobble-to-top-right;
animation-name: hvr-wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
-webkit-animation-name: hvr-wobble-top;
animation-name: hvr-wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
-webkit-animation-name: hvr-wobble-bottom;
animation-name: hvr-wobble-bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
-webkit-animation-name: hvr-wobble-skew;
animation-name: hvr-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.hvr-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
-webkit-animation-name: hvr-buzz;
animation-name: hvr-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.hvr-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .hvr-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
-webkit-transform: translateX(8px);
transform: translateX(8px);
} .hvr-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}  .hvr-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
background-color: #2098D1;
color: white;
} @-webkit-keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
@keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
.hvr-back-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
-webkit-animation-name: hvr-back-pulse;
animation-name: hvr-back-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-color: #2098D1;
background-color: #2098d1;
color: white;
} .hvr-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .hvr-sweep-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .hvr-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .hvr-sweep-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .hvr-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-bounce-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-bounce-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-radial-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-radial-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
-webkit-transform: scale(2);
transform: scale(2);
} .hvr-radial-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-radial-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
border-radius: 100%;
-webkit-transform: scale(2);
transform: scale(2);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
} .hvr-rectangle-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
} .hvr-rectangle-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative; 
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
-webkit-transform: scale(1);
transform: scale(1);
} .hvr-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
} .hvr-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .hvr-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
-webkit-transform: scaleY(0);
transform: scaleY(0);
} .hvr-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}  .hvr-border-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; }
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent; } .hvr-hollow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background;
transition-property: background;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; }
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
background: none;
} .hvr-trim {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-trim:before {
content: '';
position: absolute;
border: white solid 4px;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
opacity: 1;
} @-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: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-ripple-out:before {
content: '';
position: absolute;
border: #e1e1e1 solid 6px;
top: 0;
right: 0;
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;
} @-webkit-keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
@keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
.hvr-ripple-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-ripple-in:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
-webkit-animation-name: hvr-ripple-in;
animation-name: hvr-ripple-in;
} .hvr-outline-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-outline-out:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
} .hvr-outline-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-outline-in:before {
pointer-events: none;
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
} .hvr-round-corners {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
border-radius: 1em;
} .hvr-underline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
right: 0;
} .hvr-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
left: 0;
right: 0;
} .hvr-underline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
left: 0;
} .hvr-overline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
right: 0;
} .hvr-overline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
left: 0;
right: 0;
} .hvr-overline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
left: 0;
} .hvr-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-color: #2098D1;
border-style: solid;
border-width: 0;
-webkit-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-width: 4px;
} .hvr-underline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
} .hvr-overline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}  .hvr-glow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
} .hvr-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
} .hvr-grow-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .hvr-box-shadow-outset {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
} .hvr-box-shadow-inset {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent; }
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent; } .hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); -webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-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); } .hvr-shadow-radial {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
pointer-events: none;
position: absolute;
content: '';
left: 0;
width: 100%;
box-sizing: border-box;
background-repeat: no-repeat;
height: 5px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.hvr-shadow-radial:before {
bottom: 100%;
background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:after {
top: 100%;
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
opacity: 1;
}  .hvr-bubble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-top:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
top: 0;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} .hvr-bubble-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-right:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
right: 0;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
} .hvr-bubble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-bottom:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
bottom: 0;
border-width: 10px 10px 0 10px;
border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
} .hvr-bubble-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
left: 0;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
} .hvr-bubble-float-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-top:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
top: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e1e1e1 transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} .hvr-bubble-float-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-right:before {
position: absolute;
z-index: -1;
top: calc(50% - 10px);
right: 0;
content: '';
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
} .hvr-bubble-float-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-bottom:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
bottom: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #e1e1e1 transparent transparent transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
} .hvr-bubble-float-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-left:before {
position: absolute;
z-index: -1;
content: '';
top: calc(50% - 10px);
left: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}  .hvr-icon-back {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-left: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.hvr-icon-back:before {
content: "\f137";
position: absolute;
left: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
} .hvr-icon-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
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.1s;
transition-duration: 0.1s;
-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(4px);
transform: translateX(4px);
} @-webkit-keyframes hvr-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
} .hvr-icon-down {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-down:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
-webkit-animation-name: hvr-icon-down;
animation-name: hvr-icon-down;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes hvr-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
} .hvr-icon-up {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-up:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
-webkit-animation-name: hvr-icon-up;
animation-name: hvr-icon-up;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .hvr-icon-spin {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-spin:before {
content: "\f021";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
} @-webkit-keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
@keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
} .hvr-icon-drop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-drop:before {
content: "\f041";
position: absolute;
right: 1em;
opacity: 1;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-animation-name: hvr-icon-drop;
animation-name: hvr-icon-drop;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-icon-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-fade:before {
content: "\f00c";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color;
transition-property: color;
}
.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
color: #0F9E5E;
} @-webkit-keyframes hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
@keyframes hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
} .hvr-icon-float-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-float-away:before, .hvr-icon-float-away:after {
content: "\f055";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
}
.hvr-icon-float-away:after {
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
-webkit-animation-name: hvr-icon-float-away;
animation-name: hvr-icon-float-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
@keyframes hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
} .hvr-icon-sink-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
content: "\f056";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-sink-away:after {
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
-webkit-animation-name: hvr-icon-sink-away;
animation-name: hvr-icon-sink-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .hvr-icon-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-grow:before {
content: "\f118";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0);
} .hvr-icon-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-shrink:before {
content: "\f119";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
-webkit-transform: scale(0.8);
transform: scale(0.8);
} @-webkit-keyframes hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.hvr-icon-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-pulse:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
-webkit-animation-name: hvr-icon-pulse;
animation-name: hvr-icon-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@keyframes hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
.hvr-icon-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
-webkit-animation-name: hvr-icon-pulse-grow;
animation-name: hvr-icon-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.hvr-icon-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-pulse-shrink:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
-webkit-animation-name: hvr-icon-pulse-shrink;
animation-name: hvr-icon-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
.hvr-icon-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-push:before {
content: "\f006";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
-webkit-animation-name: hvr-icon-push;
animation-name: hvr-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
.hvr-icon-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-pop:before {
content: "\f005";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
-webkit-animation-name: hvr-icon-pop;
animation-name: hvr-icon-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .hvr-icon-bounce {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
content: "\f087";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .hvr-icon-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-rotate:before {
content: "\f0c6";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
} .hvr-icon-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-grow-rotate:before {
content: "\f095";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
-webkit-transform: scale(1.5) rotate(12deg);
transform: scale(1.5) rotate(12deg);
} .hvr-icon-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-float:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
} .hvr-icon-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-sink:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
-webkit-transform: translateY(4px);
transform: translateY(4px);
} @-webkit-keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
.hvr-icon-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-bob:before {
content: "\f077";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
animation-name: hvr-icon-bob-float, hvr-icon-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.hvr-icon-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-hang:before {
content: "\f078";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
animation-name: hvr-icon-hang-sink, hvr-icon-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.hvr-icon-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
content: "\f061";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
-webkit-animation-name: hvr-icon-wobble-horizontal;
animation-name: hvr-icon-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.hvr-icon-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical:before {
content: "\f062";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
-webkit-animation-name: hvr-icon-wobble-vertical;
animation-name: hvr-icon-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.hvr-icon-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-buzz:before {
content: "\f017";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
-webkit-animation-name: hvr-icon-buzz;
animation-name: hvr-icon-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.hvr-icon-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-buzz-out:before {
content: "\f023";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
-webkit-animation-name: hvr-icon-buzz-out;
animation-name: hvr-icon-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}  .hvr-curl-top-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-curl-top-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
left: 0;
background: white; background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); z-index: 1000;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
width: 25px;
height: 25px;
} .hvr-curl-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-curl-top-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
right: 0;
background: white; background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
width: 25px;
height: 25px;
} .hvr-curl-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-curl-bottom-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
right: 0;
background: white; background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
width: 25px;
height: 25px;
} .hvr-curl-bottom-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-curl-bottom-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
left: 0;
background: white; background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
width: 25px;
height: 25px;
}.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{-webkit-animation-name:hvr-hang-sink,hvr-hang;animation-name:hvr-hang-sink,hvr-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:active,.hvr-forward:focus,.hvr-forward:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}.hvr-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-backward:active,.hvr-backward:focus,.hvr-backward:hover{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{background-color:#2098D1;color:#fff}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;overflow:hidden;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098D1;background-color:#2098d1;color:#fff}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{color:#fff}.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{color:#fff}.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover{color:#fff}.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover{color:#fff}.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover{color:#fff}.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover{color:#fff}.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover{color:#fff}.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover{color:#fff}.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover{color:#fff}.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover{color:#fff}.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #2098D1,0 0 1px transparent}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px transparent}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}@-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:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;top:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098D1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098D1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px transparent}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px transparent}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,transparent 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,transparent 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,transparent 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,transparent 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,transparent 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,transparent 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-left:2.2em;-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-back:before{content:"\f137";position:absolute;left:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:active:before,.hvr-icon-back:focus:before,.hvr-icon-back:hover:before{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.1s;transition-duration:.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:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:active:before,.hvr-icon-forward:focus:before,.hvr-icon-forward:hover:before{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-down:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:active:before,.hvr-icon-down:focus:before,.hvr-icon-down:hover:before{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-up:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:active:before,.hvr-icon-up:focus:before,.hvr-icon-up:hover:before{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-spin:before{content:"\f021";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:active:before,.hvr-icon-spin:focus:before,.hvr-icon-spin:hover:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-drop:before{content:"\f041";position:absolute;right:1em;opacity:1;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:active:before,.hvr-icon-drop:focus:before,.hvr-icon-drop:hover:before{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.52,1.64,.37,.66);animation-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-fade:before{content:"\f00c";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:active:before,.hvr-icon-fade:focus:before,.hvr-icon-fade:hover:before{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-float-away:after,.hvr-icon-float-away:before{content:"\f055";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome}.hvr-icon-float-away:after{opacity:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:active:after,.hvr-icon-float-away:focus:after,.hvr-icon-float-away:hover:after{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-sink-away:after,.hvr-icon-sink-away:before{content:"\f056";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-sink-away:after{opacity:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:active:after,.hvr-icon-sink-away:focus:after,.hvr-icon-sink-away:hover:after{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow:before{content:"\f118";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:active:before,.hvr-icon-grow:focus:before,.hvr-icon-grow:hover:before{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-shrink:before{content:"\f119";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:active:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:hover:before{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-pulse:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:active:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:hover:before{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-pulse-grow:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:active:before,.hvr-icon-pulse-grow:focus:before,.hvr-icon-pulse-grow:hover:before{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em}.hvr-icon-pulse-shrink:before{content:"\f015";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:active:before,.hvr-icon-pulse-shrink:focus:before,.hvr-icon-pulse-shrink:hover:before{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-push:before{content:"\f006";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:active:before,.hvr-icon-push:focus:before,.hvr-icon-push:hover:before{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-pop:before{content:"\f005";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:active:before,.hvr-icon-pop:focus:before,.hvr-icon-pop:hover:before{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bounce:before{content:"\f087";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:active:before,.hvr-icon-bounce:focus:before,.hvr-icon-bounce:hover:before{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-rotate:before{content:"\f0c6";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:active:before,.hvr-icon-rotate:focus:before,.hvr-icon-rotate:hover:before{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow-rotate:before{content:"\f095";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:active:before,.hvr-icon-grow-rotate:focus:before,.hvr-icon-grow-rotate:hover:before{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-float:before{content:"\f01b";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:active:before,.hvr-icon-float:focus:before,.hvr-icon-float:hover:before{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-sink:before{content:"\f01a";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:active:before,.hvr-icon-sink:focus:before,.hvr-icon-sink:hover:before{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bob:before{content:"\f077";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:active:before,.hvr-icon-bob:focus:before,.hvr-icon-bob:hover:before{-webkit-animation-name:hvr-icon-bob-float,hvr-icon-bob;animation-name:hvr-icon-bob-float,hvr-icon-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-hang:before{content:"\f078";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:active:before,.hvr-icon-hang:focus:before,.hvr-icon-hang:hover:before{-webkit-animation-name:hvr-icon-hang-sink,hvr-icon-hang;animation-name:hvr-icon-hang-sink,hvr-icon-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-horizontal:before{content:"\f061";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:active:before,.hvr-icon-wobble-horizontal:focus:before,.hvr-icon-wobble-horizontal:hover:before{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-vertical:before{content:"\f062";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:active:before,.hvr-icon-wobble-vertical:focus:before,.hvr-icon-wobble-vertical:hover:before{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz:before{content:"\f017";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:active:before,.hvr-icon-buzz:focus:before,.hvr-icon-buzz:hover:before{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz-out:before{content:"\f023";position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:active:before,.hvr-icon-buzz-out:focus:before,.hvr-icon-buzz-out:hover:before{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px}#testimonials ul{ margin:0; padding:0; }
#testimonials ul li, #testimonials ul li a{ list-style:none; background:transparent; border:none !important}
.tm_thumb{ width:10%; float:left;}
#testimonials ul li img{}
#testimonials ul li .tm_description{ width:87%; float:right;    padding:0px;}
#testimonials ul li .tm_description p{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/testimonialsrotator/images/quote.png) no-repeat left 5px; font-size:14px; line-height:24px; margin-bottom:0; padding-left:45px; }
#testimonials ul li h6{ font-size:13px; font-weight:600; margin:20px 0 0 45px; color:#E19105; }
#testimonials ul li span a{ color:#3c3b3b;}
#testimonials ul li span a:hover{opacity:0.6;}
#testimonials ul li span cite{ text-transform:uppercase;}
.quotes{ width:100%; margin: 0 auto;}
.quovolve-box{ position:relative; min-height:140px;}
.quovolve-nav span a{ width:30px; height:61px; display:inline-block; text-indent:-9999px; position:absolute; top:2%;}
.quovolve-nav span.nav-prev{ background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/images/arrow_prev.png) no-repeat left top; position:absolute; width:16px; height:16px; bottom:0; right:20px; }
.quovolve-nav span.nav-next{ background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/images/arrow_next.png) no-repeat right top; position:absolute; width:16px; height:16px; bottom:0; right:0; float:none; margin:0;}
ol.nav-numbers{ text-align:center; position:absolute; bottom:0%; left:50%; display:none;}
ol.nav-numbers li{ list-style:none; display:inline-block; margin-right:5px;}
ol.nav-numbers li a{ background-color:#464d51; border:2px solid #464d51;  width:8px; height:8px; border-radius:50%; display:inline-block; font-size:0px;}
ol.nav-numbers li.active a{ background-color:#fff; border:2px solid #333; }@media screen and (max-width:767px) {
.left, .right{ float:none;}
.pp_topstrip{ text-align:center;}
.infobox{ margin:0;}
.pp_topstrip .left{ width:100%;}
.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
.container, #section1 .container{ width:320px; padding:0 20px;}
.boxlayout .container, .boxlayout #section1 .container{ width:auto; padding:0 20px;}
.header{ padding:10px 0; position:relative; background-color:#ffffff;}
.headerinfo{ padding:10px 0;}
.logo{ width:auto !important; float:none; text-align:center; padding:10px 0 5px; position:relative; top:auto;}
.infobox{ float:none; margin-bottom:0;}
.mission_desc{ position:relative; top:auto;}
.msndesc{ width:100%;}
.mission_box{ padding:10px 10px 15px;}
.boxlayout .vid_galle_left .videobox, .vid_galle_left .videobox{ width:100%; height:auto;}
.welcome_thumb{ float:none; height:auto; margin:0 auto;}
.welcome_thumb img{ min-height: inherit; width:auto;} .nivo-controlNav{ display:none !important;}
.nivo-caption{ width:80%; }
.nivo-caption h1{ font-size:20px !important; line-height:24px !important;}
.nivo-caption h2{ font-size:20px !important; line-height:24px !important;}
.welcomebx{ width:100%;}
.news-box{ width:auto; float:none; margin:0 0 25px; height:auto;}
.news-box .news-thumb{ width:auto; float:none; height:160px;}
.news-box .news-thumb a{ display:block;}
.news-box .news-thumb img{ min-height:160px;}
.news{width:auto; float:none; padding:0;}
#pagearea{ margin-top:0;}
.services_3box{ width:auto; float:none; margin:0 0 20px;}
.counterlist{ float:none; margin:0 auto 25px auto;}
.services_3box .thumbbx{ height:200px;}
.services_3box .thumbbx img{ min-height:200px;} .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .features_servicesbx, .four_fifth, .welcome_leftbox, .welcome_righbox, .wel3box_services, .donation_left, .donation_right, .vid_galle_left, .vid_galle_right, .features_infobox, .features_videobox, .classes_column, .teammember-list, .blog-post-repeat .post-thumb, .bloggridlayout .blog-post-repeat, .faq_left, .faq_right, .partner_left, .partner_right{float:none !important; width:100% !important; margin:0 0 30px !important;}
.videobox{ width:100%; height:200px;}
.faq_left, .faq_right{ padding:30px 20px;}
.faq_left::after{ position:relative; left:auto;}
.practice_theory{ width:100%;}
.videobox .playbtn{ top:30%;}
.aboutyoga_box{ padding:0;}
.innerbanner{ height:auto;}
#clientlogo li{ width:auto;}
#clientlogo li:hover::after{ display:none;}
#pagearea{ height:auto; padding:30px 0 20px;}
#pagearea .container{ margin-top:0;}
iframe{ width:100%; height:auto;}
h2.section_title, .sec_content_main_title{ font-size:30px !important; margin-bottom:20px; line-height:32px;}
.welcome_righbox br{ display:none;}
.pricing_table.pcol3 .price_col{width:100%; float:none; margin-bottom:50px;}
#section7{ padding-top:50px;}
.donation_left{ padding-top:0;}
.funding-col{ padding:25px;}
.funding-col h3 span{ display:block; padding:10px 0 0 0;}
.footer .social-icons a{ width:auto; padding:0 13px;}
.footer .holderwrap{ height:auto;}
.holderwrap figure figcaption{ display:none !important;}
.benifit_column{ float:none; width:auto;}
.features_videobox .videobox{ width:280px; height:280px;} ul.portfoliofilter li{ margin-right:5px !important;}
ul.portfoliofilter li a{ padding:5px !important; font-size:10px !important;}
.threecol .entry{ width:auto !important;}
.tabs-wrapper ul.tabs li a{ padding:10px 14px}
.footer .social-icons a{ margin-right:3px;}
.member-social-icon a{ margin:0 5px;} #sidebar{ width:100%; float:none;}
.sidebar-left{ float:none !important; width:100%;}
.flotRight{ float:none !important;}
#sidebar .services-col .services-content{ padding:8% 11.5%;}
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:85%; } .content-area{ width:auto; margin:0; padding:20px;}
.site-main{ width:auto; margin:0; padding:0; float:none;}
.contact_left, .contact_right{ float:none; width:100%; margin-bottom:10%;}
.copyright-txt, .design-by { text-align:center; float:none;}
#contactform_main input[type="text"], 
#contactform_main input[type="email"], 
#contactform_main input[type="tel"], 
#contactform_main input[type="url"], 
#contactform_main textarea{
width:100%;
box-sizing:border-box;
} .searchbox{ width:100%; padding-left:0;}
ol.nav-numbers{ display:none;}
.phone-no strong{ width:auto; display:inherit;} .footer{ padding:40px 20px;}
.cols-2 .widget-column-1, 
.cols-2 .widget-column-2, 
.cols-3 .widget-column-1, 
.cols-3 .widget-column-2, 
.cols-3 .widget-column-3, 
.cols-4 .widget-column-1, 
.cols-4 .widget-column-2, 
.cols-4 .widget-column-3, 
.cols-4 .widget-column-4{ 
width:auto !important; float:none; min-height:inherit; margin:0 0 30px; 
}
.container.footer { padding:50px 20px 25px}
.slider-main{ min-height:115px;}
.header.fixed{ position:relative;}
.skills-wrap{ width:auto;}
.counterlist{ width:auto;}
#clienttestiminials{ width:100%;}
.counterlist{border-left:0; border-right:0; margin-bottom:0;}
.holderwrap{ height:auto; overflow:hidden;}
.holderwrap img{ min-height: inherit; height:auto;}
.boxlayout .classes_column .classimg_bx{ height:170px;}
.boxlayout .features_videobox .videobox{ width:240px; height:240px;}
.ftr_srv_list .ftr_icons{ float:none;}
}
@media screen and (min-width:300px) and (max-width: 480px){
.blog-post-repeat .post-thumb img{ float:none; margin-right:0; width:100%; height:100%;}
.menugallery li{ min-height:60px;}
.slider-main{ min-height:110px; height:auto;}
.nivo-directionNav a{ top:35%;}
.fivecol .entry{ width:auto !important}
.nivo-caption{ width:70%; top:50%; }
.nivo-caption h1{ font-size:18px !important; line-height:20px !important; margin-bottom:8px; } 
.nivo-caption h2{ font-size:18px !important; line-height:20px !important; margin-bottom:8px; } 
.nivo-caption p{ margin-bottom:10px; line-height:18px; font-size:13px !important; display:none;}
.nivo-caption .slidermore{ display:none;} .boxlayout .nivo-caption p{ font-size:12px !important; line-height:14px;}
.boxlayout .nivo-caption h1 span{ line-height:30px;}
.boxlayout .videobox{ width:100%; height:180px;}
.arrow_box p{ padding:0;}
.arrow_box i{ float:none;}
.arrow_box{ padding:30px 20px;}
}
@media screen and (min-width:481px) and (max-width: 767px){
.container, .content-area, #footer-wrapper .container, #section1 .container{ width:320px; margin:0 auto;}
.slider-main{ height:auto; min-height:200px;}
}
@media screen and (min-width:420px) and (max-width: 480px){
.nivo-caption{ width:60%; }
.nivo-caption h1{ font-size:24px !important; line-height:30px !important;}
.nivo-caption h2{ font-size:24px !important; line-height:30px !important;}
.threecol .entry{ left:6% !important;}
ul.portfoliofilter li a{ font-size:12px !important; padding:7px 12px !important;}
} @media screen and (min-width:481px) and (max-width: 767px){	
.photobooth .filter-gallery ul li a{ padding:15px 15px 18px;} .nivo-caption{ width:60%; }
.nivo-caption h1{ font-size:30px !important; line-height:40px !important; margin-bottom:10px !important; } 
.nivo-caption h2{ font-size:30px !important; line-height:40px !important; margin-bottom:10px !important; } 
.nivo-caption p{ display:block !important; line-height:18px;}
.nivo-caption, .nivo-controlNav{ display:block !important;}
h2.section_title{font-size:30px !important}	
.nivo-caption{ }
.nivo-caption .button{ display:inline-table !important;}
}
@media screen and (min-width:481px) and (max-width: 615px){
.nivo-caption{ width:70%; }
.nivo-caption h1{ font-size:20px !important;}
.nivo-caption h2{ font-size:20px !important;}
.nivo-caption .button{ display:inline-table !important;}
} @media screen and (min-width:768px) and (max-width: 1169px){
.container { width:auto; padding:0 20px;}
.container.footer { padding:50px 20px;}
.boxlayout{ width:auto; margin:0 20px; box-sizing:border-box;}
.content-area{ width:auto; margin:0; padding:20px 20px;}
.member-social-icon a{ margin:0 2px 0 0;}
.footer h5{ font-size:22px !important;}
#sidebar{ width:30%;}
.site-main{ width:65%;}
.slider-main{ min-height:290px; height:auto;}
.innerbanner{ height:auto;} .BlogPost{ min-height:250px;}
.recent-post h6{ padding-top:7px;}
ol.nav-numbers{ bottom:10%;}
.sidebar-left{ float:left !important; width:30%;}
.sidebar-left #sidebar{ width:100%;}
}
@media screen and (min-width:768px) and (max-width: 980px){
.logo{ float:none; text-align:center; width:auto;}
.header{ position:relative;}
.headerinfo{ padding-bottom:10px;}
.nivo-controlNav{ bottom:0;}
.welcomebx{ width:auto;}
.services_3box h3{ font-size:16px;}
.threecol .entry{ width:243px !important;}
.nivo-caption h1{ font-size:30px !important; line-height:30px !important;}
.nivo-caption h2{ font-size:30px !important; line-height:30px !important;}
.member-social-icon{ top:70%;}
.infobox{ margin-left:3%;}
.pp_topstrip .left{ width:60%;}
.counterlist h6{ font-size:18px;}
.features_videobox{ width:47%;}
.features_infobox{ width:40%;}
.features_servicesbx{ width:100%; float:none; padding:50px 0 0 0; clear:both;}
.teammember-list cite{ font-size:14px;}
#section5 .one_half br{ display:none;}
.boxlayout .videobox{ width:300px; height:300px;}
.bloggridlayout .post-thumb{ height:160px;}
.bloggridlayout .post-thumb img{ min-height:160px;}
.footer .threecol .entry{ width:48% !important;}
.counter-column{ width:150px; height:100px; margin:0 10px 10px;}
.logo{ width:30% !important; float:none; text-align:center; padding:10px 0 10px; position:relative; top:auto;}
.ppmenubg{ background-color:transparent !important;}
.sitenav{ background-color:#111 !important;}
.vid_galle_left, .vid_galle_right{ float:none; width:auto;}
.aboutyoga_box{ padding:0 30px 77px;}
.mission_box{ padding:0 30px 75px;}
.msndesc{ width:95%;}
.mission_box{ min-height:125px;}
.welcome_thumb{ float:none; height:auto; margin:0 auto;}
.welcome_thumb img{ min-height: inherit; width:auto;}
.benifit_column{ width:23%; margin:0 5% 25px;}
.teammember-list{ width:40%; margin:0 5% 30px;}
.boxlayout .vid_galle_left .videobox{ width:100%; height:auto;}
.boxlayout .vid_galle_left .videobox img{ width:100%;}
.services_3box.three_column .thumbbx{ height:130px;}
.services_3box.three_column .thumbbx img{ min-height:130px;}
.services_3box.four_column .thumbbx{ height:100px;}
.services_3box.four_column .thumbbx img{ min-height:100px;}
.services_3box.six_column .thumbbx{ height:95px;}
.services_3box.six_column .thumbbx img{ height:95px;}
}
@media screen and (min-width:768px) and (max-width: 868px){
.nivo-caption{ width:60%; top:45%;}
.news-box .news-thumb{ height:175px;}
.wel3box_desc h4{ font-size:17px;}
.welcome_leftbox h3{ font-size:24px;}
.counter-column{ margin-bottom:5px;}
.services_3box .thumbbx{ height:160px;}
.services_3box .thumbbx img{ min-height:160px;}
.sec_content_main_title{ font-size:26px !important; line-height:32px; margin-bottom:20px !important}
.news-box .PostMeta{ padding-left:88px;}
.vid_galle_right{ padding:15px 20px; margin:0; line-height:24px;}
.classes_column .classimg_bx{ height:150px;}
.footer .threecol .entry{ width:100% !important;}
.classes_column .date_time{ padding-right:5px;}
.teammember-list{ width:40%; margin:0 5% 30px;}
.practice_theory{ width:43%;}
#clientlogo li{ width:19%; vertical-align:top;}
#clientlogo li span{ text-transform:none;}
}
@media screen and (max-width:1169px) and (min-width:981px) { 
html{overflow-x:hidden; }
.footer h5{ font-size:24px !important;}
.threecol .entry{ width:317px !important}
.nivo-caption{ width:50%;}
.services_3box .thumbbx{ height:200px;}
.services_3box .thumbbx img{ min-height:200px;}
.news-box .PostMeta span{ font-size:11px;}
.infobox{ margin-right:2%;}
.infobox i{ margin-right:10px;}
.vid_galle_left{ width:45%;}
.vid_galle_right{ width:55%; padding:0;}
.videobox{ width:425px; height:325px;}
.vid_galle_left .videobox{ height:275px;}
.teammember-list .thumnailbx{ width:225px; height:225px;}
.teammember-list .thumnailbx img{ min-height:225px;}
.nivo-caption h1{ margin-bottom:10px; line-height:75px;}
.nivo-caption h2{ margin-bottom:10px; line-height:75px;}
.videogalley_wrapper .owl-prev{ left:0;}
.videogalley_wrapper .owl-next{ right:0;}
.sec_content_main_title{ font-size:26px !important; line-height:32px; margin-bottom:20px !important}
.news-box .PostMeta{ padding-left:88px;}
.footer .threecol .entry{ width:48% !important;}
.aboutyoga_box{ padding:20px 50px 77px;}
.mission_box{ padding:0 55px 75px;}
.counter-column{ width:150px; height:100px; margin:0 10px 10px;}
.classes_column .classimg_bx{ height:200px;}
#clientlogo li{ width:19%;}
.features_videobox .videobox{ width:280px; height:280px;}
.boxlayout .vid_galle_left .videobox{ width:100%; height:auto;}
.boxlayout .vid_galle_left .videobox img{ width:100%;}
}
@media screen and (max-width: 980px){	
section{ padding:40px 0;}
#section1, #section9{ padding:40px 0;}
.toggleMenu{display: block;}
.sitenav{float:none; margin:0; top:0; position:relative; overflow-x:hidden;}
.sitenav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.sitenav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-right:none;}
.sitenav ul li a{padding:5px 10px !important; display:block; color:#000; text-align:left;}
.sitenav ul li a:hover{color:#ffffff;}
.sitenav ul li ul, .sitenav ul li ul ul{ display:block !important;}
.sitenav ul li ul li a:before{content:"\00BB \00a0";}
.sitenav ul li ul li{ border-bottom:1px solid transparent!important;}
.sitenav ul li ul li a{padding-left:20px !important;}
.sitenav ul li ul li ul li a{padding-left:30px !important;}
.sitenav ul li ul li ul li ul li a{padding-left:40px !important;}
.sitenav ul li:hover > ul{ background:none !important;}
.sitenav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}
.sitenav ul li:hover ul li ul, .sitenav ul li:hover ul li:hover > ul, .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.sitenav ul li:hover ul li:hover ul, .sitenav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
.headerinfo{ padding:10px 0;}
.logo img{ height:auto;}
.innerbanner{ height:auto;}
.header{  position:relative; }
#footer-wrapper{ background-size:cover !important;}
#section2{ padding-bottom:30px;}
.toggle a{ padding:10px 25px;}
.videogalley_wrapper .owl-prev{ left:0;}
.videogalley_wrapper .owl-next{ right:0;}
.slidebottom{ display:none;}
.subtitle{ width:100%;}
}
@media screen and (min-width:1210px) { 
.boxlayout .header.fixed{width:1210px; margin:0 auto;}
}.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position:relative;
overflow:hidden;
width:100%;
margin:0 auto; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer; 
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/testimonialsrotator/js/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
} .owl-prev, .owl-next{ position: absolute; width:41px; height:41px; font-size:0; bottom:0%; border-radius:50%;}
.owl-prev:hover, .owl-next:hover{ background-color:#555;}
.owl-prev{ background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/images/client-arrow-prev.png) no-repeat center center; left:46.5%; }
.owl-next{ background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/images/client-arrow-next.png) no-repeat center center; right:46.4%;}
.owl-carousel .owl-item h5{ position:absolute; background-color:rgba(0,0,0,0.6); bottom:0; text-align:center; color:#fff; padding:5px 0; width:100%; margin:0; z-index:999; font-size:16px;}
.owl-controls .owl-dot{ width:12px; height:12px; background-color:#494949; display:inline-block; margin:0 0 0 5px; border-radius:50%;}
.owl-controls .owl-dot.active{background-color:#1d9d74;}
.owl-controls .owl-dots{ bottom:-30px; left:0; right:0; margin:0 auto; display:inline-block; text-align:center; position:absolute; }
.owl-nav{ margin:7% 0 0 0; display:inline-block; }:root {
--primary-color: #7fa8b6; --secondary-color: #cf317c; --accent-color: #5a8a9a; --dark-color: #2c2c2c;
--light-color: #ffffff;
--gray-light: #f5f5f5;
--gray-medium: #e8e8e8;
--text-color: #4a4a4a;
--transition-speed: 0.3s;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}
section{
border-top: 1px solid rgba(228,233,237,.9);
}
#section1 {
padding: 0;
}
#section2 {
padding: 0;
}
#section3 {
padding: 0;
}
#section4 {
padding: 0;
}
#section5 {
padding: 0;
}
#section6 {
padding: 0;
}
#section7 {
padding: 0;
}
#section8 {
padding: 0;
} .header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 999999 !important;
background: var(--light-color) !important;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06) !important;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
} .pp_topstrip {
display: none !important;
} .header > .container {
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 0 0 40px !important;
display: flex !important;
align-items: center !important;
height: 85px !important;
transition: height 0.3s ease !important;
flex-shrink: 0;
} .header::before {
content: '';
flex: 0 0 0;
}
.header::after {
content: '';
flex: 0 0 40px;
}  body.home .header,
body.front-page .header {
background: rgba(0, 0, 0, 0.15) !important;
backdrop-filter: blur(8px);
box-shadow: none !important;
} body.home .header.scrolled,
body.front-page .header.scrolled {
background: rgba(255, 255, 255, 0.98) !important;
backdrop-filter: blur(20px);
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08) !important;
} body.home .sitenav ul li a,
body.home .sitenav .menu li a,
body.front-page .sitenav ul li a,
body.front-page .sitenav .menu li a {
color: var(--light-color) !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
font-weight: 600 !important;
}
body.home #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
body.front-page #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: var(--light-color) !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
font-weight: 600 !important;
} body.home .sitenav ul li a:hover,
body.home .sitenav .menu li a:hover,
body.front-page .sitenav ul li a:hover,
body.front-page .sitenav .menu li a:hover {
color: rgba(255, 255, 255, 0.8) !important;
}
body.home .sitenav ul li a::after,
body.home .sitenav .menu li a::after,
body.front-page .sitenav ul li a::after,
body.front-page .sitenav .menu li a::after {
background: rgba(255, 255, 255, 0.9);
} body.home .header.scrolled .sitenav ul li a,
body.home .header.scrolled .sitenav .menu li a,
body.front-page .header.scrolled .sitenav ul li a,
body.front-page .header.scrolled .sitenav .menu li a,
body.home .header.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
body.front-page .header.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: var(--dark-color) !important;
padding-top: 28px !important;
padding-bottom: 28px !important;
}
body.home .header.scrolled .sitenav ul li a:hover,
body.home .header.scrolled .sitenav .menu li a:hover,
body.front-page .header.scrolled .sitenav ul li a:hover,
body.front-page .header.scrolled .sitenav .menu li a:hover {
color: var(--primary-color) !important;
}
body.home .header.scrolled .sitenav ul li a::after,
body.home .header.scrolled .sitenav .menu li a::after,
body.front-page .header.scrolled .sitenav ul li a::after,
body.front-page .header.scrolled .sitenav .menu li a::after {
background: var(--primary-color);
bottom: 20px;
} body.home .sitenav ul li:last-child a,
body.home .sitenav .menu li:last-child a,
body.front-page .sitenav ul li:last-child a,
body.front-page .sitenav .menu li:last-child a,
body.home #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child > a.mega-menu-link,
body.front-page #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child > a.mega-menu-link {
color: var(--light-color) !important;
background: var(--secondary-color) !important;
} body.home .header.scrolled > .container,
body.front-page .header.scrolled > .container,
body.home .header.scrolled .ppmenubg,
body.front-page .header.scrolled .ppmenubg {
height: 75px !important;
} .logo {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
background: transparent !important;
padding: 0 !important;
width: auto !important;
margin: 0 !important;
float: none !important;
flex-shrink: 0;
order: 1;
}
.logo a {
display: inline-block;
line-height: 0;
}
.logo img {
max-height: 65px !important;
width: auto !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
display: block;
} body.home .header:not(.scrolled) .logo img,
body.front-page .header:not(.scrolled) .logo img {
filter: brightness(0) invert(1);
transition: filter 0.3s ease, max-height 0.3s ease;
} body.home .header.scrolled .logo img,
body.front-page .header.scrolled .logo img {
filter: none;
max-height: 55px !important;
}
.header.scrolled .logo img {
max-height: 55px !important;
} .logo .site-branding-text {
display: none !important;
}  .ppmenubg {
background: transparent !important;
padding: 0 40px 0 0 !important;
flex: 1 !important;
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
height: 85px !important;
}
.ppmenubg > div {
width: auto !important;
max-width: 100% !important;
} .sitenav {
padding: 0 !important;
text-align: right !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
width: 100% !important;
} .sitenav ul,
.sitenav .menu {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
list-style: none !important;
}
.sitenav > ul > li,
.sitenav > .menu > li {
display: inline-block !important;
position: relative;
margin: 0 !important;
padding: 0 !important;
} #mega-menu-wrap-primary {
background: transparent !important;
background-image: none !important;
filter: none !important;
float: none !important;
clear: none !important;
width: 100% !important;
}
#mega-menu-wrap-primary #mega-menu-primary {
background: transparent !important;
text-align: right !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
margin: 0 !important;
display: inline-flex !important;
align-items: center !important;
}  .sitenav ul li a,
.sitenav .menu li a {
display: block !important;
padding: 30px 22px !important;
color: var(--dark-color) !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-size: 15px !important;
font-weight: 500 !important;
text-transform: none !important;
letter-spacing: 0.4px !important;
text-decoration: none !important;
transition: all var(--transition-speed) cubic-bezier(0.4, 0, 0.2, 1) !important;
position: relative;
background: transparent !important;
border: none !important;
} .sitenav ul li a:hover,
.sitenav .menu li a:hover,
.sitenav ul li.current-menu-item > a,
.sitenav .menu li.current-menu-item > a,
.sitenav ul li.current-menu-ancestor > a,
.sitenav .menu li.current-menu-ancestor > a {
color: var(--primary-color) !important;
background: transparent !important;
} .sitenav ul li a::after,
.sitenav .menu li a::after {
content: '';
position: absolute;
bottom: 22px;
left: 18px;
right: 18px;
height: 2px;
background: var(--primary-color);
transform: scaleX(0);
transition: transform var(--transition-speed) cubic-bezier(0.4, 0, 0.2, 1);
}
.sitenav ul li a:hover::after,
.sitenav .menu li a:hover::after,
.sitenav ul li.current-menu-item > a::after,
.sitenav .menu li.current-menu-item > a::after {
transform: scaleX(1);
} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
background: transparent !important;
background-image: none !important;
filter: none !important;
color: var(--dark-color) !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
font-weight: 500 !important;
font-size: 15px !important;
padding: 30px 18px !important;
text-transform: none !important;
letter-spacing: 0.3px !important;
transition: all var(--transition-speed) cubic-bezier(0.4, 0, 0.2, 1) !important;
border: none !important;
line-height: 1.4 !important;
height: auto !important;
position: relative;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::after {
content: '';
position: absolute;
bottom: 22px;
left: 18px;
right: 18px;
height: 2px;
background: var(--primary-color);
transform: scaleX(0);
transition: transform var(--transition-speed) cubic-bezier(0.4, 0, 0.2, 1);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
background: transparent !important;
color: var(--primary-color) !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover::after,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::after {
transform: scaleX(1);
} body.home #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
body.front-page #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: var(--light-color) !important;
}
body.home .header.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
body.front-page .header.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
color: var(--dark-color) !important;
padding: 20px 18px !important;
}  .sitenav ul li:last-child a,
.sitenav .menu li:last-child a {
background: var(--secondary-color) !important;
background-image: none !important;
color: var(--light-color) !important;
border-radius: 25px !important;
padding: 10px 20px !important;
margin-left: 15px !important;
font-weight: 600 !important;
font-size: 14px !important;
box-shadow: 0 3px 12px rgba(207, 49, 124, 0.25) !important;
transition: all var(--transition-speed) cubic-bezier(0.4, 0, 0.2, 1) !important;
text-shadow: none !important;
}
.sitenav ul li:last-child a::after,
.sitenav .menu li:last-child a::after {
display: none !important;
}
.sitenav ul li:last-child a:hover,
.sitenav .menu li:last-child a:hover {
background: var(--primary-color) !important;
color: var(--light-color) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(127, 168, 182, 0.35) !important;
} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right > a.mega-menu-link {
background: var(--secondary-color) !important;
background-image: none !important;
color: var(--light-color) !important;
border-radius: 25px !important;
padding: 10px 20px !important;
margin-left: 15px !important;
font-weight: 600 !important;
font-size: 14px !important;
box-shadow: 0 3px 12px rgba(207, 49, 124, 0.25) !important;
transition: all var(--transition-speed) cubic-bezier(0.4, 0, 0.2, 1) !important;
text-shadow: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child > a.mega-menu-link::after,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right > a.mega-menu-link::after {
display: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right > a.mega-menu-link:hover {
background: var(--primary-color) !important;
color: var(--light-color) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(127, 168, 182, 0.35) !important;
} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:before {
color: inherit !important;
margin-right: 8px !important;
}  .sitenav ul li ul,
.sitenav .menu li ul {
display: none !important;
position: absolute !important;
top: 100% !important;
left: 0 !important;
min-width: 240px !important;
background: var(--light-color) !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
border-radius: 8px !important;
border: none !important;
padding: 12px 0 !important;
margin: 0 !important;
z-index: 999999 !important;
opacity: 0;
transform: translateY(-10px);
transition: opacity var(--transition-speed) ease, transform var(--transition-speed) ease;
}
.sitenav ul li:hover > ul,
.sitenav .menu li:hover > ul {
display: block !important;
opacity: 1 !important;
transform: translateY(0) !important;
}
.sitenav ul li ul li,
.sitenav .menu li ul li {
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.sitenav ul li ul li a,
.sitenav .menu li ul li a {
padding: 12px 24px !important;
font-size: 14px !important;
font-weight: 400 !important;
color: var(--text-color) !important;
transition: all 0.2s ease !important;
border-bottom: none !important;
}
.sitenav ul li ul li a::after,
.sitenav .menu li ul li a::after {
display: none !important;
}
.sitenav ul li ul li a:hover,
.sitenav .menu li ul li a:hover {
background: var(--gray-light) !important;
color: var(--primary-color) !important;
padding-left: 28px !important;
} .sitenav ul li ul li ul,
.sitenav .menu li ul li ul {
left: 100% !important;
top: 0 !important;
margin-left: 2px !important;
} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu {
background: var(--light-color) !important;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
border-radius: 8px !important;
border: none !important;
padding: 12px 0 !important;
margin-top: 0 !important;
min-width: 240px !important;
}
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
color: var(--text-color) !important;
padding: 12px 24px !important;
font-size: 14px !important;
background: transparent !important;
font-weight: 400 !important;
transition: all 0.2s ease !important;
}
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover {
background: var(--gray-light) !important;
color: var(--primary-color) !important;
padding-left: 28px !important;
} .slider-main {
position: relative;
width: 100%;
height: 100vh;
min-height: 600px;
overflow: hidden;
} .slider-main::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
z-index: 2;
pointer-events: none;
}
#slider.nivoSlider {
height: 100vh !important;
min-height: 600px;
}
#slider.nivoSlider img,
.nivoSlider img {
width: 100% !important;
height: 100vh !important;
min-height: 600px;
object-fit: cover;
object-position: center;
}
.nivo-main-image {
height: 100vh !important;
min-height: 600px;
object-fit: cover !important;
}  .slider-main::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
180deg,
rgba(61, 79, 95, 0.25) 0%, rgba(61, 79, 95, 0.08) 30%, rgba(61, 79, 95, 0.08) 60%, rgba(61, 79, 95, 0.35) 100% );
z-index: 5;
pointer-events: none;
} .slider-main .nivo-caption::before,
.nivo-caption::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
135deg,
rgba(61, 79, 95, 0.4) 0%,
rgba(61, 79, 95, 0.3) 100%
);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.15);
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
z-index: -1;
pointer-events: none;
} @supports not (backdrop-filter: blur(8px)) {
.slider-main .nivo-caption::before,
.nivo-caption::before {
background: rgba(61, 79, 95, 0.55);
}
} .nivo-caption {
position: absolute !important;
left: 50% !important;
right: auto !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
width: 90% !important;
max-width: 800px !important;
text-align: center !important;
background: transparent !important;
padding: 50px 60px !important;
z-index: 10; isolation: isolate;
} .nivo-caption h1,
.nivo-html-caption h1 {
font-size: clamp(36px, 6vw, 56px) !important;
font-weight: 600 !important;
color: #ffffff !important;
text-transform: none !important; letter-spacing: -0.5px !important; margin-bottom: 16px !important;
line-height: 1.15 !important;
text-shadow: 0 2px 20px rgba(0, 0, 0, 0.25);
} .nivo-caption h2,
.nivo-html-caption h2 {
font-size: clamp(18px, 3vw, 24px) !important;
font-weight: 400 !important;
color: rgba(255, 255, 255, 0.95) !important;
margin-bottom: 32px !important;
line-height: 1.5 !important;
letter-spacing: 0.3px !important;
text-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.nivo-caption p,
.nivo-html-caption p {
font-size: 18px !important;
color: rgba(255, 255, 255, 0.9) !important;
margin-bottom: 40px !important;
line-height: 1.8 !important;
max-width: 700px;
margin-left: auto;
margin-right: auto;
} .nivo-caption .slidermore,
.nivo-html-caption .slidermore {
display: inline-block !important;
background: linear-gradient(135deg, #5B8FA8 0%, #4A7A91 100%) !important;
color: #ffffff !important;
padding: 18px 48px !important;
font-size: 15px !important;
font-weight: 600 !important;
text-transform: none !important;
letter-spacing: 0.5px !important;
border-radius: 14px !important;
border: none !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow:
0 4px 20px rgba(91, 143, 168, 0.5),
0 8px 40px rgba(91, 143, 168, 0.25),
inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
} .nivo-caption .slidermore::before,
.nivo-html-caption .slidermore::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.2),
transparent
);
transition: left 0.5s ease;
}
.nivo-caption .slidermore:hover::before,
.nivo-html-caption .slidermore:hover::before {
left: 100%;
}
.nivo-caption .slidermore:hover,
.nivo-html-caption .slidermore:hover {
background: linear-gradient(135deg, #4A7A91 0%, #3D6B7F 100%) !important;
transform: translateY(-3px);
box-shadow:
0 8px 30px rgba(91, 143, 168, 0.6),
0 12px 50px rgba(91, 143, 168, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
} .nivo-caption .slider-buttons,
.nivo-html-caption .slider-buttons {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
} .nivo-controlNav {
position: absolute !important;
bottom: 40px !important;
left: 50% !important;
transform: translateX(-50%) !important;
text-align: center !important;
z-index: 20;
}
.nivo-controlNav a {
display: inline-block !important;
width: 12px !important;
height: 12px !important;
background: rgba(255, 255, 255, 0.5) !important;
border-radius: 50% !important;
margin: 0 8px !important;
transition: all var(--transition-speed) ease;
border: 2px solid transparent;
}
.nivo-controlNav a:hover,
.nivo-controlNav a.active {
background: var(--primary-color) !important;
transform: scale(1.2);
border-color: var(--light-color);
} .nivo-directionNav a {
width: 60px !important;
height: 60px !important;
background: rgba(255, 255, 255, 0.2) !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all var(--transition-speed) ease;
backdrop-filter: blur(5px);
}
.nivo-directionNav a:hover {
background: var(--primary-color) !important;
}
a.nivo-prevNav {
left: 30px !important;
}
a.nivo-nextNav {
right: 30px !important;
} .slider-main::after {
top: auto;
bottom: 100px;
left: 50%;
transform: translateX(-50%);
width: 30px;
height: 50px;
background: transparent;
border: 2px solid rgba(255, 255, 255, 0.5);
border-radius: 25px;
z-index: 10;
animation: scrollIndicator 2s ease-in-out infinite;
}
@keyframes scrollIndicator {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.3;
}
}  body {
padding-top: 85px !important;
}
body.home,
body.front-page {
padding-top: 0 !important;
} body:not(.home):not(.front-page) .innerbanner {
margin-top: 0 !important;
} html {
scroll-behavior: smooth;
} .toggleMenu {
display: none !important;
} .mega-toggle-block,
.mega-toggle-blocks-left,
.mega-toggle-blocks-center,
.mega-toggle-blocks-right {
position: relative !important;
margin-left: auto !important;
} @media screen and (min-width: 769px) {
.ppmenubg {
display: flex !important;
position: static !important;
background: transparent !important;
}
.sitenav {
display: flex !important;
background: transparent !important;
} #mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item,
.sitenav,
.sitenav ul,
.sitenav .menu {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
filter: none !important;
} .toggle,
.mega-toggle-block,
.mega-toggle-blocks-left,
.mega-toggle-blocks-center,
.mega-toggle-blocks-right {
display: none !important;
} .sitenav ul li:hover > ul,
.sitenav .menu li:hover > ul,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > ul.mega-sub-menu {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:hover > ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout:hover > ul.mega-sub-menu {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
} @media screen and (min-width: 769px) and (max-width: 1024px) { .header,
.ppmenubg,
.sitenav,
#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
filter: none !important;
}
.header {
background: var(--light-color) !important;
background-color: #ffffff !important;
}
}
@media screen and (max-width: 1200px) {
.header > .container {
padding: 0 0 0 25px !important;
}
.ppmenubg {
padding: 0 25px 0 0 !important;
}
.header::after {
flex: 0 0 25px;
}
.sitenav ul li a,
.sitenav .menu li a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 30px 14px !important;
font-size: 14px !important;
}
.sitenav ul li:last-child a,
.sitenav .menu li:last-child a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child > a.mega-menu-link {
padding: 10px 20px !important;
margin-left: 8px !important;
}
}
@media screen and (max-width: 1024px) {
.header > .container {
padding: 0 0 0 20px !important;
}
.ppmenubg {
padding: 0 20px 0 0 !important;
}
.header::after {
flex: 0 0 20px;
}
.logo img {
max-height: 55px !important;
}
.sitenav ul li a,
.sitenav .menu li a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 30px 10px !important;
font-size: 13px !important;
}
.nivo-caption h1,
.nivo-html-caption h1 {
font-size: 42px !important;
}
.nivo-caption h2,
.nivo-html-caption h2 {
font-size: 20px !important;
}
} @media screen and (max-width: 768px) { .header {
position: fixed !important;
background: var(--light-color) !important;
background-color: #ffffff !important;
padding: 0 20px !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
body.home .header,
body.front-page .header {
background: var(--light-color) !important;
}
.header::before,
.header::after {
display: none !important;
}
.header > .container {
height: 70px !important;
padding: 0 !important;
flex: 0 0 auto !important;
} .logo {
order: 1;
flex: 0 0 auto !important;
} #mega-menu-wrap-primary {
order: 2 !important;
flex: 1 !important;
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
}
.logo img {
max-height: 50px !important;
} .ppmenubg {
position: static !important;
display: flex !important;
order: 2 !important;
flex: 1 !important;
justify-content: flex-end !important;
align-items: center !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
height: 70px !important;
} #mega-menu-wrap-primary #mega-menu-primary,
.sitenav > ul,
.sitenav > .menu {
position: fixed !important;
top: 70px !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
height: calc(100vh - 70px) !important;
background: var(--light-color) !important;
background-color: #ffffff !important;
display: none !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
z-index: 999998 !important;
box-shadow: none !important;
padding: 20px 0 !important;
margin: 0 !important;
} .ppmenubg .clear {
display: none !important;
} #mega-menu-wrap-primary.mega-menu-open #mega-menu-primary,
body.mega-menu-open #mega-menu-wrap-primary #mega-menu-primary,
html.mega-menu-open #mega-menu-wrap-primary #mega-menu-primary,
body.mega-menu-primary-mobile-open #mega-menu-wrap-primary #mega-menu-primary,
html.mega-menu-primary-mobile-open #mega-menu-wrap-primary #mega-menu-primary,
.mega-menu-open #mega-menu-primary,
.mega-menu-primary-mobile-open #mega-menu-primary,
body.mega-menu-open .sitenav > ul,
body.mega-menu-primary-mobile-open .sitenav > ul,
body.mega-menu-open .sitenav > .menu,
body.mega-menu-primary-mobile-open .sitenav > .menu,
#mega-menu-wrap-primary[style*="display"] #mega-menu-primary {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: fixed !important;
top: 70px !important;
left: 0 !important;
width: 100% !important;
height: calc(100vh - 70px) !important;
background: #ffffff !important;
z-index: 999999 !important;
overflow-y: auto !important;
padding: 20px 0 !important;
} body.mega-menu-primary-mobile-open #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item,
body.mega-menu-primary-mobile-open #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
color: var(--dark-color) !important;
font-size: 16px !important;
padding: 16px 25px !important;
text-decoration: none !important;
background: transparent !important;
} body.mega-menu-open #mega-menu-wrap-primary,
html.mega-menu-open #mega-menu-wrap-primary,
body.mega-menu-primary-mobile-open #mega-menu-wrap-primary,
html.mega-menu-primary-mobile-open #mega-menu-wrap-primary,
#mega-menu-wrap-primary.mega-menu-open {
display: flex !important;
} body.menu-open,
body.mega-menu-open,
body.mega-menu-primary-mobile-open,
html.mega-menu-open,
html.mega-menu-primary-mobile-open {
overflow: hidden !important;
position: fixed !important;
width: 100% !important;
height: 100vh !important;
top: 0 !important;
left: 0 !important;
} body.menu-open .sitewrapper,
body.mega-menu-open .sitewrapper,
body.mega-menu-primary-mobile-open .sitewrapper {
overflow: hidden !important;
height: 100vh !important;
} .mega-toggle-block,
.mega-toggle-blocks-left,
.mega-toggle-blocks-center,
.mega-toggle-blocks-right,
#mega-menu-wrap-primary .mega-toggle-block,
#mega-menu-wrap-primary .mega-toggle-blocks-left,
#mega-menu-wrap-primary .mega-toggle-blocks-center,
#mega-menu-wrap-primary .mega-toggle-blocks-right {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
order: 3 !important;
position: relative !important;
z-index: 999999 !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
margin-left: auto !important;
} .mega-toggle-block .mega-toggle-label,
.mega-toggle-blocks-left .mega-toggle-label,
.mega-toggle-blocks-center .mega-toggle-label,
.mega-toggle-blocks-right .mega-toggle-label {
background: transparent !important;
border: 2px solid var(--dark-color) !important;
border-radius: 8px !important;
padding: 10px !important;
width: 45px !important;
height: 45px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
} .header > .toggle:not(.mega-toggle-block):not(.mega-toggle-blocks-left):not(.mega-toggle-blocks-center):not(.mega-toggle-blocks-right),
.toggleMenu {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.sitenav {
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
text-align: left !important;
display: flex !important;
flex: 1 !important;
margin: 0 !important;
justify-content: flex-end !important;
align-items: center !important;
background: transparent !important;
} body.mega-menu-open .sitenav,
body.mega-menu-primary-mobile-open .sitenav,
html.mega-menu-open .sitenav,
html.mega-menu-primary-mobile-open .sitenav,
.mega-menu-open #mega-menu-wrap-primary,
.mega-menu-primary-mobile-open #mega-menu-wrap-primary,
body.mega-menu-open #mega-menu-wrap-primary #mega-menu-primary,
body.mega-menu-primary-mobile-open #mega-menu-wrap-primary #mega-menu-primary {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
} body.mega-menu-open .ppmenubg,
body.mega-menu-primary-mobile-open .ppmenubg,
.ppmenubg.active,
#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary,
.mega-menu-wrap,
.mega-menu-mobile-panel,
body #mega-menu-wrap-primary.mega-menu-mobile-panel,
body.mega-menu-open #mega-menu-wrap-primary,
body.mega-menu-primary-mobile-open #mega-menu-wrap-primary,
html.mega-menu-open #mega-menu-wrap-primary,
html.mega-menu-primary-mobile-open #mega-menu-wrap-primary,
#mega-menu-wrap-primary.mega-menu-open {
background: var(--light-color) !important;
background-color: #ffffff !important;
background-image: none !important;
filter: none !important;
box-shadow: none !important;
} .mega-menu-overlay,
#mega-menu-wrap-primary .mega-menu-overlay {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
} #mega-menu-wrap-primary {
position: static !important;
float: none !important;
clear: none !important;
display: flex !important;
flex: 1 !important;
justify-content: flex-end !important;
align-items: center !important;
background: transparent !important;
height: 70px !important;
} .sitenav > ul li,
.sitenav > .menu li,
#mega-menu-wrap-primary #mega-menu-primary li {
width: 100% !important;
display: block !important;
} .mega-menu-wrap,
#mega-menu-wrap-primary.mega-menu-mobile-panel,
.mega-menu-mobile-panel {
background: var(--light-color) !important;
background-color: #ffffff !important;
background-image: none !important;
} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
color: var(--dark-color) !important;
}
.sitenav ul li,
.sitenav .menu li,
.sitenav #menu-primary li,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
width: 100% !important;
display: block !important;
border-bottom: 1px solid var(--gray-medium);
float: none !important;
}
.sitenav ul li a,
.sitenav .menu li a,
.sitenav #menu-primary li a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
body.home .sitenav ul li a,
body.home .sitenav .menu li a,
body.home .sitenav #menu-primary li a,
body.front-page .sitenav ul li a,
body.front-page .sitenav .menu li a,
body.front-page .sitenav #menu-primary li a {
padding: 16px 25px !important;
color: var(--dark-color) !important;
font-size: 16px !important;
font-weight: 500 !important;
text-align: left !important;
display: block !important;
border-radius: 0 !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
} .sitenav,
.sitenav > ul,
.sitenav > .menu,
.sitenav #menu-primary,
.sitenav ul li,
.sitenav .menu li,
#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
filter: none !important;
}
.sitenav ul li a::after,
.sitenav .menu li a::after,
.sitenav #menu-primary li a::after {
display: none !important;
}
.sitenav ul li a:hover,
.sitenav .menu li a:hover,
.sitenav #menu-primary li a:hover {
background: var(--gray-light) !important;
padding-left: 30px !important;
color: var(--primary-color) !important;
} .sitenav ul li:last-child a,
.sitenav .menu li:last-child a,
.sitenav #menu-primary li:last-child a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child > a.mega-menu-link {
background: var(--secondary-color) !important;
color: var(--light-color) !important;
margin: 15px 25px !important;
padding: 16px 25px !important;
border-radius: 8px !important;
text-align: center !important;
font-weight: 600 !important;
box-shadow: 0 3px 12px rgba(207, 49, 124, 0.3) !important;
}
.sitenav ul li:last-child a:hover,
.sitenav .menu li:last-child a:hover,
.sitenav #menu-primary li:last-child a:hover {
background: var(--primary-color) !important;
padding-left: 25px !important;
color: var(--light-color) !important;
box-shadow: 0 5px 20px rgba(127, 168, 182, 0.4) !important;
} .sitenav ul li ul,
.sitenav .menu li ul,
.sitenav #menu-primary li ul {
position: static !important;
display: none !important;
box-shadow: none !important;
background: var(--gray-light) !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
opacity: 1 !important;
transform: none !important;
left: auto !important;
top: auto !important;
}
.sitenav ul li ul li a,
.sitenav .menu li ul li a,
.sitenav #menu-primary li ul li a {
padding-left: 40px !important;
font-size: 14px !important;
background: var(--gray-light) !important;
}
.sitenav ul li ul li a:hover,
.sitenav .menu li ul li a:hover,
.sitenav #menu-primary li ul li a:hover {
padding-left: 45px !important;
background: var(--gray-medium) !important;
} .sitenav ul li.menu-item-has-children > a::after,
.sitenav .menu li.menu-item-has-children > a::after,
.sitenav #menu-primary li.menu-item-has-children > a::after {
content: '+';
display: inline-block !important;
float: right;
font-size: 22px;
font-weight: 300;
line-height: 1;
background: none !important;
transform: none !important;
transition: transform 0.3s ease;
}
.sitenav ul li.menu-item-has-children.submenu-open > a::after,
.sitenav .menu li.menu-item-has-children.submenu-open > a::after,
.sitenav #menu-primary li.menu-item-has-children.submenu-open > a::after {
content: '−';
} .slider-main {
height: 70vh;
min-height: 450px;
margin-top: 70px;
} body.home .slider-main,
body.front-page .slider-main,
body.home .monpilates-hero,
body.front-page .monpilates-hero {
margin-top: 0 !important;
}
#slider.nivoSlider,
#slider.nivoSlider img,
.nivo-main-image {
min-height: 450px;
}
.nivo-caption {
padding: 20px !important;
width: 95% !important;
}
.nivo-caption h1,
.nivo-html-caption h1 {
font-size: 32px !important;
letter-spacing: 1px;
}
.nivo-caption h2,
.nivo-html-caption h2 {
font-size: 18px !important;
}
.nivo-caption p,
.nivo-html-caption p {
font-size: 14px !important;
margin-bottom: 25px !important;
}
.nivo-caption .slidermore,
.nivo-html-caption .slidermore {
padding: 16px 36px !important;
font-size: 14px !important;
box-shadow:
0 4px 16px rgba(91, 143, 168, 0.6),
0 6px 30px rgba(91, 143, 168, 0.35),
inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
} .nivo-caption,
.nivo-html-caption {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
}
.nivo-caption .slider-buttons,
.nivo-html-caption .slider-buttons,
.nivo-caption > div,
.nivo-html-caption > div {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
}
.nivo-caption .slidermore,
.nivo-caption a.slidermore,
.nivo-caption a.borderbutton,
.nivo-html-caption .slidermore,
.nivo-html-caption a.slidermore,
.nivo-html-caption a.borderbutton,
.nivo-caption > a,
.nivo-html-caption > a {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 auto !important;
text-align: center !important;
}
.nivo-directionNav {
display: none !important;
}
.nivo-controlNav {
bottom: 20px !important;
}
.slider-main::after {
display: none;
} body {
padding-top: 70px !important;
}
body.home,
body.front-page {
padding-top: 0 !important;
} .slider-main .nivo-caption::before,
.nivo-caption::before {
display: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
} .nivo-directionNav a {
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
}  .nivo-caption h1,
.nivo-caption h2,
.nivo-caption p,
.nivo-caption .slidermore {
animation: fadeInUp 0.8s ease forwards;
}
.nivo-caption h1 {
animation-delay: 0.2s;
}
.nivo-caption h2 {
animation-delay: 0.4s;
}
.nivo-caption p {
animation-delay: 0.6s;
}
.nivo-caption .slidermore {
animation-delay: 0.8s;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}  h2.section_title {
font-size: 36px !important;
font-weight: 600;
color: var(--dark-color);
margin-bottom: 50px;
position: relative;
}
h2.section_title::after {
width: 60px;
height: 3px;
background: var(--primary-color);
border: none;
} .green_button,
.pink_button,
a.morebutton {
background: var(--primary-color) !important;
border-radius: 50px !important;
padding: 15px 40px !important;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
transition: all var(--transition-speed) ease;
}
.green_button:hover,
.pink_button:hover,
a.morebutton:hover {
background: var(--secondary-color) !important;
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}  .monpilates-hero {
position: relative;
width: 100%;
min-height: 600px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
} .monpilates-hero .nivoSlider {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
z-index: 1;
}
.monpilates-hero .nivoSlider img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
} .monpilates-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 2;
} .monpilates-hero-content {
position: relative;
z-index: 3;
text-align: center;
color: var(--light-color);
max-width: 900px;
padding: 60px 30px;
animation: fadeInUp 1s ease-out;
} .monpilates-hero-logo {
margin-bottom: 30px;
}
.monpilates-hero-logo img {
max-width: 200px;
height: auto;
filter: brightness(0) invert(1);
opacity: 0.9;
} .monpilates-hero-slogan {
font-size: 14px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--light-color);
margin-bottom: 20px;
opacity: 0.95;
} .monpilates-hero-title {
font-size: 68px;
font-weight: 600;
color: var(--light-color);
margin-bottom: 25px;
line-height: 1.15;
text-transform: none;
letter-spacing: 1.5px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
} .monpilates-hero-subtitle {
font-size: 20px;
font-weight: 400;
color: var(--light-color);
margin-bottom: 40px;
line-height: 1.6;
max-width: 700px;
margin-left: auto;
margin-right: auto;
} .monpilates-hero-buttons {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
margin-top: 40px;
}
.hero-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 18px 35px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
border-radius: 50px;
transition: all var(--transition-speed) ease;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.hero-btn-icon {
font-size: 20px;
} .hero-btn-primary {
background: var(--primary-color);
color: var(--light-color);
border: 2px solid var(--primary-color);
padding: 18px 38px; font-size: 16px;
box-shadow: 0 6px 20px rgba(91, 143, 168, 0.4);
}
.hero-btn-primary:hover {
background: var(--light-color);
color: var(--primary-color);
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(91, 143, 168, 0.5);
} .hero-btn-secondary {
background: rgba(255, 255, 255, 0.12);
color: var(--light-color);
border: 1.5px solid rgba(255, 255, 255, 0.6);
backdrop-filter: blur(4px);
padding: 16px 30px; font-size: 15px;
}
.hero-btn-secondary:hover {
background: rgba(255, 255, 255, 0.95);
color: var(--primary-color);
border-color: rgba(255, 255, 255, 0.95);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(255, 255, 255, 0.25);
} .hero-btn-icon-only,
.hero-btn-secondary:empty + .hero-btn-icon,
.hero-btn:has(> i:only-child),
.hero-btn:has(> .fa:only-child),
a.hero-btn:not(:has(*:not(i))) {
width: 52px !important;
height: 52px !important;
min-width: 52px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
} .hero-btn-icon-only i,
.hero-btn:has(> i:only-child) i,
a.hero-btn i:only-child {
font-size: 20px !important;
margin: 0 !important;
display: block !important;
} a[href*="contact"].hero-btn-secondary:not(:has(span)),
a[href*="contact"].hero-btn:empty,
.hero-btn-contact-icon {
width: 52px !important;
height: 52px !important;
min-width: 52px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.15) !important;
border: 1.5px solid rgba(255, 255, 255, 0.6) !important;
backdrop-filter: blur(4px) !important;
}
a[href*="contact"].hero-btn-secondary:not(:has(span)):hover,
.hero-btn-contact-icon:hover {
background: rgba(255, 255, 255, 0.95) !important;
color: var(--primary-color) !important;
} .hero-btn-phone {
display: none !important;
} .floating-phone {
display: none;
position: fixed;
bottom: 25px;
right: 25px;
width: 56px;
height: 56px;
background: var(--primary-color);
color: #ffffff !important;
border-radius: 50%;
justify-content: center;
align-items: center;
font-size: 22px;
text-decoration: none;
box-shadow: 0 4px 20px rgba(127, 168, 182, 0.5);
z-index: 9999;
transition: all 0.3s ease;
}
.floating-phone i {
color: #ffffff !important;
font-size: 22px;
line-height: 1;
}
.floating-phone:hover {
background: var(--secondary-color);
transform: scale(1.1);
box-shadow: 0 6px 25px rgba(207, 49, 124, 0.5);
color: var(--light-color);
} .floating-phone::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--primary-color);
z-index: -1;
animation: phonePulse 2s ease-out infinite;
}
@keyframes phonePulse {
0% {
transform: scale(1);
opacity: 0.4;
}
100% {
transform: scale(1.5);
opacity: 0;
}
} @media (max-width: 768px) {
.floating-phone {
display: flex;
}
} @media screen and (max-width: 1024px) {
.monpilates-hero {
min-height: 500px;
}
.monpilates-hero-title {
font-size: 56px;
}
.monpilates-hero-subtitle {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.monpilates-hero {
min-height: 100vh;
}
.monpilates-hero-content {
padding: 40px 20px;
bottom: 0;
}
.monpilates-hero-logo {
margin-bottom: 25px;
}
.monpilates-hero-logo img {
max-width: 120px;
}
.monpilates-hero-slogan {
font-size: 11px;
letter-spacing: 2px;
margin-bottom: 12px;
}
.monpilates-hero-title {
font-size: 30px;
margin-bottom: 18px;
line-height: 1.2;
}
.monpilates-hero-subtitle {
font-size: 16px;
margin-bottom: 30px;
padding: 0 10px;
}
.monpilates-hero-buttons {
flex-direction: row;
gap: 15px;
padding: 0 20px;
}
.hero-btn {
width: 100%;
max-width: 300px;
justify-content: center;
padding: 16px 30px;
font-size: 14px;
}
#slider.nivoSlider {
height: 100vh !important;
}
}
@media screen and (max-width: 480px) {
.monpilates-hero {
min-height: 100vh;
}
.monpilates-hero-logo img {
max-width: 100px;
}
.monpilates-hero-title {
font-size: 24px;
margin-bottom: 15px;
}
.monpilates-hero-subtitle {
font-size: 14px;
}
.hero-btn {
padding: 14px 25px;
font-size: 13px;
} .monpilates-hero .nivo-caption,
.monpilates-hero .nivo-caption::before {
display: none !important;
}
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
} #section1 .container {
width: 100%;
position: relative;
}
#section2 .container {
width: 100%;
position: relative;
}
#section3 .container {
width: 100%;
position: relative;
}
#section6 .container {
width: 100%;
position: relative;
}
#section8 .container {
width: 100%;
position: relative;
}
.pilates-section { padding: 80px 20px;
}
.pilates-section-inner {
max-width: 1200px;
margin: 0 auto;
}
.pilates-section-title {
text-align: center;
font-size: 42px;
color: #2c2c2c;
margin-bottom: 20px;
font-weight: 700;
}
.pilates-section-intro {
text-align: center;
font-size: 18px;
color: #4a4a4a;
max-width: 800px;
margin: 0 auto 60px;
line-height: 1.8;
}
.pilates-cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-bottom: 60px;
}
.pilates-card {
background: white;
border-radius: 15px;
padding: 35px 25px;
box-shadow: 0 5px 25px rgba(0,0,0,0.08);
transition: all 0.3s ease;
animation: fadeInUp 0.6s ease-out backwards;
}
.pilates-card:nth-child(1) { animation-delay: 0.1s; }
.pilates-card:nth-child(2) { animation-delay: 0.2s; }
.pilates-card:nth-child(3) { animation-delay: 0.3s; }
.pilates-card:nth-child(4) { animation-delay: 0.4s; }
.pilates-card:nth-child(5) { animation-delay: 0.5s; }
.pilates-card:nth-child(6) { animation-delay: 0.6s; }
.card-icon {
font-size: 48px;
text-align: center;
margin-bottom: 20px;
}
.pilates-card h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
text-align: center;
}
.pilates-card h3.color-blue {
color: #7fa8b6;
}
.pilates-card h3.color-pink {
color: #cf317c;
}
.pilates-card h3 .subtitle {
font-size: 14px;
font-weight: 400;
color: #4a4a4a;
display: block;
}
.pilates-card p {
color: #4a4a4a;
font-size: 15px;
line-height: 1.6;
text-align: center;
margin: 0;
}
.reassurance-box {
background: linear-gradient(135deg, #7fa8b6 0%, #5a8a9a 100%);
border-radius: 20px;
padding: 40px 50px;
margin-bottom: 40px;
box-shadow: 0 10px 40px rgba(127, 168, 182, 0.3);
animation: fadeInUp 0.8s ease-out 0.8s backwards;
}
.reassurance-box p {
color: white;
font-size: 24px;
font-weight: 600;
text-align: center;
margin: 0;
line-height: 1.6;
}
.quality-badge {
background: white;
border: 3px solid #cf317c;
border-radius: 15px;
padding: 30px;
max-width: 600px;
margin: 0 auto;
text-align: center;
animation: fadeInUp 0.8s ease-out 1s backwards;
transition: transform 0.3s ease;
}
.quality-badge .badge-icon {
font-size: 36px;
margin-bottom: 15px;
transition: transform 0.3s ease;
}
.quality-badge h4 {
color: #cf317c;
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
}
.quality-badge p {
color: #4a4a4a;
font-size: 15px;
line-height: 1.6;
margin: 0;
} @media screen and (min-width: 769px) {
.pilates-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}
.quality-badge:hover {
transform: scale(1.05);
}
.quality-badge:hover .badge-icon {
transform: rotate(360deg);
}
} @media screen and (max-width: 768px) {
.pilates-section {
padding: 60px 15px;
}
.pilates-section-title {
font-size: 32px;
}
.pilates-section-intro {
font-size: 16px;
}
.pilates-cards-grid {
gap: 20px;
}
.pilates-card {
padding: 30px 20px;
}
.reassurance-box {
padding: 30px 25px;
}
.reassurance-box p {
font-size: 20px;
}
} .courses-section {
padding: 100px 0; position: relative;
overflow: hidden;
}
.courses-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; pointer-events: none;
}
.courses-container {
width: 100%;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 1;
box-sizing: border-box;
} @media screen and (min-width: 769px) and (max-width: 992px) {
.courses-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
.courses-header {
text-align: center;
margin-bottom: 60px;
animation: fadeInUp 0.6s ease-out;
}
.courses-header h2 {
font-size: 42px;
color: #2c3e50;
margin-bottom: 20px;
font-weight: 700;
line-height: 1.2;
}
.courses-header .intro-text {
font-size: 18px;
color: #5a6c7d;
max-width: 800px;
margin: 0 auto;
line-height: 1.7;
}
.courses-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 40px;
margin-bottom: 60px;
width: 100%;
}
.course-card {
background: white;
border-radius: 20px;
padding: 45px 35px;
box-shadow: 0 10px 40px rgba(0,0,0,0.08);
position: relative;
overflow: hidden;
animation: fadeInUp 0.7s ease-out backwards;
border-top: 5px solid transparent;
}
.course-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 5px;
background: linear-gradient(90deg, #7fa8b6 0%, #cf317c 100%);
border-radius: 20px 20px 0 0;
}
.course-card:nth-child(1) {
animation-delay: 0.1s;
}
.course-card:nth-child(2) {
animation-delay: 0.2s;
}
.course-card.private {
background: linear-gradient(135deg, #7fa8b6 0%, #5a8a9a 100%);
color: white;
}
.course-card.private::before {
background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,0.8) 100%);
}
.course-card.private h3,
.course-card.private .course-description,
.course-card.private .ideal-title,
.course-card.private .info-item h4,
.course-card.private .info-item p {
color: white;
}
.course-card.private .ideal-tag {
background: rgba(255,255,255,0.2);
color: white;
border: 1px solid rgba(255,255,255,0.3);
} .course-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
gap: 10px;
}
.course-card h3 {
font-size: 32px;
color: #2c3e50;
margin: 0;
font-weight: 700;
display: flex;
align-items: center;
gap: 12px;
}
.course-icon {
font-size: 32px;
} .course-badge {
display: inline-flex;
align-items: center;
gap: 5px;
background: linear-gradient(135deg, #7fa8b6 0%, #5a8a9a 100%);
color: white;
padding: 6px 12px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}
.course-badge-icon {
font-size: 14px;
}
.course-description {
font-size: 16px;
color: #5a6c7d;
line-height: 1.8;
margin-bottom: 30px;
}
.ideal-section {
margin-bottom: 25px;
}
.ideal-title {
font-size: 18px;
font-weight: 600;
color: #2c3e50;
margin-bottom: 15px;
}
.ideal-tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ideal-tag {
background: linear-gradient(135deg, rgba(127, 168, 182, 0.1) 0%, rgba(207, 49, 124, 0.1) 100%);
color: #2c3e50;
padding: 8px 16px;
border-radius: 25px;
font-size: 14px;
font-weight: 500;
border: 1px solid rgba(127, 168, 182, 0.2);
transition: all 0.3s ease;
}
.course-features {
list-style: none;
padding: 0;
margin: 0;
}
.course-features li {
padding: 10px 0;
padding-left: 30px;
position: relative;
font-size: 15px;
line-height: 1.6;
}
.course-features li::before {
content: '✓';
position: absolute;
left: 0;
color: #cf317c;
font-weight: 700;
font-size: 18px;
}
.course-card.private .course-features li::before {
color: white;
} .card-location {
margin-top: 25px;
padding-top: 20px;
border-top: 1px solid rgba(127, 168, 182, 0.2);
font-size: 15px;
color: #7fa8b6;
font-weight: 500;
text-align: center;
}
.course-card.private .card-location {
color: rgba(255, 255, 255, 0.9);
border-top-color: rgba(255, 255, 255, 0.2);
}
.certification-section {
text-align: center;
margin: 60px 0;
animation: fadeInUp 0.8s ease-out backwards;
animation-delay: 0.3s;
}
.certification-badge {
display: inline-block;
background: white;
border: 3px solid #cf317c;
border-radius: 15px;
padding: 30px 50px;
box-shadow: 0 10px 30px rgba(207, 49, 124, 0.15);
transition: all 0.3s ease;
}
.badge-icon {
font-size: 48px;
margin-bottom: 15px;
}
.certification-badge h3 {
font-size: 24px;
color: #2c3e50;
margin: 0 0 10px 0;
font-weight: 700;
}
.certification-badge p {
font-size: 16px;
color: #5a6c7d;
margin: 0;
line-height: 1.6;
}
.practical-info {
background: white;
border-radius: 20px;
padding: 45px 35px;
box-shadow: 0 10px 40px rgba(0,0,0,0.08);
margin-bottom: 50px;
animation: fadeInUp 0.9s ease-out backwards;
animation-delay: 0.4s;
}
.practical-info h3 {
font-size: 28px;
color: #2c3e50;
margin-bottom: 35px;
text-align: center;
font-weight: 700;
}
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}
.info-item {
text-align: center;
padding: 20px;
border-radius: 12px;
background: linear-gradient(135deg, rgba(127, 168, 182, 0.05) 0%, rgba(207, 49, 124, 0.05) 100%);
transition: all 0.3s ease;
}
.info-item-icon {
font-size: 36px;
margin-bottom: 15px;
display: block;
}
.info-item h4 {
font-size: 18px;
color: #2c3e50;
margin: 0 0 10px 0;
font-weight: 600;
}
.info-item p {
font-size: 15px;
color: #5a6c7d;
margin: 0;
line-height: 1.6;
}
.cta-section {
text-align: center;
animation: fadeInUp 1s ease-out backwards;
animation-delay: 0.5s;
}
.cta-button {
display: inline-block;
background: linear-gradient(135deg, #7fa8b6 0%, #cf317c 100%);
color: white;
padding: 18px 50px;
border-radius: 50px;
font-size: 18px;
font-weight: 600;
text-decoration: none;
box-shadow: 0 10px 30px rgba(127, 168, 182, 0.3);
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.closing-phrase {
text-align: center;
margin-top: 40px;
font-size: 18px;
color: #5a6c7d;
font-style: italic;
animation: fadeInUp 1.1s ease-out backwards;
animation-delay: 0.6s;
} @media screen and (min-width: 769px) {
.course-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 60px rgba(0,0,0,0.15);
}
.ideal-tag:hover {
transform: scale(1.05);
background: linear-gradient(135deg, rgba(127, 168, 182, 0.2) 0%, rgba(207, 49, 124, 0.2) 100%);
border-color: rgba(127, 168, 182, 0.4);
}
.course-card.private .ideal-tag:hover {
background: rgba(255,255,255,0.3);
border-color: rgba(255,255,255,0.5);
}
.certification-badge:hover {
transform: scale(1.05);
box-shadow: 0 15px 40px rgba(207, 49, 124, 0.25);
}
.info-item:hover {
transform: translateY(-5px);
background: linear-gradient(135deg, rgba(127, 168, 182, 0.1) 0%, rgba(207, 49, 124, 0.1) 100%);
}
.cta-button:hover {
transform: scale(1.05);
box-shadow: 0 15px 40px rgba(127, 168, 182, 0.4);
}
} @media screen and (max-width: 992px) {
.courses-section {
padding: 80px 0;
}
.courses-header h2 {
font-size: 36px;
}
.courses-grid {
gap: 30px;
}
.course-card {
padding: 35px 25px;
}
.course-card h3 {
font-size: 28px;
}
.certification-badge {
padding: 25px 40px;
}
} @media screen and (max-width: 768px) {
.courses-section {
padding: 60px 0;
}
.courses-header {
margin-bottom: 40px;
}
.courses-header h2 {
font-size: 28px;
margin-bottom: 15px;
}
.courses-header .intro-text {
font-size: 16px;
}
.courses-grid {
grid-template-columns: 1fr !important;
gap: 25px;
margin-bottom: 40px;
}
.course-card {
padding: 30px 20px;
}
.course-header {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.course-card h3 {
font-size: 22px;
gap: 8px;
}
.course-icon {
font-size: 26px;
}
.course-badge {
padding: 5px 10px;
font-size: 11px;
}
.course-description {
font-size: 15px;
}
.ideal-title {
font-size: 16px;
}
.ideal-tag {
font-size: 13px;
padding: 6px 12px;
}
.course-features li {
font-size: 14px;
padding: 8px 0 8px 25px;
}
.certification-section {
margin: 40px 0;
}
.certification-badge {
padding: 25px 30px;
}
.badge-icon {
font-size: 40px;
}
.certification-badge h3 {
font-size: 20px;
}
.certification-badge p {
font-size: 14px;
}
.practical-info {
padding: 30px 20px;
margin-bottom: 35px;
}
.practical-info h3 {
font-size: 24px;
margin-bottom: 25px;
}
.info-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.info-item {
padding: 20px 15px;
}
.info-item-icon {
font-size: 30px;
}
.info-item h4 {
font-size: 16px;
}
.info-item p {
font-size: 14px;
}
.cta-button {
padding: 15px 40px;
font-size: 16px;
width: 100%;
max-width: 300px;
}
.closing-phrase {
font-size: 16px;
margin-top: 30px;
padding: 0 10px;
}
} .principes-section {
padding: 100px 20px;
background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
position: relative;
}
.principes-container {
width: 100%;
max-width: 1400px;
margin: 0 auto;
box-sizing: border-box;
}
.principes-header {
text-align: center;
margin-bottom: 60px;
animation: fadeInUp 0.6s ease-out;
}
.principes-header h2 {
font-size: 40px;
color: #2c3e50;
margin-bottom: 25px;
font-weight: 700;
line-height: 1.2;
}
.principes-header .subtitle {
font-size: 18px;
color: #5a6c7d;
max-width: 800px;
margin: 0 auto;
line-height: 1.8;
} .principes-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-bottom: 60px;
}
.principe-card {
background: white;
border-radius: 16px;
padding: 35px 30px;
box-shadow: 0 5px 30px rgba(0,0,0,0.06);
transition: all 0.3s ease;
animation: fadeInUp 0.6s ease-out backwards;
position: relative;
overflow: hidden;
}
.principe-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #7fa8b6 0%, #cf317c 100%);
opacity: 0;
transition: opacity 0.3s ease;
}
.principe-card:nth-child(1) { animation-delay: 0.1s; }
.principe-card:nth-child(2) { animation-delay: 0.15s; }
.principe-card:nth-child(3) { animation-delay: 0.2s; }
.principe-card:nth-child(4) { animation-delay: 0.25s; }
.principe-card:nth-child(5) { animation-delay: 0.3s; }
.principe-card:nth-child(6) { animation-delay: 0.35s; }
.principe-icon {
font-size: 40px;
margin-bottom: 15px;
display: block;
}
.principe-card h3 {
font-size: 22px;
color: #2c3e50;
margin-bottom: 8px;
font-weight: 700;
display: flex;
align-items: center;
gap: 10px;
}
.principe-card h3 .principe-tagline {
font-size: 14px;
color: #7fa8b6;
font-weight: 500;
}
.principe-benefits {
list-style: none;
padding: 0;
margin: 0 0 20px 0;
}
.principe-benefits li {
font-size: 14px;
color: #5a6c7d;
padding: 6px 0;
padding-left: 20px;
position: relative;
line-height: 1.5;
}
.principe-benefits li::before {
content: '•';
position: absolute;
left: 0;
color: #7fa8b6;
font-weight: 700;
}
.principe-takeaway {
font-size: 15px;
color: #2c3e50;
font-weight: 600;
padding-top: 15px;
border-top: 1px solid rgba(127, 168, 182, 0.2);
margin: 0;
}
.principe-takeaway::before {
content: '👉 ';
} .principes-transition {
text-align: center;
max-width: 900px;
margin: 0 auto;
padding: 40px;
background: linear-gradient(135deg, rgba(127, 168, 182, 0.08) 0%, rgba(207, 49, 124, 0.08) 100%);
border-radius: 20px;
animation: fadeInUp 0.8s ease-out backwards;
animation-delay: 0.4s;
}
.principes-transition p {
font-size: 18px;
color: #2c3e50;
line-height: 1.8;
margin: 0;
font-style: italic;
} @media screen and (min-width: 769px) {
.principe-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}
.principe-card:hover::before {
opacity: 1;
}
} @media screen and (max-width: 992px) {
.principes-section {
padding: 80px 20px;
}
.principes-header h2 {
font-size: 34px;
}
.principes-grid {
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.principe-card {
padding: 30px 25px;
}
} @media screen and (max-width: 768px) {
.principes-section {
padding: 60px 15px;
}
.principes-header {
margin-bottom: 35px;
}
.principes-header h2 {
font-size: 24px;
margin-bottom: 15px;
}
.principes-header .subtitle {
font-size: 15px;
line-height: 1.6;
}
.principes-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin-bottom: 30px;
}
.principe-card {
padding: 18px 14px;
}
.principe-icon {
font-size: 28px;
margin-bottom: 8px;
}
.principe-card h3 {
font-size: 15px;
flex-direction: column;
align-items: flex-start;
gap: 2px;
margin-bottom: 6px;
}
.principe-card h3 .principe-tagline {
font-size: 11px;
display: none; }
.principe-benefits {
margin-bottom: 12px;
}
.principe-benefits li {
font-size: 12px;
padding: 3px 0 3px 12px;
line-height: 1.4;
}
.principe-takeaway {
font-size: 12px;
padding-top: 10px;
}
.principe-takeaway::before {
content: '→ '; }
.principes-transition {
padding: 20px 15px;
margin-top: 10px;
}
.principes-transition p {
font-size: 14px;
line-height: 1.6;
}
.principes-transition p {
font-size: 15px;
}
} @media screen and (max-width: 480px) {
.principes-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.principe-card {
padding: 25px 20px;
}
.principe-card h3 {
font-size: 18px;
}
} .parcours-section {
padding: 100px 20px;
background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
position: relative;
}
.parcours-container {
width: 100%;
max-width: 800px;
margin: 0 auto;
box-sizing: border-box;
}
.parcours-header {
text-align: center;
margin-bottom: 50px;
animation: fadeInUp 0.6s ease-out;
}
.parcours-header h2 {
font-size: 38px;
color: #2c3e50;
margin-bottom: 0;
font-weight: 700;
line-height: 1.3;
} .parcours-content {
display: flex;
flex-direction: column;
gap: 40px;
margin-bottom: 50px;
}
.parcours-block {
text-align: center;
animation: fadeInUp 0.6s ease-out backwards;
}
.parcours-block:nth-child(1) { animation-delay: 0.1s; }
.parcours-block:nth-child(2) { animation-delay: 0.2s; }
.parcours-block:nth-child(3) { animation-delay: 0.3s; }
.parcours-block-icon {
font-size: 36px;
margin-bottom: 15px;
display: block;
}
.parcours-block h3 {
font-size: 20px;
color: #7fa8b6;
margin-bottom: 15px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.parcours-block p {
font-size: 18px;
color: #4a5568;
line-height: 1.8;
margin: 0;
} .parcours-block.highlight {
background: white;
padding: 40px 35px;
border-radius: 20px;
box-shadow: 0 10px 40px rgba(0,0,0,0.06);
position: relative;
}
.parcours-block.highlight::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 4px;
background: linear-gradient(90deg, #7fa8b6 0%, #cf317c 100%);
border-radius: 2px;
}
.parcours-block.highlight p {
font-size: 19px;
color: #2c3e50;
font-weight: 500;
} .parcours-quote {
text-align: center;
padding: 40px;
background: linear-gradient(135deg, rgba(127, 168, 182, 0.1) 0%, rgba(207, 49, 124, 0.1) 100%);
border-radius: 20px;
animation: fadeInUp 0.7s ease-out backwards;
animation-delay: 0.4s;
}
.parcours-quote blockquote {
font-size: 20px;
color: #2c3e50;
font-style: italic;
line-height: 1.7;
margin: 0;
position: relative;
}
.parcours-quote blockquote::before {
content: '"';
font-size: 60px;
color: #cf317c;
opacity: 0.3;
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
} @media screen and (max-width: 992px) {
.parcours-section {
padding: 80px 20px;
}
.parcours-header h2 {
font-size: 32px;
}
.parcours-block p {
font-size: 17px;
}
.parcours-block.highlight p {
font-size: 18px;
}
} @media screen and (max-width: 768px) {
.parcours-section {
padding: 60px 15px;
}
.parcours-header {
margin-bottom: 35px;
}
.parcours-header h2 {
font-size: 26px;
}
.parcours-content {
gap: 30px;
margin-bottom: 35px;
}
.parcours-block-icon {
font-size: 30px;
margin-bottom: 10px;
}
.parcours-block h3 {
font-size: 16px;
margin-bottom: 12px;
}
.parcours-block p {
font-size: 15px;
line-height: 1.7;
}
.parcours-block.highlight {
padding: 30px 20px;
}
.parcours-block.highlight p {
font-size: 16px;
}
.parcours-quote {
padding: 30px 20px;
}
.parcours-quote blockquote {
font-size: 16px;
}
.parcours-quote blockquote::before {
font-size: 40px;
top: -20px;
}
} .studio-section {
padding: 80px 20px;
background: #ffffff;
}
.studio-container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
box-sizing: border-box;
} .studio-header {
text-align: center;
margin-bottom: 40px;
animation: fadeInUp 0.6s ease-out;
}
.studio-header h2 {
font-size: 36px;
color: #2c3e50;
margin-bottom: 15px;
font-weight: 700;
}
.studio-header .studio-intro {
font-size: 18px;
color: #5a6c7d;
max-width: 600px;
margin: 0 auto 25px;
line-height: 1.6;
} .studio-chips {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
padding-bottom: 15px;
}
.studio-chip {
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, rgba(127, 168, 182, 0.1) 0%, rgba(207, 49, 124, 0.1) 100%);
color: #2c3e50;
padding: 14px 22px;
border-radius: 30px;
font-size: 15px;
font-weight: 500;
border: 1px solid rgba(127, 168, 182, 0.2);
gap: 10px;
height: 48px;
box-sizing: border-box;
}
.studio-chip-icon {
font-size: 18px;
line-height: 1;
display: block;
}
.studio-chip-text {
line-height: 1;
display: block;
} .studio-gallery {
margin-bottom: 40px;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0,0,0,0.1);
} .studio-infos {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 40px;
padding: 30px;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
border-radius: 15px;
animation: fadeInUp 0.7s ease-out backwards;
animation-delay: 0.2s;
}
.studio-info-item {
display: flex;
align-items: center;
gap: 12px;
}
.studio-info-icon {
font-size: 24px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: white;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
.studio-info-content h4 {
font-size: 14px;
color: #7fa8b6;
margin: 0 0 4px 0;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.studio-info-content p {
font-size: 15px;
color: #2c3e50;
margin: 0;
font-weight: 500;
} @media screen and (max-width: 992px) {
.studio-section {
padding: 60px 20px;
}
.studio-header h2 {
font-size: 30px;
}
.studio-infos {
gap: 25px;
padding: 25px 20px;
}
} @media screen and (max-width: 768px) {
.studio-section {
padding: 50px 15px;
}
.studio-header {
margin-bottom: 30px;
}
.studio-header h2 {
font-size: 24px;
margin-bottom: 12px;
}
.studio-header .studio-intro {
font-size: 15px;
margin-bottom: 20px;
}
.studio-chips {
gap: 8px;
}
.studio-chip {
padding: 8px 14px;
font-size: 12px;
gap: 0px;
}
.studio-chip-icon {
font-size: 16px;
}
.studio-gallery {
margin-bottom: 25px;
border-radius: 15px;
}
.studio-infos {
flex-direction: column;
gap: 20px;
padding: 25px 20px;
}
.studio-info-item {
flex-direction: column;
text-align: center;
width: 100%;
}
.studio-info-icon {
width: 45px;
height: 45px;
font-size: 20px;
}
.studio-info-content {
text-align: center;
}
.studio-info-content h4 {
font-size: 12px;
}
.studio-info-content p {
font-size: 14px;
}
.studio-emotion {
font-size: 15px;
margin-bottom: 20px;
}
.studio-cta-link {
font-size: 14px;
margin-top: 25px;
}
} .studio-emotion {
text-align: center;
font-size: 17px;
color: #5a6c7d;
font-style: italic;
margin: 25px 0;
line-height: 1.6;
} .studio-cta-link {
text-align: center;
margin-top: 35px;
}
.studio-cta-link a {
display: inline-flex;
align-items: center;
gap: 8px;
color: #7fa8b6;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.studio-cta-link a:hover {
color: #cf317c;
} .temoignages-section {
padding: 100px 20px;
background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
}
.temoignages-container {
width: 100%;
max-width: 1100px;
margin: 0 auto;
box-sizing: border-box;
}
.temoignages-header {
text-align: center;
margin-bottom: 50px;
animation: fadeInUp 0.6s ease-out;
}
.temoignages-header h2 {
font-size: 36px;
color: #2c3e50;
margin-bottom: 20px;
font-weight: 700;
}
.temoignages-proof {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.temoignages-stars {
font-size: 20px;
letter-spacing: 2px;
color: #f5c518;
}
.temoignages-google {
font-size: 14px;
color: #7fa8b6;
font-weight: 500;
}
.temoignages-subtitle {
font-size: 15px;
color: #5a6c7d;
font-style: italic;
}
.temoignages-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-bottom: 50px;
}
.temoignage-card {
background: white;
border-radius: 16px;
padding: 30px 25px;
box-shadow: 0 5px 25px rgba(0,0,0,0.06);
animation: fadeInUp 0.6s ease-out backwards;
transition: all 0.3s ease;
}
.temoignage-card:nth-child(1) { animation-delay: 0.1s; }
.temoignage-card:nth-child(2) { animation-delay: 0.2s; }
.temoignage-card:nth-child(3) { animation-delay: 0.3s; }
.temoignage-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 18px;
}
.temoignage-stars {
font-size: 16px;
letter-spacing: 1px;
color: #f5c518;
}
.temoignage-google-logo {
width: 20px;
height: 20px;
opacity: 0.6;
}
.temoignage-text {
font-size: 15px;
color: #4a5568;
line-height: 1.7;
margin-bottom: 18px;
font-style: italic;
}
.temoignage-author {
font-size: 14px;
color: #2c3e50;
font-weight: 600;
}
.temoignages-cta {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.temoignages-cta a {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 28px;
border-radius: 30px;
font-size: 15px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.temoignages-cta .btn-google {
background: white;
color: #2c3e50;
border: 1px solid rgba(127, 168, 182, 0.3);
}
.temoignages-cta .btn-google:hover {
border-color: #7fa8b6;
box-shadow: 0 5px 20px rgba(127, 168, 182, 0.2);
}
.temoignages-cta .btn-cours {
background: linear-gradient(135deg, #7fa8b6 0%, #cf317c 100%);
color: white;
transition: 
transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
box-shadow 0.35s ease,
color 0.25s ease;
will-change: transform;
}
.temoignages-cta .btn-cours:hover {
transform: scale(1.03);
box-shadow: 0 10px 28px rgba(127, 168, 182, 0.25);
color: #cf317c !important;
}
@media screen and (min-width: 769px) {
.temoignage-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}
}
@media screen and (max-width: 992px) {
.temoignages-section {
padding: 80px 20px;
}
.temoignages-header h2 {
font-size: 30px;
}
.temoignages-grid {
gap: 20px;
}
}
@media screen and (max-width: 768px) {
.temoignages-section {
padding: 60px 15px;
}
.temoignages-header {
margin-bottom: 35px;
}
.temoignages-header h2 {
font-size: 24px;
margin-bottom: 15px;
}
.temoignages-grid {
grid-template-columns: 1fr;
gap: 20px;
margin-bottom: 35px;
}
.temoignage-card {
padding: 25px 20px;
}
.temoignage-text {
font-size: 14px;
}
.temoignages-cta {
flex-direction: column;
align-items: center;
gap: 12px;
}
.temoignages-cta a {
width: 100%;
max-width: 280px;
justify-content: center;
}
} .footer-partner {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 15px 0;
margin-bottom: 10px;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer-partner span {
font-size: 12px;
color: rgba(255,255,255,0.6);
}
.footer-partner a {
display: inline-flex;
align-items: center;
}
.footer-partner .partner-logo {
height: 20px;
width: auto;
opacity: 0.7;
transition: opacity 0.3s ease;
}
.footer-partner .partner-logo:hover {
opacity: 1;
}
@media screen and (max-width: 768px) {
.footer-partner {
flex-direction: column;
gap: 8px;
}
.footer-partner span {
font-size: 11px;
}
.footer-partner .partner-logo {
height: 18px;
}
.container, .content-area{ width:100% !important;
margin:0 auto;
}
}   .slider-main + section,
.slider-main + .container,
.slider-main + div > section:first-child,
#slider + section,
.nivoSlider + section,
body.home section:first-of-type,
body.front-page section:first-of-type {
position: relative;
}
.slider-main + section::before,
.slider-main + .container::before,
body.home section:first-of-type::before,
body.front-page section:first-of-type::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 80px;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.04) 0%,
transparent 100%
);
pointer-events: none;
z-index: 1;
}  a[href*="planning"],
a[href*="reservation"],
a[href*="reserver"],
.btn-reserver,
.hero-btn-primary {
position: relative;
} a[href*="contact"]:not(.hero-btn-primary),
.btn-contact {
opacity: 0.92;
}  h2.section_title,
.section_title,
.courses-header h2 {
letter-spacing: -0.01em !important;
text-transform: none !important;
} .monpilates-hero-slogan,
.nivo-caption .slide-slogan {
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
opacity: 0.9 !important;
}  section .container,
.section .container {
max-width: 1200px;
padding-left: 24px;
padding-right: 24px;
}
@media (min-width: 768px) {
section .container,
.section .container {
padding-left: 40px;
padding-right: 40px;
}
}  section,
.section,
[id^="section"] {
background-color: #ffffff !important;
} section:nth-of-type(even),
.section:nth-of-type(even),
#section2, #section4, #section6, #section8, #section10,
#section12, #section14, #section16, #section18, #section20 {
background-color: #FAFBFC !important; } section.section-signature,
.section-primary,
section[data-theme="primary"] {
background: linear-gradient(
135deg,
rgba(91, 143, 168, 0.04) 0%,
rgba(91, 143, 168, 0.08) 100%
) !important;
} section.section-accent,
.section-accent,
section[data-theme="accent"] {
background: linear-gradient(
135deg,
rgba(201, 169, 166, 0.04) 0%,
rgba(201, 169, 166, 0.08) 100%
) !important;
} section:nth-of-type(even) .course-card:not(.private),
section:nth-of-type(even) .info-item,
section:nth-of-type(even) .benefit-box,
section:nth-of-type(even) .service-box {
background: #ffffff !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
} section:nth-of-type(even) .course-card.private {
background: linear-gradient(135deg, #5B8FA8 0%, #4A7A91 100%) !important;
color: white !important;
}  .course-card:hover,
.info-item:hover,
.benefit-box:hover,
.service-box:hover {
transform: translateY(-4px) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}  .button,
.cta-button,
.hero-btn,
a.morebutton,
input[type="submit"],
.wpcf7 form input[type="submit"] {
font-weight: 500 !important;
letter-spacing: 0 !important;
text-transform: none !important;
border-radius: 12px !important;
} .button:focus-visible,
.hero-btn:focus-visible,
.cta-button:focus-visible,
a:focus-visible {
outline: none !important;
box-shadow: 0 0 0 3px rgba(91, 143, 168, 0.3) !important;
} @media screen and (max-width: 768px) { .hero-btn,
.hero-btn-primary,
.hero-btn-secondary {
padding: 14px 24px !important;
font-size: 14px !important;
} section,
.section {
padding-top: 50px !important;
padding-bottom: 50px !important;
} h2.section_title,
.section_title {
font-size: clamp(1.5rem, 5vw, 1.875rem) !important;
}
}  .cta-section,
.cta-final,
section:last-of-type .cta-button {
text-align: center;
} .cta-button,
.cta-final .btn-primary,
a[href*="planning"].cta-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 10px;
padding: 18px 40px !important;
font-size: 1rem !important;
font-weight: 500 !important;
background: var(--primary-color) !important;
color: var(--light-color) !important;
border: none !important;
border-radius: 12px !important;
box-shadow: 0 4px 16px rgba(91, 143, 168, 0.3) !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.cta-button:hover,
.cta-final .btn-primary:hover,
a.cta-button:hover,
.cta-section a:hover {
background: var(--primary-dark) !important;
background-color: var(--primary-dark) !important;
color: var(--light-color) !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 24px rgba(91, 143, 168, 0.4) !important;
} .cta-secondary,
.cta-final .btn-secondary,
.closing-cta-secondary {
display: inline-flex !important;
align-items: center;
gap: 8px;
padding: 14px 28px !important;
font-size: 0.9375rem !important;
font-weight: 500 !important;
background: transparent !important;
color: var(--primary-color) !important;
border: 1.5px solid var(--primary-color) !important;
border-radius: 12px !important;
margin-left: 12px;
transition: all 0.25s ease !important;
}
.cta-secondary:hover,
.cta-final .btn-secondary:hover {
background: var(--gray-light) !important;
color: var(--primary-dark) !important;
border-color: var(--primary-dark) !important;
transform: translateY(-2px) !important;
} .cta-button.buttonstyle2:hover,
.cta-section .buttonstyle2:hover,
.buttonstyle2.cta-button:hover,
.closing-phrase + a:hover,
a[href*="planning"]:hover,
a[href*="reservation"]:hover,
a[href="#reservation"]:hover,
.cta-section .cta-button:hover,
.cta-section a.cta-button:hover,
.cta-section a[class*="button"]:hover,
.cta-final a[class*="button"]:hover,
.courses-section .cta-button:hover,
.courses-container .cta-button:hover {
background: var(--primary-dark) !important;
background-color: var(--primary-dark) !important;
color: #ffffff !important;
} .cta-buttons,
.cta-group {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: center;
align-items: center;
}
@media (max-width: 576px) {
.cta-buttons,
.cta-group {
flex-direction: column;
}
.cta-secondary {
margin-left: 0 !important;
}
}  @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
} .cta-button:hover,
.courses-section .cta-section .cta-button:hover,
.courses-container .cta-section .cta-button:hover,
a.cta-button:hover {
background: #4A7A91 !important;
background-color: #4A7A91 !important;
color: #ffffff !important;
} .principe-icon {
font-size: 32px;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px; background: linear-gradient(135deg, rgba(127, 168, 182, 0.15) 0%, rgba(207, 49, 124, 0.10) 100%);
border: 1px solid rgba(127, 168, 182, 0.12);
border-radius: 16px;
transition: all 0.3s ease;
}
.principe-card:hover .principe-icon {
background: linear-gradient(135deg, rgba(127, 168, 182, 0.22) 0%, rgba(207, 49, 124, 0.15) 100%);
transform: scale(1.08);
border-color: rgba(207, 49, 124, 0.15);
} @media screen and (max-width: 768px) {
.principe-icon {
font-size: 24px;
width: 48px;
height: 48px;
border-radius: 12px;
margin-bottom: 10px;
}
} .studio-cta-link {
text-align: center;
margin-top: 40px;
}
.studio-cta-link a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px; padding: 16px 36px;
font-size: 16px;
font-weight: 600;
color: #ffffff;
background: linear-gradient(135deg, #7fa8b6 0%, #cf317c 100%);
border-radius: 50px;
text-decoration: none;
box-shadow: 0 6px 24px rgba(207, 49, 124, 0.25);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.studio-cta-link a:hover {
color: #ffffff;
transform: translateY(-3px);
box-shadow: 0 10px 32px rgba(207, 49, 124, 0.35);
} @media screen and (max-width: 768px) {
.studio-cta-link {
margin-top: 30px;
}
.studio-cta-link a {
padding: 14px 28px;
font-size: 15px;
width: 100%;
max-width: 280px;
}
.mp-need-card {
display: inline;
}
}
body.admin-bar .mp-header-spacer {
height: 0 !important;
}
.innerbanner {
display: none !important;
}:root { --mp-ocean: #7fa8b6;
--mp-ocean-deep: #5a8a9a;
--mp-ocean-light: #a8c5cf;
--mp-rose: #cf317c;
--mp-rose-light: #e85a9c; --mp-white: #ffffff;
--mp-white-soft: rgba(255, 255, 255, 0.98);
--mp-dark: #2c3e50;
--mp-dark-soft: #3d5166;
--mp-gray: #64748b;
--mp-gray-light: #f1f5f9; --mp-ease-breath: cubic-bezier(0.4, 0, 0.1, 1);
--mp-ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
--mp-ease-out-soft: cubic-bezier(0, 0, 0.2, 1);
--mp-duration-breath: 3s;
--mp-duration-slow: 0.6s;
--mp-duration-normal: 0.4s;
--mp-duration-fast: 0.25s; --mp-header-height: 100px;
--mp-header-height-scrolled: 70px;
--mp-logo-height: 60px;
--mp-logo-height-scrolled: 45px; --mp-z-header: 9990;
--mp-z-dropdown: 9991;
--mp-z-mobile-menu: 9992;
--mp-z-mobile-toggle: 9993;
}  .header:not(.mp-header) {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
} .ppmenubg,
.sitenav,
.logo,
.pp_topstrip,
.toggleMenu {
display: none !important;
visibility: hidden !important;
} #mega-menu-wrap-primary,
.mega-menu-toggle,
.mega-toggle-block {
display: none !important;
visibility: hidden !important;
} .mp-header,
.mp-header *,
.mp-mobile-menu,
.mp-mobile-menu * {
box-sizing: border-box;
} .mp-nav ul,
.mp-nav .menu,
.mp-nav__list,
.mp-mobile-menu__nav ul,
.mp-mobile-menu__nav .menu {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
background: transparent !important;
border: none !important;
float: none !important;
}
.mp-nav li,
.mp-nav .menu-item,
.mp-mobile-menu__nav li {
margin: 0 !important;
padding: 0 !important;
float: none !important;
background: transparent !important;
border: none !important;
}
.mp-nav a,
.mp-mobile-menu__nav a {
text-decoration: none !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
text-shadow: none !important;
} .mp-nav li:last-child > a,
.mp-nav .menu > li:last-child > a {
background: transparent !important;
border-radius: 0 !important;
margin-left: 0 !important;
box-shadow: none !important;
} .mp-header {
position: fixed;
top: 0;
left: 0;
right: 0;
height: var(--mp-header-height);
z-index: var(--mp-z-header);
transition:
height var(--mp-duration-slow) var(--mp-ease-breath),
background-color var(--mp-duration-slow) var(--mp-ease-breath),
box-shadow var(--mp-duration-slow) var(--mp-ease-breath),
top var(--mp-duration-slow) var(--mp-ease-breath);
} body.admin-bar .mp-header {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .mp-header {
top: 46px;
}
} .mp-header {
background-color: var(--mp-white-soft);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
} .mp-header[data-state="scrolled"] {
height: var(--mp-header-height-scrolled);
background-color: var(--mp-white);
box-shadow:
0 4px 20px rgba(0, 0, 0, 0.06),
0 1px 3px rgba(0, 0, 0, 0.04);
} @media (min-width: 1024px) {
.mp-header[data-state="scrolled"] {
background-color: rgba(255, 255, 255, 0.98);
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.03),
0 4px 12px rgba(0, 0, 0, 0.05),
0 8px 24px rgba(0, 0, 0, 0.04);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
} .mp-header[data-state="scrolled"] .mp-nav a {
color: var(--mp-dark) !important;
text-shadow: none !important;
}
.mp-header[data-state="scrolled"] .mp-nav a:hover {
color: var(--mp-ocean-deep) !important;
}
.mp-header[data-state="scrolled"] .mp-nav a::after {
background-color: var(--mp-ocean) !important;
box-shadow: none;
} .mp-nav a {
transition:
color var(--mp-duration-slow) var(--mp-ease-breath),
text-shadow var(--mp-duration-slow) var(--mp-ease-breath),
opacity var(--mp-duration-normal) var(--mp-ease-smooth);
}
} body.home .mp-header[data-state="top"],
body.front-page .mp-header[data-state="top"] {
background-color: transparent;
box-shadow: none;
} @media (min-width: 1024px) {
body.home .mp-header[data-state="top"]::before,
body.front-page .mp-header[data-state="top"]::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.40) 0%,
rgba(0, 0, 0, 0.25) 40%,
rgba(0, 0, 0, 0.08) 70%,
transparent 100%
);
pointer-events: none;
transition: opacity var(--mp-duration-slow) var(--mp-ease-breath);
}
} @media (max-width: 1023px) {
body.home .mp-header[data-state="top"]::before,
body.front-page .mp-header[data-state="top"]::before {
display: none !important;
content: none !important;
}
}
body.home .mp-header[data-state="scrolled"]::before,
body.front-page .mp-header[data-state="scrolled"]::before {
opacity: 0;
} .mp-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 40px;
}
@media (max-width: 768px) {
.mp-header__inner {
padding: 0 20px;
}
} .mp-logo {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
flex-shrink: 0 !important;
z-index: 1;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
}
.mp-logo__image {
height: var(--mp-logo-height) !important;
width: auto !important;
max-height: var(--mp-logo-height) !important;
transition:
height var(--mp-duration-slow) var(--mp-ease-breath),
filter var(--mp-duration-slow) var(--mp-ease-breath),
transform var(--mp-duration-normal) var(--mp-ease-smooth);
} .mp-header[data-state="scrolled"] .mp-logo__image {
height: var(--mp-logo-height-scrolled) !important;
max-height: var(--mp-logo-height-scrolled) !important;
} body.home .mp-header[data-state="top"] .mp-logo__image,
body.front-page .mp-header[data-state="top"] .mp-logo__image {
filter: brightness(0) invert(1) !important;
} .mp-logo:hover .mp-logo__image {
transform: scale(1.02);
} .mp-logo__breath {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
pointer-events: none;
}
.mp-logo__breath::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 120%;
height: 120%;
border-radius: 50%;
background: radial-gradient(
circle,
var(--mp-ocean-light) 0%,
transparent 70%
);
transform: translate(-50%, -50%) scale(0.8);
opacity: 0;
transition: opacity 0.3s ease;
} .mp-logo:hover .mp-logo__breath::before {
animation: mp-breath var(--mp-duration-breath) var(--mp-ease-smooth) infinite;
} body.home .mp-header[data-state="top"] .mp-logo__breath::before,
body.front-page .mp-header[data-state="top"] .mp-logo__breath::before {
background: radial-gradient(
circle,
rgba(255, 255, 255, 0.3) 0%,
transparent 70%
);
}
@keyframes mp-breath {
0%, 100% {
transform: translate(-50%, -50%) scale(0.8);
opacity: 0;
}
50% {
transform: translate(-50%, -50%) scale(1.15);
opacity: 0.6;
}
} @media (max-width: 768px) {
.mp-logo__breath,
.mp-logo__breath::before {
display: none !important;
opacity: 0 !important;
}
} .mp-nav {
display: flex;
align-items: center;
flex: 1;
justify-content: center;
padding: 0 40px;
}
.mp-nav__list,
.mp-nav ul.menu {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
} .mp-nav__item,
.mp-nav li {
position: relative;
margin: 0;
padding: 0;
} .mp-nav__link,
.mp-nav a {
display: flex !important;
align-items: center !important;
padding: 12px 16px !important;
color: var(--mp-dark) !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
letter-spacing: 0.3px;
text-decoration: none;
position: relative;
white-space: nowrap !important; transition: color var(--mp-duration-normal) var(--mp-ease-smooth);
} .mp-nav__link::after,
.mp-nav > ul > li > a::after,
.mp-nav > .menu > li > a::after {
content: '';
position: absolute;
bottom: 8px;
left: 20px;
right: 20px;
height: 2px;
background-color: var(--mp-ocean);
transform: scaleX(0);
transform-origin: center;
transition: transform var(--mp-duration-normal) var(--mp-ease-smooth);
}
.mp-nav__link:hover,
.mp-nav a:hover,
.mp-nav li.current-menu-item > a,
.mp-nav li.current-menu-ancestor > a {
color: var(--mp-ocean-deep) !important;
}
.mp-nav__link:hover::after,
.mp-nav > ul > li > a:hover::after,
.mp-nav > .menu > li > a:hover::after,
.mp-nav li.current-menu-item > a::after,
.mp-nav li.current-menu-ancestor > a::after {
transform: scaleX(1);
} @media (min-width: 1024px) {
body.home .mp-header[data-state="top"] .mp-nav a,
body.front-page .mp-header[data-state="top"] .mp-nav a {
color: var(--mp-white) !important; text-shadow:
0 1px 2px rgba(0, 0, 0, 0.4),
0 2px 8px rgba(0, 0, 0, 0.25) !important;
}
body.home .mp-header[data-state="top"] .mp-nav a::after,
body.front-page .mp-header[data-state="top"] .mp-nav a::after {
background-color: var(--mp-white) !important;
box-shadow: 0 0 8px rgba(255, 255, 255, 0.5);
}
body.home .mp-header[data-state="top"] .mp-nav a:hover,
body.front-page .mp-header[data-state="top"] .mp-nav a:hover {
color: var(--mp-white) !important;
text-shadow:
0 1px 2px rgba(0, 0, 0, 0.5),
0 2px 12px rgba(0, 0, 0, 0.35) !important;
}
} @media (max-width: 1023px) {
body.home .mp-header[data-state="top"] .mp-nav a,
body.front-page .mp-header[data-state="top"] .mp-nav a {
color: var(--mp-white) !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
body.home .mp-header[data-state="top"] .mp-nav a::after,
body.front-page .mp-header[data-state="top"] .mp-nav a::after {
background-color: var(--mp-white) !important;
}
body.home .mp-header[data-state="top"] .mp-nav a:hover,
body.front-page .mp-header[data-state="top"] .mp-nav a:hover {
color: rgba(255, 255, 255, 0.85) !important;
}
} @media (min-width: 1024px) {  .mp-nav > ul > li:nth-child(2) > a,
.mp-nav > ul > li:nth-child(3) > a,
.mp-nav > ul > li:nth-child(4) > a,
.mp-nav > .menu > li:nth-child(2) > a,
.mp-nav > .menu > li:nth-child(3) > a,
.mp-nav > .menu > li:nth-child(4) > a {
font-weight: 600 !important;
letter-spacing: 0.4px;
} .mp-nav > ul > li:nth-child(1) > a,
.mp-nav > ul > li:nth-child(5) > a,
.mp-nav > .menu > li:nth-child(1) > a,
.mp-nav > .menu > li:nth-child(5) > a {
font-weight: 400 !important;
opacity: 0.85;
letter-spacing: 0.2px;
} .mp-nav > ul > li:nth-child(1) > a:hover,
.mp-nav > ul > li:nth-child(5) > a:hover,
.mp-nav > .menu > li:nth-child(1) > a:hover,
.mp-nav > .menu > li:nth-child(5) > a:hover {
opacity: 1;
} .mp-nav > ul > li:nth-child(2).menu-item-has-children > a::before,
.mp-nav > ul > li:nth-child(3).menu-item-has-children > a::before,
.mp-nav > ul > li:nth-child(4).menu-item-has-children > a::before,
.mp-nav > .menu > li:nth-child(2).menu-item-has-children > a::before,
.mp-nav > .menu > li:nth-child(3).menu-item-has-children > a::before,
.mp-nav > .menu > li:nth-child(4).menu-item-has-children > a::before {
opacity: 0.8;
} .mp-nav > ul > li:nth-child(2) > a::after,
.mp-nav > ul > li:nth-child(3) > a::after,
.mp-nav > ul > li:nth-child(4) > a::after,
.mp-nav > .menu > li:nth-child(2) > a::after,
.mp-nav > .menu > li:nth-child(3) > a::after,
.mp-nav > .menu > li:nth-child(4) > a::after {
height: 2.5px;
} .mp-nav li.current-menu-item > a,
.mp-nav li.current-menu-ancestor > a,
.mp-nav li.current-menu-parent > a {
opacity: 1 !important;
font-weight: 600 !important;
}
.mp-nav li.current-menu-item > a::after,
.mp-nav li.current-menu-ancestor > a::after {
transform: scaleX(0.6);
}
}  @media (min-width: 1024px) {
.mp-nav li ul,
.mp-nav .sub-menu {
position: absolute !important;
top: 100% !important;
left: 50% !important;
transform: translateX(-50%) translateY(8px) !important;
min-width: 280px !important; background-color: #ffffff !important;
border-radius: 12px !important;
box-shadow:
0 4px 20px rgba(0, 0, 0, 0.12),
0 0 1px rgba(0, 0, 0, 0.08) !important;
padding: 8px 0 !important;
list-style: none !important;
margin: 0 !important;
opacity: 0;
visibility: hidden;
transition:
opacity 0.2s ease,
transform 0.2s ease,
visibility 0.2s;
z-index: var(--mp-z-dropdown);
} .mp-nav > ul > li > ul::before,
.mp-nav > .menu > li > .sub-menu::before {
content: '';
position: absolute;
top: -6px;
left: 50%;
width: 12px;
height: 12px;
background: #ffffff;
border-radius: 2px;
transform: translateX(-50%) rotate(45deg);
box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.06);
} .mp-nav li:hover > ul,
.mp-nav li:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
} .mp-nav > ul > li.menu-item-has-children,
.mp-nav > .menu > li.menu-item-has-children {
position: relative;
}
.mp-nav > ul > li.menu-item-has-children::after,
.mp-nav > .menu > li.menu-item-has-children::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
right: 0;
height: 15px;
background: transparent;
}
} @media (min-width: 769px) and (max-width: 1023px) {
.mp-nav li ul,
.mp-nav .sub-menu {
position: absolute !important;
top: 100% !important;
left: 50% !important;
transform: translateX(-50%) translateY(8px) !important;
min-width: 220px !important;
background-color: var(--mp-white) !important; border-radius: 12px !important;
box-shadow:
0 10px 40px rgba(0, 0, 0, 0.12),
0 2px 10px rgba(0, 0, 0, 0.06) !important;
padding: 12px 0 !important;
list-style: none !important;
margin: 0 !important;
opacity: 0;
visibility: hidden;
transition:
opacity var(--mp-duration-fast) var(--mp-ease-out-soft),
transform var(--mp-duration-fast) var(--mp-ease-out-soft),
visibility var(--mp-duration-fast);
z-index: var(--mp-z-dropdown);
} .mp-nav li ul::before,
.mp-nav .sub-menu::before {
content: '';
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 6px solid var(--mp-white);
} .mp-nav li:hover > ul,
.mp-nav li:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
} @media (max-width: 768px) {
.mp-nav li ul,
.mp-nav .sub-menu {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
} @media (min-width: 1024px) {
.mp-nav li ul li,
.mp-nav .sub-menu li {
margin: 0 !important;
padding: 0 !important;
} .mp-nav li ul a,
.mp-nav .sub-menu a,
body.home .mp-header[data-state="top"] .mp-nav .sub-menu a,
body.front-page .mp-header[data-state="top"] .mp-nav .sub-menu a,
body.home .mp-header .mp-nav li ul a,
body.front-page .mp-header .mp-nav li ul a {
display: block !important;
padding: 10px 20px !important;
color: #2c3e50 !important; font-size: 14px !important;
font-weight: 400 !important;
white-space: nowrap !important; line-height: 1.4;
text-shadow: none !important;
background: transparent !important;
transition:
background-color 0.15s ease,
color 0.15s ease;
} .mp-nav li ul a::after,
.mp-nav .sub-menu a::after,
.mp-nav li ul a::before,
.mp-nav .sub-menu a::before {
display: none !important;
content: none !important;
} .mp-nav li ul a:hover,
.mp-nav .sub-menu a:hover,
body.home .mp-header .mp-nav .sub-menu a:hover,
body.front-page .mp-header .mp-nav .sub-menu a:hover {
background-color: rgba(127, 168, 182, 0.15) !important;
color: #5a8a9a !important; } .mp-nav .sub-menu li.current-menu-item > a {
color: #5a8a9a !important;
font-weight: 500 !important;
background-color: rgba(127, 168, 182, 0.08) !important;
}
} @media (max-width: 1023px) {
.mp-nav li ul li,
.mp-nav .sub-menu li {
margin: 0;
}
.mp-nav li ul a,
.mp-nav .sub-menu a {
display: block;
padding: 12px 24px;
color: var(--mp-dark-soft);
font-size: 14px;
font-weight: 400;
white-space: nowrap;
transition:
background-color var(--mp-duration-fast) ease,
color var(--mp-duration-fast) ease,
padding-left var(--mp-duration-fast) ease;
}
.mp-nav li ul a::after,
.mp-nav .sub-menu a::after {
display: none;
}
.mp-nav li ul a:hover,
.mp-nav .sub-menu a:hover {
background-color: var(--mp-gray-light);
color: var(--mp-ocean-deep);
padding-left: 28px;
}
} @media (min-width: 1024px) {
.mp-nav li ul li ul,
.mp-nav .sub-menu .sub-menu {
top: -14px !important;
left: 100% !important;
transform: translateX(6px) translateY(0) !important;
}
.mp-nav li ul li ul::before,
.mp-nav .sub-menu .sub-menu::before {
display: none !important;
}
.mp-nav li ul li:hover > ul,
.mp-nav .sub-menu li:hover > .sub-menu {
transform: translateX(0) translateY(0) !important;
}
} @media (max-width: 1023px) {
.mp-nav li ul li ul,
.mp-nav .sub-menu .sub-menu {
top: 0;
left: 100%;
transform: translateX(8px) translateY(0);
}
.mp-nav li ul li ul::before,
.mp-nav .sub-menu .sub-menu::before {
display: none;
}
.mp-nav li ul li:hover > ul,
.mp-nav .sub-menu li:hover > .sub-menu {
transform: translateX(0) translateY(0);
}
} @media (min-width: 1024px) {
.mp-nav > ul > li.menu-item-has-children > a,
.mp-nav > .menu > li.menu-item-has-children > a {
display: inline-flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 4px;
} .mp-nav > ul > li.menu-item-has-children > a::before,
.mp-nav > .menu > li.menu-item-has-children > a::before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
border-right: 1.5px solid currentColor;
border-bottom: 1.5px solid currentColor;
transform: rotate(45deg);
flex-shrink: 0;
opacity: 0.5;
order: 1; margin-top: -2px;
transition:
transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.2s ease;
}
.mp-nav > ul > li.menu-item-has-children:hover > a::before,
.mp-nav > .menu > li.menu-item-has-children:hover > a::before {
transform: rotate(-135deg);
opacity: 1;
}
} @media (max-width: 1023px) {
.mp-nav li.menu-item-has-children > a::before {
display: none !important;
}
} .mp-cta {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 12px 24px !important;
background: var(--mp-rose) !important;
color: var(--mp-white) !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 0.3px !important;
text-decoration: none !important;
border-radius: 50px !important;
flex-shrink: 0;
box-shadow:
0 4px 15px rgba(207, 49, 124, 0.3),
0 2px 6px rgba(207, 49, 124, 0.2) !important;
transition:
transform var(--mp-duration-normal) var(--mp-ease-smooth),
box-shadow var(--mp-duration-normal) var(--mp-ease-smooth),
background-color var(--mp-duration-normal) var(--mp-ease-smooth);
}
.mp-cta:hover {
transform: translateY(-2px) !important;
background: var(--mp-rose-light) !important;
color: var(--mp-white) !important;
box-shadow:
0 8px 25px rgba(207, 49, 124, 0.35),
0 4px 10px rgba(207, 49, 124, 0.25) !important;
}
.mp-cta:active {
transform: translateY(0);
}
.mp-cta__icon {
width: 16px;
height: 16px;
transition: transform var(--mp-duration-fast) ease;
}
.mp-cta:hover .mp-cta__icon {
transform: translateX(3px);
} body.home .mp-header[data-state="top"] .mp-cta,
body.front-page .mp-header[data-state="top"] .mp-cta {
background: var(--mp-rose);
color: var(--mp-white);
} .mp-cta-secondary {
display: inline-flex !important;
align-items: center !important;
padding: 8px 16px !important;
margin-right: 12px;
color: var(--mp-dark) !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
border: 1px solid var(--mp-gray-light) !important;
border-radius: 50px !important;
background: transparent !important;
transition:
color var(--mp-duration-fast) ease,
border-color var(--mp-duration-fast) ease,
background-color var(--mp-duration-fast) ease;
}
.mp-cta-secondary:hover {
color: var(--mp-rose) !important;
border-color: var(--mp-rose) !important;
background: rgba(207, 49, 124, 0.05) !important;
} body.home .mp-header[data-state="top"] .mp-cta-secondary,
body.front-page .mp-header[data-state="top"] .mp-cta-secondary {
color: var(--mp-white) !important;
border-color: rgba(255, 255, 255, 0.4) !important;
}
body.home .mp-header[data-state="top"] .mp-cta-secondary:hover,
body.front-page .mp-header[data-state="top"] .mp-cta-secondary:hover {
color: var(--mp-white) !important;
border-color: var(--mp-white) !important;
background: rgba(255, 255, 255, 0.15) !important;
} @media (max-width: 1023px) {
.mp-cta-secondary {
display: none !important;
}
} .mp-toggle {
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
padding: 0;
background: transparent;
border: none;
cursor: pointer;
z-index: var(--mp-z-mobile-toggle);
gap: 6px;
}
.mp-toggle__line {
display: block;
width: 24px;
height: 2px;
background-color: var(--mp-dark);
border-radius: 2px;
transition:
transform var(--mp-duration-normal) var(--mp-ease-smooth),
opacity var(--mp-duration-normal) var(--mp-ease-smooth);
} body.home .mp-header[data-state="top"] .mp-toggle__line,
body.front-page .mp-header[data-state="top"] .mp-toggle__line {
background-color: var(--mp-white);
} .mp-toggle[aria-expanded="true"] .mp-toggle__line:first-child {
transform: translateY(4px) rotate(45deg);
}
.mp-toggle[aria-expanded="true"] .mp-toggle__line:last-child {
transform: translateY(-4px) rotate(-45deg);
}
@media (max-width: 768px) {
.mp-toggle {
display: flex;
}
} .mp-mobile-menu {
position: fixed;
inset: 0;
z-index: var(--mp-z-mobile-menu);
pointer-events: none;
visibility: hidden;
} body.admin-bar .mp-mobile-menu {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar .mp-mobile-menu {
top: 46px;
}
}
.mp-mobile-menu[aria-hidden="false"] {
pointer-events: auto;
visibility: visible;
} .mp-mobile-menu__backdrop {
position: absolute;
inset: 0;
background: rgba(44, 62, 80, 0.3);
backdrop-filter: blur(4px);
opacity: 0;
transition: opacity var(--mp-duration-slow) var(--mp-ease-breath);
}
.mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__backdrop {
opacity: 1;
} .mp-mobile-menu__panel {
position: absolute;
top: 0;
right: 0;
width: 85%;
max-width: 380px;
height: 100%;
background: var(--mp-white);
box-shadow: -10px 0 40px rgba(0, 0, 0, 0.15);
display: flex;
flex-direction: column;
transform: translateX(100%);
transition: transform var(--mp-duration-slow) var(--mp-ease-breath);
}
.mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__panel {
transform: translateX(0);
} .mp-mobile-menu__close {
position: absolute;
top: 20px;
right: 20px;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
cursor: pointer;
z-index: 10;
padding: 0;
}
.mp-mobile-menu__close::before,
.mp-mobile-menu__close::after {
content: '';
position: absolute;
width: 24px;
height: 2px;
background-color: var(--mp-dark);
border-radius: 2px;
transition: background-color var(--mp-duration-fast) ease;
}
.mp-mobile-menu__close::before {
transform: rotate(45deg);
}
.mp-mobile-menu__close::after {
transform: rotate(-45deg);
}
.mp-mobile-menu__close:hover::before,
.mp-mobile-menu__close:hover::after {
background-color: var(--mp-rose);
} .mp-mobile-menu__nav {
flex: 1; padding: 18px 30px 30px;
}
.mp-mobile-menu__nav ul,
.mp-mobile-menu__nav .menu {
list-style: none;
margin: 0;
padding: 0;
}
.mp-mobile-menu__nav li {
margin: 0;
opacity: 0;
transform: translateX(20px);
transition:
opacity var(--mp-duration-normal) var(--mp-ease-out-soft),
transform var(--mp-duration-normal) var(--mp-ease-out-soft);
} .mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__nav li {
opacity: 1;
transform: translateX(0);
}
.mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__nav li:nth-child(1) { transition-delay: 0.1s; }
.mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__nav li:nth-child(2) { transition-delay: 0.15s; }
.mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__nav li:nth-child(3) { transition-delay: 0.2s; }
.mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__nav li:nth-child(4) { transition-delay: 0.25s; }
.mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__nav li:nth-child(5) { transition-delay: 0.3s; }
.mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__nav li:nth-child(6) { transition-delay: 0.35s; }
.mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__nav li:nth-child(7) { transition-delay: 0.4s; }
.mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__nav li:nth-child(8) { transition-delay: 0.45s; } .mp-mobile-menu__nav a {
display: block;
padding: 16px 0;
color: var(--mp-dark);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 18px;
font-weight: 500;
text-decoration: none;
border-bottom: 1px solid var(--mp-gray-light);
transition: color var(--mp-duration-fast) ease;
}
.mp-mobile-menu__nav a:hover,
.mp-mobile-menu__nav li.current-menu-item > a {
color: var(--mp-ocean);
} .mp-mobile-menu__nav .sub-menu {
padding-left: 20px;
display: none;
}
.mp-mobile-menu__nav li.submenu-open > .sub-menu {
display: block;
}
.mp-mobile-menu__nav .sub-menu a {
font-size: 16px;
font-weight: 400;
color: var(--mp-gray);
padding: 12px 0;
} .mp-mobile-menu__nav .menu-item-has-children > a {
display: flex;
justify-content: space-between;
align-items: center;
}
.mp-mobile-menu__nav .menu-item-has-children > a::after {
content: '+';
font-size: 20px;
font-weight: 300;
color: var(--mp-gray);
transition: transform var(--mp-duration-fast) ease;
}
.mp-mobile-menu__nav .menu-item-has-children.submenu-open > a::after {
transform: rotate(45deg);
} .mp-mobile-menu__cta {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 30px 15px;
padding: 16px 24px;
background: var(--mp-rose);
color: var(--mp-white);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 16px;
font-weight: 600;
text-decoration: none;
border-radius: 50px;
box-shadow: 0 4px 15px rgba(207, 49, 124, 0.3);
opacity: 0;
transform: translateY(10px);
transition:
opacity var(--mp-duration-normal) var(--mp-ease-out-soft) 0.5s,
transform var(--mp-duration-normal) var(--mp-ease-out-soft) 0.5s,
background-color var(--mp-duration-fast) ease;
}
.mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__cta {
opacity: 1;
transform: translateY(0);
}
.mp-mobile-menu__cta:hover {
background: var(--mp-rose-light);
} .mp-mobile-menu__cta-secondary {
display: flex;
align-items: center;
justify-content: center;
margin: 0 30px 100px; padding: 12px 20px;
background: transparent;
color: var(--mp-dark);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 14px;
font-weight: 500;
text-decoration: none;
border: 1px solid var(--mp-gray-light);
border-radius: 50px;
opacity: 0;
transform: translateY(10px);
transition:
opacity var(--mp-duration-normal) var(--mp-ease-out-soft) 0.55s,
transform var(--mp-duration-normal) var(--mp-ease-out-soft) 0.55s,
color var(--mp-duration-fast) ease,
border-color var(--mp-duration-fast) ease;
}
.mp-mobile-menu[aria-hidden="false"] .mp-mobile-menu__cta-secondary {
opacity: 1;
transform: translateY(0);
}
.mp-mobile-menu__cta-secondary:hover {
color: var(--mp-rose);
border-color: var(--mp-rose);
}  @media (min-width: 769px) and (max-width: 899px) {
.mp-header__inner {
padding: 0 15px;
}
.mp-nav {
padding: 0 8px;
}
.mp-nav__list,
.mp-nav ul.menu {
gap: 0;
}
.mp-nav__link,
.mp-nav a {
padding: 10px 6px !important;
font-size: 12px !important;
}
.mp-cta {
padding: 8px 12px !important;
font-size: 12px !important;
} .mp-member-btn {
padding: 8px;
margin-right: 8px;
}
} @media (min-width: 900px) and (max-width: 1023px) {
.mp-header__inner {
padding: 0 20px;
}
.mp-nav {
padding: 0 10px;
}
.mp-nav__list,
.mp-nav ul.menu {
gap: 2px;
}
.mp-nav__link,
.mp-nav a {
padding: 10px 8px !important;
font-size: 13px !important;
}
.mp-cta {
padding: 10px 16px !important;
font-size: 13px !important;
}
.mp-member-btn {
padding: 8px;
margin-right: 10px;
}
} @media (min-width: 1024px) and (max-width: 1200px) {
.mp-nav {
padding: 0 15px;
}
.mp-nav__list,
.mp-nav ul.menu {
gap: 2px;
}
.mp-nav__link,
.mp-nav a {
padding: 12px 10px !important;
font-size: 13px !important;
}
.mp-cta {
padding: 10px 18px !important;
font-size: 13px !important;
}
} @media (min-width: 1201px) {
.mp-nav {
padding: 0 30px;
}
.mp-nav__list,
.mp-nav ul.menu {
gap: 6px;
}
.mp-nav__link,
.mp-nav a {
padding: 12px 18px !important;
font-size: 15px !important;
}
}
@media (max-width: 768px) {
:root {
--mp-header-height: 80px;
--mp-header-height-scrolled: 65px;
--mp-logo-height: 50px;
--mp-logo-height-scrolled: 40px;
} body.home .mp-header[data-state="top"],
body.front-page .mp-header[data-state="top"] {
background-color: transparent !important;
box-shadow: none !important;
} .mp-nav,
.mp-cta {
display: none;
}
.mp-header__inner {
justify-content: space-between;
}
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.mp-logo:hover .mp-logo__breath::before {
animation: none;
}
} .mp-nav a:focus-visible,
.mp-cta:focus-visible,
.mp-toggle:focus-visible,
.mp-logo:focus-visible,
.mp-mobile-menu__nav a:focus-visible {
outline: 2px solid var(--mp-ocean);
outline-offset: 4px;
border-radius: 4px;
}  body.mp-menu-open {
overflow: hidden;
position: fixed;
width: 100%;
} .mp-header-spacer {
height: var(--mp-header-height);
transition: height var(--mp-duration-slow) var(--mp-ease-breath);
}
body.mp-scrolled .mp-header-spacer {
height: var(--mp-header-height-scrolled);
} body.admin-bar .mp-header-spacer {
height: calc(var(--mp-header-height) + 32px);
}
body.admin-bar.mp-scrolled .mp-header-spacer {
height: calc(var(--mp-header-height-scrolled) + 32px);
}
@media screen and (max-width: 782px) {
body.admin-bar .mp-header-spacer {
height: calc(var(--mp-header-height) + 46px);
}
body.admin-bar.mp-scrolled .mp-header-spacer {
height: calc(var(--mp-header-height-scrolled) + 46px);
}
} body.home .mp-header-spacer,
body.front-page .mp-header-spacer {
display: none;
} .mp-member-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
margin-right: 12px;
background: transparent;
color: var(--mp-dark);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 13px;
font-weight: 500;
text-decoration: none;
border: 1px solid var(--mp-gray-light);
border-radius: 50px;
cursor: pointer;
transition:
color var(--mp-duration-fast) ease,
border-color var(--mp-duration-fast) ease,
background-color var(--mp-duration-fast) ease;
}
.mp-member-btn:hover {
color: var(--mp-ocean-deep);
border-color: var(--mp-ocean);
background: rgba(127, 168, 182, 0.08);
}
.mp-member-btn svg {
width: 16px;
height: 16px;
flex-shrink: 0;
} @media (min-width: 1024px) {
body.home .mp-header[data-state="top"] .mp-member-btn,
body.front-page .mp-header[data-state="top"] .mp-member-btn {
color: var(--mp-white);
border-color: rgba(255, 255, 255, 0.4);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
body.home .mp-header[data-state="top"] .mp-member-btn:hover,
body.front-page .mp-header[data-state="top"] .mp-member-btn:hover {
color: var(--mp-white);
border-color: var(--mp-white);
background: rgba(255, 255, 255, 0.15);
}
} .mp-member-btn span {
display: none;
}
@media (min-width: 1024px) {
.mp-member-btn {
padding: 10px;
}
} @media (max-width: 768px) {
.mp-member-btn:not(.mp-member-btn--mobile) {
display: none !important;
}
} .mp-member-btn--mobile {
display: none;
width: calc(100% - 60px);
margin: 15px 30px 30px;
padding: 14px 20px;
justify-content: center;
background: var(--mp-ocean-light);
color: var(--mp-dark);
font-size: 15px;
border: none;
opacity: 0;
transform: translateY(10px);
transition:
opacity var(--mp-duration-normal) var(--mp-ease-out-soft) 0.6s,
transform var(--mp-duration-normal) var(--mp-ease-out-soft) 0.6s,
background-color var(--mp-duration-fast) ease;
}
.mp-member-btn--mobile span {
display: inline;
}
.mp-member-btn--mobile:hover {
background: var(--mp-ocean);
color: var(--mp-white);
border-color: transparent;
} .mp-mobile-menu__panel .mp-member-btn--mobile {
display: flex;
}
.mp-mobile-menu[aria-hidden="false"] .mp-member-btn--mobile {
opacity: 1;
transform: translateY(0);
}:root {
--mp-footer-bg: #1a2632;
--mp-footer-bg-bottom: #151d26;
--mp-footer-text: #f7f7f5;
--mp-footer-text-muted: #94a3b8;
--mp-footer-accent: #7fa8b6;
--mp-footer-border: rgba(255, 255, 255, 0.08);
} #footer-wrapper:not(.mp-footer) {
display: none !important;
}
.copyright-wrapper {
display: none !important;
} .mp-footer {
background-color: var(--mp-footer-bg);
color: var(--mp-footer-text);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
.mp-footer *,
.mp-footer *::before,
.mp-footer *::after {
box-sizing: border-box;
} .mp-footer__main {
max-width: 1200px;
margin: 0 auto;
padding: 80px 40px 60px;
display: grid;
grid-template-columns: 1.2fr 1fr 1fr;
gap: 60px;
} .mp-footer__identity {
display: flex;
flex-direction: column;
gap: 20px;
}
.mp-footer__logo {
display: inline-block;
max-width: 180px;
transition: opacity 0.3s ease;
}
.mp-footer__logo:hover {
opacity: 0.85;
}
.mp-footer__logo img {
width: 100%;
height: auto;
filter: brightness(0) invert(1);
}
.mp-footer__tagline {
font-size: 14px;
font-weight: 500;
color: var(--mp-footer-text-muted);
letter-spacing: 0.3px;
margin: 0;
}
.mp-footer__signature {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: 400;
color: var(--mp-footer-text);
line-height: 1.5;
margin: 10px 0 0;
opacity: 0.9;
} .mp-footer__nav {
display: flex;
flex-direction: column;
gap: 24px;
}
.mp-footer__title {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--mp-footer-text-muted);
margin: 0;
}
.mp-footer__links {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
.mp-footer__links li {
margin: 0;
padding: 0;
}
.mp-footer__links a {
color: var(--mp-footer-text);
font-size: 15px;
font-weight: 400;
text-decoration: none;
transition: color 0.3s ease;
display: inline-block;
position: relative;
}
.mp-footer__links a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
background-color: var(--mp-footer-accent);
transition: width 0.3s ease;
}
.mp-footer__links a:hover {
color: var(--mp-footer-accent);
}
.mp-footer__links a:hover::after {
width: 100%;
} .mp-footer__category {
color: var(--mp-footer-accent);
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 10px;
padding-bottom: 2px;
cursor: default;
}
.mp-footer__category:first-child {
margin-top: 0;
} .mp-footer__category + li {
padding-left: 14px;
}
.mp-footer__category + li + li:not(.mp-footer__category) {
padding-left: 14px;
} .mp-footer__contact {
display: flex;
flex-direction: column;
gap: 24px;
}
.mp-footer__address {
margin: 0;
font-size: 15px;
font-weight: 400;
line-height: 1.7;
color: var(--mp-footer-text);
}
.mp-footer__address-highlight {
display: block;
color: var(--mp-footer-accent);
font-style: italic;
margin-top: 4px;
}
.mp-footer__contact-info {
display: flex;
flex-direction: column;
gap: 10px;
}
.mp-footer__contact-link {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--mp-footer-text);
font-size: 15px;
text-decoration: none;
transition: color 0.3s ease;
}
.mp-footer__contact-link:hover {
color: var(--mp-footer-accent);
}
.mp-footer__contact-link svg {
width: 16px;
height: 16px;
opacity: 0.7;
flex-shrink: 0;
} .mp-footer__social {
display: flex;
gap: 16px;
margin-top: 8px;
}
.mp-footer__social-link {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.05);
color: var(--mp-footer-text);
transition:
background-color 0.3s ease,
color 0.3s ease,
transform 0.3s ease;
}
.mp-footer__social-link:hover {
background: var(--mp-footer-accent);
color: var(--mp-footer-bg);
transform: translateY(-3px);
}
.mp-footer__social-link svg {
width: 18px;
height: 18px;
} .mp-footer__bottom {
background-color: var(--mp-footer-bg-bottom);
border-top: 1px solid var(--mp-footer-border);
}
.mp-footer__bottom-inner {
max-width: 1200px;
margin: 0 auto;
padding: 24px 40px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.mp-footer__copyright {
font-size: 13px;
color: var(--mp-footer-text-muted);
margin: 0;
}
.mp-footer__legal {
display: flex;
gap: 24px;
}
.mp-footer__legal a {
font-size: 13px;
color: var(--mp-footer-text-muted);
text-decoration: none;
transition: color 0.3s ease;
}
.mp-footer__legal a:hover {
color: var(--mp-footer-text);
} @media (max-width: 1024px) {
.mp-footer__main {
padding: 60px 30px 50px;
gap: 40px;
}
}
@media (max-width: 900px) {
.mp-footer__main {
grid-template-columns: 1fr 1fr;
gap: 50px 40px;
}
.mp-footer__identity {
grid-column: 1 / -1;
flex-direction: row;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
padding-bottom: 30px;
border-bottom: 1px solid var(--mp-footer-border);
}
.mp-footer__identity-text {
display: flex;
flex-direction: column;
gap: 4px;
}
.mp-footer__signature {
margin: 0;
}
} @media (max-width: 640px) {
.mp-footer__main {
grid-template-columns: 1fr;
padding: 50px 24px 40px;
gap: 40px;
}
.mp-footer__identity {
flex-direction: column;
align-items: center;
text-align: center;
}
.mp-footer__identity-text {
align-items: center;
}
.mp-footer__logo {
max-width: 150px;
}
.mp-footer__signature {
font-size: 18px;
}
.mp-footer__nav,
.mp-footer__contact {
align-items: center;
text-align: center;
}
.mp-footer__links {
align-items: center;
}
.mp-footer__address {
text-align: center;
}
.mp-footer__contact-info {
align-items: center;
}
.mp-footer__social {
justify-content: center;
}
.mp-footer__bottom-inner {
flex-direction: column;
text-align: center;
padding: 20px 24px;
gap: 16px;
}
.mp-footer__legal {
gap: 16px;
}
} .floating-phone {
position: fixed;
bottom: 24px;
right: 24px;
width: 56px;
height: 56px;
background: linear-gradient(135deg, #cf317c 0%, #e85a9c 100%);
border-radius: 50%;
display: none;
align-items: center;
justify-content: center;
color: #fff;
font-size: 22px;
box-shadow:
0 4px 20px rgba(207, 49, 124, 0.4),
0 2px 8px rgba(0, 0, 0, 0.15);
z-index: 999;
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
text-decoration: none;
}
.floating-phone:hover {
transform: scale(1.08);
box-shadow:
0 6px 28px rgba(207, 49, 124, 0.5),
0 4px 12px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
.floating-phone {
display: flex;
}
} .mp-footer a:focus-visible {
outline: 2px solid var(--mp-footer-accent);
outline-offset: 3px;
border-radius: 2px;
}
@media (prefers-reduced-motion: reduce) {
.mp-footer *,
.mp-footer *::before,
.mp-footer *::after {
transition-duration: 0.01ms !important;
}
}:root {
--mp-ocean: #7FA8B6;
--mp-ocean-light: #e8f1f4;
--mp-ocean-dark: #5a8a9a;
--mp-rose: #CF317C;
--mp-rose-light: #fce4ec;
--mp-rose-dark: #b82a6a;
--mp-sable: #f5f0eb;
--mp-dark: #2c3e50;
--mp-dark-light: #4a6274;
--mp-light: #fafbfc;
--mp-border: #e8e8e8;
--mp-radius: 16px;
--mp-radius-lg: 24px;
--mp-shadow: 0 8px 40px rgba(0, 0, 0, 0.06);
--mp-shadow-hover: 0 12px 50px rgba(0, 0, 0, 0.1);
} .woocommerce-page {
background: linear-gradient(180deg, #fdfbfa 0%, #f5f0eb 50%, #fafbfc 100%);
min-height: 100vh;
} .woocommerce-page .widget-area,
.woocommerce-page aside,
.woocommerce-page .sidebar,
.woocommerce-page #secondary,
.woocommerce-page .site-sidebar {
display: none !important;
}
.woocommerce-page .container.content-area {
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
}
.woocommerce-page .middle-align.content_sidebar {
display: block !important;
width: 100% !important;
max-width: 100% !important;
float: none !important;
}
.woocommerce-page .site-main,
.woocommerce-page #sitemain {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 auto !important;
padding: 0 !important;
}
.woocommerce-page .content-area,
.woocommerce-page #primary,
.woocommerce-page .site-content {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
.woocommerce-page .entry-content {
max-width: 100%;
margin: 0 auto;
padding: 0;
} .woocommerce-page h1.entry-title,
.woocommerce-page .page-title {
display: none;
} .woocommerce-page .wp-block-woocommerce-cart,
.woocommerce-page .wp-block-woocommerce-checkout {
display: none;
} .mp-wc-hero {
text-align: center;
padding: 50px 20px 40px;
background: linear-gradient(180deg, #fff 0%, #fdfbfa 100%);
}
.mp-wc-hero__icon {
width: 70px;
height: 70px;
margin: 0 auto 20px;
background: linear-gradient(135deg, var(--mp-rose-light) 0%, #f8bbd9 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
box-shadow: 0 6px 25px rgba(207, 49, 124, 0.15);
}
.mp-wc-hero__title {
font-size: 30px;
font-weight: 700;
color: var(--mp-dark);
margin: 0 0 10px;
letter-spacing: -0.5px;
}
.mp-wc-hero__subtitle {
font-size: 16px;
color: var(--mp-dark-light);
margin: 0;
line-height: 1.6;
max-width: 500px;
margin-left: auto;
margin-right: auto;
} .mp-reassurance {
display: flex;
justify-content: center;
gap: 35px;
padding: 25px 20px;
max-width: 700px;
margin: 0 auto;
}
.mp-reassurance__item {
display: flex;
align-items: center;
gap: 10px;
}
.mp-reassurance__icon {
width: 38px;
height: 38px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
flex-shrink: 0;
}
.mp-reassurance__icon svg {
width: 18px;
height: 18px;
color: var(--mp-ocean);
}
.mp-reassurance__text {
font-size: 13px;
font-weight: 600;
color: var(--mp-dark);
line-height: 1.3;
}
@media (max-width: 600px) {
.mp-reassurance {
flex-direction: column;
align-items: center;
gap: 12px;
}
} .woocommerce-cart {
background: linear-gradient(180deg, #fdfbfa 0%, #f5f0eb 50%, #fafbfc 100%);
} .woocommerce-cart .woocommerce {
max-width: 860px;
margin: 0 auto;
padding: 0 20px 60px;
background: transparent;
box-shadow: none;
border-radius: 0;
} .woocommerce-cart .woocommerce-cart-form {
background: #fff;
border-radius: var(--mp-radius-lg);
padding: 40px;
box-shadow: var(--mp-shadow);
margin-bottom: 25px;
} .woocommerce-cart .woocommerce-cart-form::before {
content: "Votre cadeau";
display: block;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--mp-ocean);
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 1px solid var(--mp-border);
} .woocommerce-cart table.shop_table {
border: none;
border-radius: 0;
margin-bottom: 0;
}
.woocommerce-cart table.shop_table thead {
display: none;
}
.woocommerce-cart table.shop_table tbody {
display: block;
} .woocommerce-cart table.shop_table tr.woocommerce-cart-form__cart-item,
.woocommerce-cart table.shop_table tbody tr.cart_item {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 25px;
background: linear-gradient(135deg, #fdfbfa 0%, #fff 100%);
border: 1.5px solid var(--mp-border);
border-radius: var(--mp-radius);
margin-bottom: 15px;
position: relative;
transition: border-color 0.3s ease;
}
.woocommerce-cart table.shop_table tr.woocommerce-cart-form__cart-item:hover,
.woocommerce-cart table.shop_table tbody tr.cart_item:hover {
border-color: var(--mp-ocean);
} .woocommerce-cart table.shop_table td.product-thumbnail {
width: 85px;
padding: 0;
border: none;
background: transparent;
}
.woocommerce-cart table.shop_table td.product-thumbnail img {
width: 75px;
height: 75px;
object-fit: cover;
border-radius: 14px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
} .woocommerce-cart table.shop_table td.product-name {
flex: 1;
padding: 0 20px;
border: none;
background: transparent;
min-width: 180px;
}
.woocommerce-cart table.shop_table td.product-name::before {
content: "\1F381  Carte cadeau";
display: inline-block;
background: linear-gradient(135deg, var(--mp-rose-light) 0%, #f8bbd9 100%);
color: var(--mp-rose);
font-size: 10px;
font-weight: 700;
padding: 3px 10px;
border-radius: 20px;
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: 0.6px;
}
.woocommerce-cart table.shop_table td.product-name a {
display: block;
font-size: 17px;
font-weight: 700;
color: var(--mp-dark);
text-decoration: none;
line-height: 1.3;
}
.woocommerce-cart table.shop_table td.product-name a:hover {
color: var(--mp-rose);
} .mp-cart-validity {
display: block;
font-size: 13px;
color: #999;
margin-top: 4px;
font-weight: 400;
}
.mp-cart-validity::before {
content: "\231B  ";
} .woocommerce-cart table.shop_table td.product-price {
display: none;
} .woocommerce-cart table.shop_table td.product-quantity {
padding: 0 15px;
border: none;
background: transparent;
}
.woocommerce-cart .quantity .qty {
width: 54px;
padding: 8px;
border: 1.5px solid var(--mp-border);
border-radius: 10px;
text-align: center;
font-size: 15px;
font-weight: 600;
background: #fff;
transition: border-color 0.3s ease;
}
.woocommerce-cart .quantity .qty:focus {
border-color: var(--mp-ocean);
outline: none;
box-shadow: 0 0 0 3px rgba(127, 168, 182, 0.12);
} .woocommerce-cart table.shop_table td.product-subtotal {
padding: 0;
border: none;
background: transparent;
font-size: 22px;
font-weight: 700;
color: var(--mp-rose);
min-width: 90px;
text-align: right;
} .woocommerce-cart table.shop_table td.product-remove {
position: absolute;
top: 12px;
right: 12px;
padding: 0;
border: none;
background: transparent;
}
.woocommerce-cart a.remove {
color: #bbb !important;
font-size: 18px;
width: 28px;
height: 28px;
line-height: 26px;
border-radius: 50%;
background: transparent !important;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.woocommerce-cart a.remove:hover {
background: #fee !important;
color: #dc3545 !important;
} .woocommerce-cart table.shop_table td.actions {
display: block;
width: 100%;
padding: 20px 0 0;
border: none;
background: transparent;
text-align: right;
} .woocommerce-cart .coupon {
display: none;
} .woocommerce-cart button[name="update_cart"] {
background: transparent !important;
color: var(--mp-ocean) !important;
border: 1.5px solid var(--mp-ocean) !important;
padding: 10px 22px !important;
font-size: 13px !important;
border-radius: 50px !important;
}
.woocommerce-cart button[name="update_cart"]:hover {
background: var(--mp-ocean) !important;
color: #fff !important;
} .woocommerce-cart .cart-collaterals {
background: #fff;
border-radius: var(--mp-radius-lg);
padding: 40px;
box-shadow: var(--mp-shadow);
}
.woocommerce-cart .cart-collaterals::before {
content: "Récapitulatif";
display: block;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--mp-ocean);
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid var(--mp-border);
}
.woocommerce-cart .cart_totals {
background: transparent;
border: none;
padding: 0;
max-width: 100%;
float: none;
width: 100%;
}
.woocommerce-cart .cart_totals > h2 {
display: none;
}
.woocommerce-cart .cart_totals table {
border: none;
margin-bottom: 0;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td {
padding: 14px 0;
border: none;
border-bottom: 1px solid rgba(0,0,0,0.04);
font-size: 15px;
}
.woocommerce-cart .cart_totals table th {
color: #888;
font-weight: 500;
}
.woocommerce-cart .cart_totals .order-total th {
font-size: 18px;
font-weight: 600;
color: var(--mp-dark);
border-bottom: none;
padding-top: 20px;
border-top: 2px solid var(--mp-border);
}
.woocommerce-cart .cart_totals .order-total td {
font-size: 28px;
font-weight: 700;
color: var(--mp-rose);
border-bottom: none;
padding-top: 20px;
border-top: 2px solid var(--mp-border);
text-align: right;
} .woocommerce-cart .wc-proceed-to-checkout {
padding: 0;
margin-top: 30px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: block;
width: 100%;
text-align: center;
background: linear-gradient(135deg, var(--mp-rose) 0%, var(--mp-rose-dark) 100%) !important;
color: #fff !important;
font-size: 17px !important;
font-weight: 600 !important;
padding: 20px 30px !important;
border-radius: 50px !important;
box-shadow: 0 6px 25px rgba(207, 49, 124, 0.3);
transition: all 0.3s ease !important;
letter-spacing: 0.3px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
transform: translateY(-2px);
box-shadow: 0 10px 35px rgba(207, 49, 124, 0.4);
} .mp-cta-note {
text-align: center;
margin-top: 12px;
font-size: 12px;
color: #aaa;
}
.mp-cta-note svg {
width: 12px;
height: 12px;
vertical-align: -1px;
margin-right: 3px;
} .woocommerce-cart a[href*="empty_cart"] {
display: block;
text-align: center;
margin-top: 12px;
color: #bbb !important;
font-size: 13px !important;
background: transparent !important;
box-shadow: none !important;
padding: 8px !important;
text-decoration: underline !important;
border-radius: 0 !important;
}
.woocommerce-cart a[href*="empty_cart"]:hover {
color: #dc3545 !important;
} .mp-cart-reassurance {
display: flex;
justify-content: center;
gap: 30px;
margin-top: 30px;
padding-top: 25px;
border-top: 1px solid var(--mp-border);
}
.mp-cart-reassurance__item {
display: flex;
align-items: center;
gap: 8px;
}
.mp-cart-reassurance__icon {
width: 36px;
height: 36px;
background: var(--mp-ocean-light);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.mp-cart-reassurance__icon svg {
width: 18px;
height: 18px;
color: var(--mp-ocean);
}
.mp-cart-reassurance__text {
font-size: 12px;
font-weight: 600;
color: var(--mp-dark);
line-height: 1.3;
} @media (max-width: 768px) {
.woocommerce-cart .woocommerce {
padding: 0 15px 40px;
}
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals {
padding: 25px;
border-radius: var(--mp-radius);
}
.woocommerce-cart table.shop_table tr.woocommerce-cart-form__cart-item,
.woocommerce-cart table.shop_table tbody tr.cart_item {
padding: 20px;
}
.woocommerce-cart table.shop_table td.product-name {
min-width: 120px;
padding: 0 10px;
}
.woocommerce-cart table.shop_table td.product-name a {
font-size: 15px;
}
.woocommerce-cart table.shop_table td.product-subtotal {
font-size: 18px;
}
.mp-cart-reassurance {
flex-direction: column;
align-items: center;
gap: 12px;
}
.mp-wc-hero__title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.woocommerce-cart table.shop_table tr.woocommerce-cart-form__cart-item,
.woocommerce-cart table.shop_table tbody tr.cart_item {
flex-direction: column;
text-align: center;
gap: 15px;
}
.woocommerce-cart table.shop_table td.product-thumbnail {
width: auto;
}
.woocommerce-cart table.shop_table td.product-name {
padding: 0;
}
.woocommerce-cart table.shop_table td.product-subtotal {
text-align: center;
}
.woocommerce-cart table.shop_table td.product-remove {
position: static;
width: 100%;
text-align: center;
}
} .woocommerce-checkout {
background: linear-gradient(180deg, #fdfbfa 0%, #f5f0eb 50%, #fafbfc 100%);
} .woocommerce-checkout .woocommerce {
max-width: 780px;
margin: 0 auto;
padding: 0 20px 60px;
background: transparent;
box-shadow: none;
border-radius: 0;
} .mp-checkout-steps {
display: flex;
justify-content: center;
gap: 8px;
padding: 25px 20px 35px;
max-width: 600px;
margin: 0 auto;
}
.mp-checkout-step-indicator {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
flex: 1;
position: relative;
cursor: pointer;
transition: opacity 0.3s ease;
}
.mp-checkout-step-indicator::after {
content: "";
position: absolute;
top: 17px;
left: calc(50% + 20px);
width: calc(100% - 40px);
height: 2px;
background: var(--mp-border);
transition: background 0.4s ease;
}
.mp-checkout-step-indicator:last-child::after {
display: none;
}
.mp-checkout-step-indicator.is-active::after,
.mp-checkout-step-indicator.is-done::after {
background: var(--mp-ocean);
}
.mp-step-dot {
width: 34px;
height: 34px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--mp-border);
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 700;
color: #bbb;
transition: all 0.4s ease;
position: relative;
z-index: 1;
}
.mp-checkout-step-indicator.is-active .mp-step-dot {
background: var(--mp-ocean);
border-color: var(--mp-ocean);
color: #fff;
box-shadow: 0 4px 15px rgba(127, 168, 182, 0.3);
}
.mp-checkout-step-indicator.is-done .mp-step-dot {
background: var(--mp-ocean);
border-color: var(--mp-ocean);
color: #fff;
}
.mp-checkout-step-indicator.is-done .mp-step-dot .mp-step-number {
display: none;
}
.mp-checkout-step-indicator.is-done .mp-step-dot::after {
content: "\2713";
font-size: 16px;
}
.mp-step-label {
font-size: 12px;
font-weight: 600;
color: #bbb;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: color 0.3s ease;
}
.mp-checkout-step-indicator.is-active .mp-step-label,
.mp-checkout-step-indicator.is-done .mp-step-label {
color: var(--mp-dark);
}
@media (max-width: 480px) {
.mp-step-label {
font-size: 10px;
}
.mp-step-dot {
width: 30px;
height: 30px;
font-size: 12px;
}
} .mp-checkout-panel {
background: #fff;
border-radius: var(--mp-radius-lg);
padding: 45px;
box-shadow: var(--mp-shadow);
margin-bottom: 20px;
display: none;
animation: mpFadeIn 0.4s ease;
}
.mp-checkout-panel.is-visible {
display: block;
}
@keyframes mpFadeIn {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: translateY(0); }
} .mp-panel-header {
text-align: center;
margin-bottom: 35px;
}
.mp-panel-header__icon {
font-size: 36px;
margin-bottom: 10px;
}
.mp-panel-header__title {
font-size: 22px;
font-weight: 700;
color: var(--mp-dark);
margin: 0 0 8px;
}
.mp-panel-header__desc {
font-size: 15px;
color: #888;
margin: 0;
} .mp-gift-summary {
background: linear-gradient(135deg, #fdfbfa 0%, #fff 100%);
border: 1.5px solid var(--mp-border);
border-radius: var(--mp-radius);
padding: 30px;
display: flex;
align-items: center;
gap: 25px;
}
.mp-gift-summary__visual {
width: 90px;
height: 90px;
background: linear-gradient(135deg, var(--mp-rose-light) 0%, #f8bbd9 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
flex-shrink: 0;
}
.mp-gift-summary__details {
flex: 1;
}
.mp-gift-summary__badge {
display: inline-block;
background: var(--mp-ocean-light);
color: var(--mp-ocean-dark);
font-size: 10px;
font-weight: 700;
padding: 3px 10px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 0.6px;
margin-bottom: 6px;
}
.mp-gift-summary__name {
font-size: 20px;
font-weight: 700;
color: var(--mp-dark);
margin: 0 0 4px;
}
.mp-gift-summary__meta {
font-size: 14px;
color: #888;
margin: 0;
}
.mp-gift-summary__price {
text-align: right;
flex-shrink: 0;
}
.mp-gift-summary__amount {
font-size: 32px;
font-weight: 700;
color: var(--mp-rose);
}
.mp-gift-summary__currency {
font-size: 18px;
font-weight: 600;
color: var(--mp-rose);
margin-left: 2px;
}
.mp-gift-emotion {
text-align: center;
margin-top: 25px;
padding: 15px;
background: var(--mp-sable);
border-radius: 12px;
font-size: 15px;
color: var(--mp-dark-light);
font-style: italic;
}
@media (max-width: 480px) {
.mp-gift-summary {
flex-direction: column;
text-align: center;
}
.mp-gift-summary__price {
text-align: center;
}
} #mpgc-gift-card-fields {
background: transparent;
border: none;
padding: 0;
margin: 0;
border-radius: 0;
}
#mpgc-gift-card-fields h3 {
display: none; } .woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
background: transparent;
padding: 0;
box-shadow: none;
margin-bottom: 0;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3 {
display: none; } .woocommerce form .form-row {
margin-bottom: 20px;
}
.woocommerce form .form-row label {
font-size: 13px;
font-weight: 600;
color: var(--mp-dark);
margin-bottom: 6px;
display: block;
}
.woocommerce form .form-row .required {
color: var(--mp-rose);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
width: 100%;
padding: 15px 18px;
font-size: 15px;
border: 1.5px solid var(--mp-border);
border-radius: 12px;
background: var(--mp-light);
transition: all 0.3s ease;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
outline: none;
border-color: var(--mp-ocean);
box-shadow: 0 0 0 3px rgba(127, 168, 182, 0.12);
background: #fff;
} .woocommerce .select2-container .select2-selection--single {
height: auto;
padding: 12px 18px;
border: 1.5px solid var(--mp-border);
border-radius: 12px;
background: var(--mp-light);
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 1.5;
padding: 0;
} .mp-step-nav {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 35px;
padding-top: 25px;
border-top: 1px solid var(--mp-border);
}
.mp-step-nav--center {
justify-content: center;
}
.mp-btn-next {
display: inline-flex;
align-items: center;
gap: 8px;
background: linear-gradient(135deg, var(--mp-rose) 0%, var(--mp-rose-dark) 100%);
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 16px 35px;
border-radius: 50px;
border: none;
cursor: pointer;
box-shadow: 0 6px 25px rgba(207, 49, 124, 0.3);
transition: all 0.3s ease;
}
.mp-btn-next:hover {
transform: translateY(-2px);
box-shadow: 0 10px 35px rgba(207, 49, 124, 0.4);
}
.mp-btn-next svg {
width: 18px;
height: 18px;
}
.mp-btn-prev {
display: inline-flex;
align-items: center;
gap: 6px;
background: transparent;
color: #999;
font-size: 14px;
font-weight: 500;
padding: 12px 20px;
border-radius: 50px;
border: 1.5px solid var(--mp-border);
cursor: pointer;
transition: all 0.3s ease;
}
.mp-btn-prev:hover {
color: var(--mp-dark);
border-color: var(--mp-dark);
}
.mp-btn-prev svg {
width: 16px;
height: 16px;
} .woocommerce-checkout #order_review_heading {
display: none;
}
.woocommerce-checkout #order_review {
background: transparent;
padding: 0;
border: none;
box-shadow: none;
} .mp-mini-recap {
background: var(--mp-sable);
border-radius: 12px;
padding: 20px 25px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.mp-mini-recap__product {
font-weight: 600;
color: var(--mp-dark);
}
.mp-mini-recap__total {
font-size: 22px;
font-weight: 700;
color: var(--mp-rose);
} .woocommerce-checkout-review-order-table {
border: none !important;
margin-bottom: 20px;
display: none; } .woocommerce-checkout #payment {
background: transparent;
border-radius: 0;
margin-top: 10px;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border: none;
margin-bottom: 20px;
}
.woocommerce-checkout #payment ul.payment_methods li {
background: var(--mp-light);
border-radius: 12px;
padding: 18px 22px;
margin-bottom: 10px;
border: 1.5px solid var(--mp-border);
transition: border-color 0.3s ease;
}
.woocommerce-checkout #payment ul.payment_methods li:hover,
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input:checked + label {
border-color: var(--mp-ocean);
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
font-weight: 600;
cursor: pointer;
}
.woocommerce-checkout #payment div.payment_box {
background: #fff;
border-radius: 10px;
padding: 18px;
margin-top: 12px;
border: 1px solid var(--mp-border);
}
.woocommerce-checkout #payment div.payment_box::before {
display: none;
} .woocommerce-checkout #payment #place_order {
width: 100%;
background: linear-gradient(135deg, var(--mp-rose) 0%, var(--mp-rose-dark) 100%) !important;
font-size: 17px !important;
font-weight: 600 !important;
padding: 20px 30px !important;
margin-top: 20px;
box-shadow: 0 6px 25px rgba(207, 49, 124, 0.3);
letter-spacing: 0.3px;
}
.woocommerce-checkout #payment #place_order:hover {
transform: translateY(-2px);
box-shadow: 0 10px 35px rgba(207, 49, 124, 0.4);
}  .wc-stripe-express-checkout-button-wrapper,
.wc-stripe-express-checkout-separator,
#wc-stripe-express-checkout-wrapper,
.wc-stripe-express-checkout-element,
[id*="express-checkout"],
.wc-block-components-express-payment {
display: none !important;
} .wc-stripe-elements-field,
.wc-stripe-upe-element {
padding: 15px 18px;
border: 1.5px solid var(--mp-border);
border-radius: 12px;
background: #fff;
transition: all 0.3s ease;
}
.wc-stripe-elements-field:focus-within,
.wc-stripe-upe-element:focus-within {
border-color: var(--mp-ocean);
box-shadow: 0 0 0 3px rgba(127, 168, 182, 0.12);
} .mp-checkout-reassurance {
display: flex;
justify-content: center;
gap: 30px;
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid var(--mp-border);
}
.mp-checkout-reassurance__item {
display: flex;
align-items: center;
gap: 8px;
}
.mp-checkout-reassurance__icon {
width: 36px;
height: 36px;
background: var(--mp-ocean-light);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.mp-checkout-reassurance__icon svg {
width: 18px;
height: 18px;
color: var(--mp-ocean);
}
.mp-checkout-reassurance__text {
font-size: 12px;
font-weight: 600;
color: var(--mp-dark);
line-height: 1.3;
}
@media (max-width: 600px) {
.mp-checkout-reassurance {
flex-direction: column;
align-items: center;
gap: 12px;
}
} @media (max-width: 768px) {
.woocommerce-checkout .woocommerce {
padding: 0 15px 40px;
}
.mp-checkout-panel {
padding: 30px;
border-radius: var(--mp-radius);
}
.mp-panel-header__title {
font-size: 20px;
}
.mp-mini-recap {
flex-direction: column;
text-align: center;
gap: 8px;
}
} .woocommerce-order-received .woocommerce {
background: #fff;
border-radius: var(--mp-radius-lg);
padding: 50px;
box-shadow: var(--mp-shadow);
max-width: 750px;
margin: 40px auto;
text-align: center;
}
.woocommerce-order-received .woocommerce-thankyou-order-received {
background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
padding: 30px;
border-radius: var(--mp-radius);
font-size: 18px;
color: #2e7d32;
margin-bottom: 30px;
}
.woocommerce-order-received .woocommerce-thankyou-order-received::before {
content: "\2713";
display: block;
width: 56px;
height: 56px;
background: #43a047;
color: #fff;
border-radius: 50%;
font-size: 28px;
line-height: 56px;
margin: 0 auto 15px;
box-shadow: 0 4px 15px rgba(67, 160, 71, 0.3);
}
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
background: var(--mp-light);
border-radius: var(--mp-radius);
padding: 30px;
margin-bottom: 20px;
text-align: left;
} .woocommerce-message,
.woocommerce-info {
background: var(--mp-ocean-light);
border: none;
border-left: 4px solid var(--mp-ocean);
border-radius: 12px;
padding: 18px 25px;
margin-bottom: 20px;
}
.woocommerce-message::before,
.woocommerce-info::before {
color: var(--mp-ocean);
}
.woocommerce-error {
background: #fdecea;
border: none;
border-left: 4px solid #dc3545;
border-radius: 12px;
padding: 18px 25px;
}
.woocommerce-error::before {
color: #dc3545;
} .woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-form-login-toggle,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
display: none;
} .woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
background: var(--mp-ocean) !important;
color: #fff !important;
border: none !important;
border-radius: 50px !important;
padding: 14px 28px !important;
font-size: 15px !important;
font-weight: 600 !important;
text-transform: none !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
box-shadow: 0 4px 15px rgba(127, 168, 182, 0.25);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background: var(--mp-ocean-dark) !important;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(127, 168, 182, 0.35);
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: var(--mp-rose) !important;
box-shadow: 0 4px 15px rgba(207, 49, 124, 0.25);
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: var(--mp-rose-dark) !important;
box-shadow: 0 6px 20px rgba(207, 49, 124, 0.35);
} .mp-hidden {
display: none !important;
} .mp-checkout-rgpd {
background: var(--mp-sable);
border: 1px solid var(--mp-border);
border-radius: var(--mp-radius);
padding: 22px 26px;
margin: 24px 0 8px;
}
.mp-checkout-rgpd .mp-rgpd-notice {
font-size: 13px;
color: var(--mp-dark-light);
line-height: 1.6;
margin: 0 0 14px;
}
.mp-checkout-rgpd .mp-rgpd-notice a {
color: var(--mp-ocean);
text-decoration: underline;
}
.mp-checkout-rgpd .mp-rgpd-notice a:hover {
color: var(--mp-ocean-dark);
}
.mp-rgpd-checkbox {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 14px;
color: var(--mp-dark);
line-height: 1.5;
cursor: pointer;
margin: 0;
}
.mp-rgpd-checkbox input[type="checkbox"] {
margin-top: 3px;
flex-shrink: 0;
width: 18px;
height: 18px;
accent-color: var(--mp-ocean);
cursor: pointer;
}
.mp-rgpd-checkbox a {
color: var(--mp-ocean);
text-decoration: underline;
}
.mp-rgpd-checkbox a:hover {
color: var(--mp-ocean-dark);
} .mp-field-error {
border-color: var(--mp-rose) !important;
box-shadow: 0 0 0 3px rgba(207, 49, 124, 0.1) !important;
}
.mp-field-error-msg {
display: block;
color: var(--mp-rose);
font-size: 12px;
margin-top: 5px;
font-weight: 500;
} .mp-checkout-panel #mpgc-gift-card-fields {
background: transparent;
border: none;
padding: 0;
margin: 0;
border-radius: 0;
box-shadow: none;
}
.mp-checkout-panel #mpgc-gift-card-fields .mpgc-checkout-section {
padding: 0;
} .mp-checkout-panel #mpgc-gift-card-fields > h3,
.mp-checkout-panel #mpgc-gift-card-fields .mpgc-gift-summary,
.mp-checkout-panel #mpgc-gift-card-fields .mpgc-info-box,
.mp-checkout-panel .woocommerce-billing-fields > h3 {
display: none;
}
.mpgc-field-note {
display: block;
font-size: 12px;
color: #999;
margin-top: 4px;
}
.mpgc-char-count {
display: block;
text-align: right;
font-size: 11px;
color: #bbb;
margin-top: 3px;
}
.mpgc-checkbox-row {
margin-top: 10px;
}
.mpgc-checkbox-text {
font-size: 13px;
color: var(--mp-dark-light);
} .mp-thankyou {
max-width: 680px;
margin: 0 auto;
padding: 0 20px;
} .mp-thankyou__header {
text-align: center;
padding: 50px 0 40px;
}
.mp-thankyou__checkmark {
width: 80px;
height: 80px;
border-radius: 50%;
background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 25px;
animation: mp-thankyou-pop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.mp-thankyou__checkmark svg {
width: 36px;
height: 36px;
color: #28a745;
}
@keyframes mp-thankyou-pop {
0% { transform: scale(0); opacity: 0; }
100% { transform: scale(1); opacity: 1; }
}
.mp-thankyou__title {
font-size: 32px;
font-weight: 700;
color: var(--mp-dark);
margin: 0 0 12px;
letter-spacing: -0.5px;
}
.mp-thankyou__subtitle {
font-size: 17px;
color: var(--mp-dark-light);
line-height: 1.6;
margin: 0;
}
.mp-thankyou__subtitle strong {
color: var(--mp-dark);
} .mp-thankyou__download {
background: linear-gradient(135deg, #fdf7f9 0%, #fef0f5 100%);
border: 2px solid rgba(207, 49, 124, 0.15);
border-radius: 20px;
padding: 35px;
text-align: center;
margin: 0 0 35px;
}
.mp-thankyou__download-btn {
display: inline-flex;
align-items: center;
gap: 12px;
background: var(--mp-rose);
color: #fff !important;
padding: 18px 40px;
border-radius: 50px;
font-size: 18px;
font-weight: 700;
text-decoration: none !important;
transition: all 0.3s ease;
box-shadow: 0 6px 25px rgba(207, 49, 124, 0.3);
}
.mp-thankyou__download-btn:hover {
background: var(--mp-rose-dark);
transform: translateY(-3px);
box-shadow: 0 10px 35px rgba(207, 49, 124, 0.4);
}
.mp-thankyou__download-btn svg {
width: 22px;
height: 22px;
flex-shrink: 0;
}
.mp-thankyou__download-hint {
font-size: 14px;
color: var(--mp-dark-light);
margin: 15px 0 0;
} .mp-thankyou__steps {
background: #f8f9fa;
border-radius: 20px;
padding: 35px;
margin: 0 0 35px;
}
.mp-thankyou__steps-title {
font-size: 18px;
font-weight: 700;
color: var(--mp-dark);
margin: 0 0 25px;
text-align: center;
}
.mp-thankyou__steps-grid {
display: flex;
flex-direction: column;
gap: 20px;
}
.mp-thankyou__step {
display: flex;
align-items: center;
gap: 18px;
}
.mp-thankyou__step-number {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 50%;
background: var(--mp-ocean);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 700;
}
.mp-thankyou__step-text {
font-size: 15px;
color: var(--mp-dark-light);
line-height: 1.5;
}
.mp-thankyou__step-text strong {
color: var(--mp-dark);
} .mp-thankyou__details {
border: 1px solid #e9ecef;
border-radius: 16px;
overflow: hidden;
margin: 0 0 35px;
}
.mp-thankyou__details-title {
font-size: 15px;
font-weight: 700;
color: var(--mp-dark);
margin: 0;
padding: 18px 25px;
background: #f8f9fa;
border-bottom: 1px solid #e9ecef;
}
.mp-thankyou__details-grid {
padding: 5px 25px;
}
.mp-thankyou__detail {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 0;
border-bottom: 1px solid #f0f0f0;
}
.mp-thankyou__detail:last-child {
border-bottom: none;
}
.mp-thankyou__detail-label {
font-size: 14px;
color: #888;
}
.mp-thankyou__detail-value {
font-size: 14px;
font-weight: 600;
color: var(--mp-dark);
} .mp-thankyou__email-notice {
display: flex;
align-items: center;
gap: 14px;
background: #e8f4fd;
border-radius: 14px;
padding: 18px 24px;
margin: 0 0 30px;
}
.mp-thankyou__email-notice svg {
width: 22px;
height: 22px;
min-width: 22px;
color: var(--mp-ocean);
}
.mp-thankyou__email-notice span {
font-size: 14px;
color: var(--mp-dark-light);
line-height: 1.5;
}
.mp-thankyou__email-notice strong {
color: var(--mp-dark);
} .mp-thankyou + .woocommerce-order-details,
.mp-thankyou ~ .woocommerce-order-details {
display: none;
} @media (max-width: 600px) {
.mp-thankyou__title {
font-size: 26px;
}
.mp-thankyou__download {
padding: 25px 20px;
}
.mp-thankyou__download-btn {
font-size: 16px;
padding: 16px 30px;
}
.mp-thankyou__steps,
.mp-thankyou__details {
border-radius: 14px;
}
.mp-thankyou__email-notice {
flex-direction: column;
text-align: center;
gap: 10px;
}
}.mp-seances-page {
--mp-blue: #7FA8B6;
--mp-blue-dark: #5d8a9a;
--mp-blue-light: #a8c5cf;
--mp-rose: #CF317C;
--mp-rose-light: #e8a5c4;
--mp-rose-soft: rgba(207, 49, 124, 0.08);
--mp-warm: #d4a574;
--mp-warm-light: #e8d4c0;
--mp-text: #2d3748;
--mp-text-light: #5a6978;
--mp-text-muted: #718096;
--mp-bg-white: #ffffff;
--mp-bg-cream: #fdfcfa;
--mp-bg-soft: #f8f9fa;
--mp-bg-blue-soft: rgba(127, 168, 182, 0.06);
--mp-radius-sm: 8px;
--mp-radius-md: 16px;
--mp-radius-lg: 24px;
--mp-radius-xl: 32px;
--mp-shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.04);
--mp-shadow-card: 0 8px 30px rgba(0, 0, 0, 0.06);
--mp-shadow-blue: 0 4px 20px rgba(127, 168, 182, 0.15);
--mp-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
font-family: 'Manrope', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: var(--mp-bg-white);
} body.page-template-template-parts-template-seance-individuelle-php .innerbanner,
body.page-template-template-seance-individuelle .innerbanner,
body[class*="template-seance-individuelle"] .innerbanner,
body.page-seances-individuelles .innerbanner,
body[class*="seances-individuelles"] .innerbanner,
body.page-template-template-parts-template-seance-groupe-php .innerbanner,
body.page-template-template-seance-groupe .innerbanner,
body[class*="template-seance-groupe"] .innerbanner,
body.page-seances-petit-groupe .innerbanner,
body[class*="seances-petit-groupe"] .innerbanner,
body[class*="petit-groupe"] .innerbanner {
display: none !important;
} .mp-seances-page {
margin-top: 85px;
overflow-x: hidden;
} .mp-seances-page .mp-hero {
padding: 100px 24px 80px;
text-align: center;
background: linear-gradient(180deg, var(--mp-bg-soft) 0%, var(--mp-bg-white) 100%);
}
.mp-hero-inner {
max-width: 720px;
margin: 0 auto;
}
.mp-hero-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
background: white;
border-radius: 50%;
margin-bottom: 32px;
box-shadow: var(--mp-shadow-blue);
}
.mp-hero-title {
font-size: clamp(32px, 5vw, 48px);
font-weight: 600;
color: var(--mp-text);
margin: 0 0 24px;
letter-spacing: -0.02em;
line-height: 1.2;
}
.mp-hero-subtitle {
font-size: clamp(17px, 2.5vw, 20px);
line-height: 1.7;
color: var(--mp-text-light);
margin: 0;
max-width: 620px;
margin-left: auto;
margin-right: auto;
} .mp-hero-hint {
font-size: 14px;
color: var(--mp-text-muted);
margin-top: 28px;
opacity: 0.8;
font-style: italic;
} .mp-hero-badge {
display: inline-block;
font-size: 13px;
font-weight: 600;
color: var(--mp-blue-dark);
background: rgba(127, 168, 182, 0.15);
padding: 8px 18px;
border-radius: 50px;
margin-top: 24px;
border: 1px solid rgba(127, 168, 182, 0.25);
} .mp-hero-cta {
margin-top: 28px;
} .mp-btn-outline {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 24px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
border-radius: 50px;
background: transparent;
color: var(--mp-blue-dark);
border: 2px solid rgba(127, 168, 182, 0.4);
transition: all var(--mp-transition);
}
.mp-btn-outline:hover {
border-color: var(--mp-blue);
background: rgba(127, 168, 182, 0.08);
color: var(--mp-blue-dark);
} .mp-hero-individuel {
background: linear-gradient(180deg, rgba(127, 168, 182, 0.08) 0%, var(--mp-bg-white) 100%);
} .mp-hero-groupe {
background: linear-gradient(180deg, rgba(207, 49, 124, 0.04) 0%, rgba(127, 168, 182, 0.06) 50%, var(--mp-bg-white) 100%);
} .mp-content-container {
max-width: 1200px;
margin: 0 auto;
} .mp-section {
padding: 80px 24px;
}
.mp-section-alt {
background: var(--mp-bg-soft);
}
.mp-section-inner {
max-width: 1000px;
margin: 0 auto;
}
.mp-section-header {
text-align: center;
margin-bottom: 60px;
}
.mp-section-title {
font-size: clamp(26px, 4vw, 36px);
font-weight: 600;
color: var(--mp-text);
margin: 0 0 20px;
letter-spacing: -0.02em;
}
.mp-section-title-centered {
text-align: center;
margin-bottom: 50px;
}
.mp-section-intro {
font-size: 18px;
line-height: 1.7;
color: var(--mp-text-light);
max-width: 700px;
margin: 0 auto;
} .mp-direct-reassurance {
text-align: center;
font-size: 17px;
font-weight: 500;
color: var(--mp-blue-dark);
background: rgba(127, 168, 182, 0.1);
padding: 16px 24px;
border-radius: var(--mp-radius-md);
max-width: 600px;
margin: 0 auto 40px;
border-left: 4px solid var(--mp-blue);
} .mp-profiles-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
}
.mp-profile-card {
background: white;
border-radius: var(--mp-radius-lg);
padding: 32px 28px;
box-shadow: var(--mp-shadow-soft);
transition: transform var(--mp-transition), box-shadow var(--mp-transition);
}
.mp-profile-card:hover {
transform: translateY(-4px);
box-shadow: var(--mp-shadow-card);
}
.mp-profile-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 50%;
margin-bottom: 20px;
}
.mp-profile-card .mp-profile-title {
font-size: 18px;
font-weight: 600;
color: var(--mp-text);
margin: 0 0 14px;
line-height: 1.4;
}
.mp-profile-card p {
font-size: 15px;
line-height: 1.7;
color: var(--mp-text-light);
margin: 0;
} .mp-profile-blue-light {
border-top: 3px solid var(--mp-blue);
}
.mp-profile-blue-light .mp-profile-icon {
background: rgba(127, 168, 182, 0.12);
color: var(--mp-blue-dark);
}
.mp-profile-rose-light {
border-top: 3px solid var(--mp-rose);
}
.mp-profile-rose-light .mp-profile-icon {
background: rgba(207, 49, 124, 0.1);
color: var(--mp-rose);
}
.mp-profile-warm-light {
border-top: 3px solid var(--mp-warm);
}
.mp-profile-warm-light .mp-profile-icon {
background: rgba(212, 165, 116, 0.15);
color: #b8875a;
} .mp-profile-blue-soft {
background: linear-gradient(135deg, rgba(127, 168, 182, 0.08) 0%, white 100%);
border-left: 4px solid var(--mp-blue);
}
.mp-profile-blue-soft .mp-profile-icon {
background: rgba(127, 168, 182, 0.15);
color: var(--mp-blue-dark);
}
.mp-profile-rose-soft {
background: linear-gradient(135deg, rgba(207, 49, 124, 0.05) 0%, white 100%);
border-left: 4px solid var(--mp-rose);
}
.mp-profile-rose-soft .mp-profile-icon {
background: rgba(207, 49, 124, 0.1);
color: var(--mp-rose);
}
.mp-profile-warm-soft {
background: linear-gradient(135deg, rgba(212, 165, 116, 0.08) 0%, white 100%);
border-left: 4px solid var(--mp-warm);
}
.mp-profile-warm-soft .mp-profile-icon {
background: rgba(212, 165, 116, 0.15);
color: #b8875a;
} .mp-steps-timeline {
max-width: 650px;
margin: 0 auto;
position: relative;
}
.mp-steps-timeline::before {
content: '';
position: absolute;
left: 20px;
top: 40px;
bottom: 40px;
width: 2px;
background: linear-gradient(180deg, var(--mp-blue) 0%, var(--mp-blue-light) 100%);
opacity: 0.3;
}
.mp-timeline-step {
display: flex;
gap: 24px;
margin-bottom: 40px;
position: relative;
}
.mp-timeline-step:last-child {
margin-bottom: 0;
}
.mp-timeline-marker {
flex-shrink: 0;
position: relative;
z-index: 1;
}
.mp-timeline-number {
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
background: linear-gradient(135deg, var(--mp-blue) 0%, var(--mp-blue-dark) 100%);
color: white;
font-size: 16px;
font-weight: 600;
border-radius: 50%;
box-shadow: var(--mp-shadow-blue);
}
.mp-timeline-content {
flex: 1;
padding-top: 6px;
}
.mp-timeline-title {
font-size: 20px;
font-weight: 600;
color: var(--mp-text);
margin: 0 0 10px;
}
.mp-timeline-content p {
font-size: 16px;
line-height: 1.7;
color: var(--mp-text-light);
margin: 0;
} .mp-values-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 28px;
}
.mp-value-card {
text-align: center;
padding: 36px 28px;
background: white;
border-radius: var(--mp-radius-lg);
box-shadow: var(--mp-shadow-soft);
transition: transform var(--mp-transition);
}
.mp-value-card:hover {
transform: translateY(-4px);
}
.mp-value-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
background: var(--mp-bg-soft);
border-radius: 50%;
margin-bottom: 20px;
color: var(--mp-blue);
}
.mp-value-title {
font-size: 18px;
font-weight: 600;
color: var(--mp-text);
margin: 0 0 12px;
}
.mp-value-card p {
font-size: 15px;
line-height: 1.7;
color: var(--mp-text-light);
margin: 0;
} .mp-benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 32px;
}
.mp-benefit-card {
text-align: center;
padding: 40px 24px;
}
.mp-benefit-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
background: rgba(127, 168, 182, 0.1);
border-radius: 50%;
margin-bottom: 24px;
}
.mp-benefit-title {
font-size: 20px;
font-weight: 600;
color: var(--mp-text);
margin: 0 0 14px;
}
.mp-benefit-card p {
font-size: 16px;
line-height: 1.7;
color: var(--mp-text-light);
margin: 0;
} .mp-deroulement-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 24px;
}
.mp-deroulement-card {
background: white;
border-radius: var(--mp-radius-lg);
padding: 32px 24px;
box-shadow: var(--mp-shadow-soft);
text-align: center;
transition: transform var(--mp-transition);
}
.mp-deroulement-card:hover {
transform: translateY(-4px);
}
.mp-deroulement-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background: linear-gradient(135deg, var(--mp-blue) 0%, var(--mp-blue-dark) 100%);
color: white;
font-size: 18px;
font-weight: 600;
border-radius: 50%;
margin-bottom: 20px;
box-shadow: var(--mp-shadow-blue);
}
.mp-deroulement-title {
font-size: 17px;
font-weight: 600;
color: var(--mp-text);
margin: 0 0 12px;
line-height: 1.4;
}
.mp-deroulement-card p {
font-size: 15px;
line-height: 1.65;
color: var(--mp-text-light);
margin: 0;
} .mp-section-image-full {
padding: 0;
}
.mp-full-image {
margin: 0;
max-width: 900px;
margin: 0 auto;
padding: 0 24px;
}
.mp-full-image img {
width: 100%;
height: auto;
border-radius: var(--mp-radius-xl);
box-shadow: var(--mp-shadow-card);
max-height: 500px;
object-fit: cover;
}
.mp-section-image-ambiance {
padding: 40px 24px;
background: var(--mp-bg-soft);
}
.mp-ambiance-image {
margin: 0;
max-width: 1000px;
margin: 0 auto;
}
.mp-ambiance-image img {
width: 100%;
height: auto;
border-radius: var(--mp-radius-xl);
box-shadow: var(--mp-shadow-card);
max-height: 450px;
object-fit: cover;
} .mp-quote-section {
padding: 80px 24px;
background: linear-gradient(135deg, var(--mp-blue) 0%, var(--mp-blue-dark) 100%);
text-align: center;
}
.mp-quote-groupe {
background: linear-gradient(135deg, var(--mp-blue-dark) 0%, #4a7585 50%, rgba(207, 49, 124, 0.3) 100%);
}
.mp-quote-box {
max-width: 700px;
margin: 0 auto;
padding: 40px;
background: rgba(255, 255, 255, 0.12);
border-radius: var(--mp-radius-xl);
backdrop-filter: blur(10px);
position: relative;
}
.mp-quote-box::before {
content: '"';
position: absolute;
top: 15px;
left: 25px;
font-size: 100px;
font-family: Georgia, serif;
color: rgba(255, 255, 255, 0.2);
line-height: 1;
}
.mp-quote-box p {
font-size: clamp(20px, 3vw, 26px);
font-weight: 500;
font-style: italic;
color: white;
line-height: 1.5;
margin: 0;
position: relative;
z-index: 1;
} .mp-cta-section {
padding: 100px 24px 120px;
background: var(--mp-bg-white);
border-top: 1px solid rgba(127, 168, 182, 0.1);
}
.mp-cta-inner {
max-width: 700px;
margin: 0 auto;
text-align: center;
}
.mp-cta-title {
font-size: clamp(28px, 4vw, 38px);
font-weight: 600;
color: var(--mp-text);
margin: 0 0 20px;
letter-spacing: -0.02em;
}
.mp-cta-text {
font-size: 18px;
line-height: 1.8;
color: var(--mp-text-light);
margin: 0 0 20px;
}
.mp-cta-reassurance {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 500;
color: var(--mp-blue-dark);
background: rgba(127, 168, 182, 0.1);
padding: 10px 20px;
border-radius: 50px;
margin: 0 0 32px;
border: 1px solid rgba(127, 168, 182, 0.2);
}
.mp-cta-reassurance::before {
content: '✓';
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
background: var(--mp-blue);
color: white;
border-radius: 50%;
font-size: 11px;
font-weight: 700;
}
.mp-cta-buttons {
display: flex;
flex-direction: column;
gap: 16px;
align-items: center;
}
@media (min-width: 500px) {
.mp-cta-buttons {
flex-direction: row;
justify-content: center;
}
} .mp-cta-alternative {
margin-top: 32px;
font-size: 14px;
}
.mp-cta-alternative a {
color: var(--mp-text-muted);
text-decoration: none;
border-bottom: 1px dashed var(--mp-text-muted);
transition: all var(--mp-transition);
}
.mp-cta-alternative a:hover {
color: var(--mp-blue-dark);
border-bottom-color: var(--mp-blue);
} .mp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 16px 32px;
font-size: 16px;
font-weight: 500;
text-decoration: none;
border-radius: 50px;
transition: all var(--mp-transition);
cursor: pointer;
border: none;
}
.mp-btn-primary {
background: linear-gradient(135deg, var(--mp-blue) 0%, var(--mp-blue-dark) 100%);
color: white;
box-shadow: 0 4px 15px rgba(127, 168, 182, 0.3);
}
.mp-btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(127, 168, 182, 0.4);
color: white;
}
.mp-btn-secondary {
background: white;
color: var(--mp-text);
border: 2px solid rgba(127, 168, 182, 0.3);
}
.mp-btn-secondary:hover {
border-color: var(--mp-blue);
color: var(--mp-blue-dark);
transform: translateY(-2px);
}
.mp-btn svg {
flex-shrink: 0;
} @media (max-width: 768px) {
.mp-seances-page {
margin-top: 70px;
}
.mp-seances-page .mp-hero {
padding: 70px 20px 60px;
}
.mp-hero-icon {
width: 64px;
height: 64px;
margin-bottom: 24px;
}
.mp-hero-icon svg {
width: 44px;
height: 44px;
}
.mp-section {
padding: 60px 20px;
}
.mp-section-header {
margin-bottom: 40px;
}
.mp-profiles-grid,
.mp-values-grid,
.mp-benefits-grid,
.mp-deroulement-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.mp-profile-card,
.mp-value-card,
.mp-deroulement-card {
padding: 28px 24px;
} .mp-steps-timeline::before {
left: 18px;
}
.mp-timeline-step {
gap: 18px;
}
.mp-timeline-number {
width: 36px;
height: 36px;
font-size: 14px;
}
.mp-timeline-title {
font-size: 18px;
}
.mp-timeline-content p {
font-size: 15px;
} .mp-full-image,
.mp-ambiance-image {
padding: 0 16px;
}
.mp-full-image img,
.mp-ambiance-image img {
border-radius: var(--mp-radius-lg);
max-height: 350px;
} .mp-quote-section {
padding: 60px 20px;
}
.mp-quote-box {
padding: 32px 24px;
}
.mp-quote-box::before {
font-size: 70px;
top: 10px;
left: 15px;
} .mp-cta-section {
padding: 60px 20px 80px;
}
.mp-cta-text {
font-size: 16px;
}
.mp-cta-reassurance {
font-size: 12px;
padding: 8px 16px;
}
.mp-cta-buttons {
width: 100%;
}
.mp-btn {
width: 100%;
padding: 14px 24px;
font-size: 15px;
}
}
@media (max-width: 480px) {
.mp-hero-title {
font-size: 28px;
}
.mp-hero-subtitle {
font-size: 16px;
}
.mp-section-title {
font-size: 24px;
}
.mp-profile-card .mp-profile-title,
.mp-value-title,
.mp-benefit-title {
font-size: 17px;
}
.mp-quote-box p {
font-size: 18px;
}
}.portfoliowrap	{ overflow:visible;position:relative; margin-left: 0; }
.portfolio		{ overflow:visible !important; position:relative; margin-left: -5px; margin-bottom: -5px; margin-top: -5px; }
.portfolio img	{ width:100%; max-width:none !important; height:auto; display:block;}
.holderwrap img {vertical-align: middle;}
.threecol .entry{ width:33%; float:left;overflow:visible;position:relative; }
.fourcol .entry	{ width:25%; float:left;overflow:visible;position:relative; }
.fivecol .entry	{ width:20%; float:left;overflow:visible;position:relative; }
ul.portfoliofilter 	  { margin: 0; padding: 0; margin-bottom: 30px; margin-top: 0px; width: 100%; padding-bottom: 0px; text-align: center}
ul.portfoliofilter li { display: inline-block; margin-right: 10px; margin-bottom: 10px; }
ul.portfoliofilter li a {  text-transform: none;font-weight: 400; font-size: 13px; line-height: 30px; color: #555; background:#fff; text-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; 
padding:10px 20px ; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; 
border: 1px solid #e5e5e5; border-radius:20px; 
}
ul.portfoliofilter li:hover a,
ul.portfoliofilter li a:hover	 { background: #ef2e2e; border: 1px solid #E19105; color: #fff !important;}
ul.portfoliofilter li a.selected {  background: #ef2e2e; border: 1px solid #E19105; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
.holderwrap { position:relative; -moz-box-sizing: border-box; box-sizing:border-box; -webkit-order-sizing:border-box; margin: 5px; background-color:#ef2e2e; }
.holderwrap h5{ display:none; text-align:center; position:absolute; width:100%; top:45%; color:#fff; text-transform:uppercase; padding-bottom:10px; font-size:18px;}
.holderwrap h5::after{ content:""; position:absolute; width:60px; height:1px; background-color:#fff; bottom:0; left:0; right:0; margin:auto;}
.holderwrap:hover h5{ display:block;}
.holderwrap:hover img{opacity:0.2;}
.holderwrap figure{ overflow:hidden;margin:0;max-height:100%;width:100%;text-align:center;cursor:pointer}
.holderwrap figure figcaption{padding:0;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-bubba img{opacity:1;-webkit-transition:opacity .35s;transition:opacity .35s}
figure.effect-bubba figcaption::before,figure.effect-bubba figcaption::after{position:absolute;top:70px;right:20px;bottom:70px;left:20px;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s}
figure.effect-bubba figcaption::before{border-top:2px solid #fff; border-bottom:2px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}
figure.effect-bubba figcaption::after{border-right:2px solid #fff; border-left:2px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}
figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_rounded .pp_nav .pp_play{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_rounded .pp_description{color:#fff;margin-right:85px}
div.dark_rounded .pp_nav .pp_play{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_square .pp_nav .pp_play{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none; }
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/mixitup/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}.clearout {
height:20px;
clear:both;
}
#flexiselDemo3 {
display:none;
}
.nbs-flexisel-container {
position:relative;
max-width:100%;
}
.nbs-flexisel-ul {
position:relative;
width:99999px;
margin:0px;
padding:0px;
list-style-type:none;   
text-align:center;  
}
.nbs-flexisel-inner {
overflow:hidden;
float:left;
width:100%;    
}
.nbs-flexisel-item {
float:left;
margin:0px 10px 0 0;
padding:0px;
cursor:pointer;
position:relative;
line-height:0px;
}
.nbs-flexisel-item img {   
cursor: pointer;
position: relative;  
max-height:100px;	
}
.nbs-flexisel-item h5{ 
font-size:16px; 
font-weight:600; 
margin-top:15px;
} .nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
width: 30px;
height: 30px; 
position: absolute;
cursor: pointer;
z-index: 100;   
top:-100px !important;
display:none;
}
.nbs-flexisel-nav-left { left: 10px ; background:url(//mon-pilates.bzh/wp-content/themes/yogic-pro/images/button-previous.png) no-repeat center center #5c5c5c; }
.nbs-flexisel-nav-right {right: 5px ; background: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/images/button-next.png) no-repeat center center #5c5c5c;}
.nbs-flexisel-nav-left:hover, .nbs-flexisel-nav-right:hover { background-color:#31cafd;}.grtyoutube-popup {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:99999;
}
.grtyoutube-popup-content {
margin-top:150px;
width:95%;
max-width:850px;
margin-left:auto;
margin-right:auto;
position:relative;
background-color:#000;
}
.grtyoutube-popup-close {
position:absolute;
top:-30px;
right:0;
color:#FFF;
font-size:25px;
width:17px;
height:17px;
cursor:pointer;
}
.grtyoutube-iframe {
width:100%;
height:480px;
}
@media (max-width:767px) {
.grtyoutube-iframe {
width:100%;
height:350px;
}
}
.grtyoutube-dark-theme{
background: rgba(0,0,0, 0.85);
}
.grtyoutube-dark-theme .grtyoutube-popup-content {
-webkit-box-shadow: 0px 0px 8px 0px rgba(255,255,255,0.4);
-moz-box-shadow: 0px 0px 8px 0px rgba(255,255,255,0.4);
box-shadow: 0px 0px 8px 0px rgba(255,255,255,0.4);
}
.grtyoutube-dark-theme .grtyoutube-popup-close {
background: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/popupvideo/icon-close-white.png) no-repeat;
}
.grtyoutube-light-theme {
background: rgba(255,255,255, 0.85);
}
.grtyoutube-light-theme .grtyoutube-popup-content {
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.grtyoutube-light-theme .grtyoutube-popup-close {
background: url(//mon-pilates.bzh/wp-content/themes/yogic-pro/popupvideo/icon-close-black.png) no-repeat;
}#pagearea .container,
#section1 .container,
#section2 .container,
#section3 .container,
#section4 .our_event_list,
#section5 .container,
#section6 .container,
#section7 .container,
#section8 .container,
#section9 .container,
#section10 .container
{ visibility:hidden;}