/**
* Base
**/
html{ background: #ffffff url(images/html.jpg) no-repeat center top !important; }
body{ background: none !important; }
#wrappermain-pix{ background: transparent url(images/body.png) no-repeat fixed center top; color: #595959; font-size: 16px; }
#main:before,#main:after { display: none; }
input[type=text]{ height: 45px; color: #999; font-size: 12px; border-radius: 0; padding-left: 15px; padding-right: 40px; border: 1px solid #c5c5c5; text-transform: uppercase; box-shadow: 0 0 4px 0 #e2e2e2 inset; }
input[type=text]:focus,
input[type=text]:hover{ border-color: #000; }
input[type=submit]{ border: none; color: #fff; height: 45px; font-size: 16px; padding-left: 15px; padding-right: 15px; text-transform: uppercase; border-radius: 2px; background: #161616; margin-right: 22px; }
input[type=submit]:focus,
input[type=submit]:hover{ background-color: #427ecb; }
/**
* Commons
**/
#main table{ border-collapse: separate; empty-cells: hide; margin-bottom: 3em; }
#main table th{ border: 0; }
#main table td{ border: 0; }
#main table thead tr th{ background: #427ecb; color: #fff; text-align: center; }
#main table tbody tr th{ background: #f8f8f8; border-bottom: 1px solid #ccc; }
#main table tbody tr td{ background: #333; border-bottom: 1px solid #ccc; color: #fff; font-size: 22.64px; text-align: center; }
#main table tbody tr:last-child th{ border: 0; }
#main table tbody tr:last-child td{ border: 0; }
#main .rich_editor_text p{ line-height: 1.5em; }
.swoo_size_20{ float: left; margin: 0 2%; width: 16%; }
.swoo_size_80{ float: left; margin: 0 2%; width: 76%; }
.swoo_size_40{ float: left; margin: 0 2%; width: 36%; }
.swoo_size_60{ float: left; margin: 0 2%; width: 56%; }
.postlist article{ margin-bottom: 2em; }
/**
* Layout
**/
body{ border: 0; padding-top: 70px; }
#wrappermain-pix #header:after{ background: none !important; }
/* #top */
#top{ background: url(images/top.png) center top; left:0; position: fixed; top: 0; width: 100%; z-index: 99999; }
#top .container{ position: relative; height: 70px; }
#top .reserve{ background: url(images/top-reserve.png) no-repeat; float: left; margin: 0 0 0 -10px; position: relative; width: 468px; z-index: 1; }
#top .reserve a{ display: block; font-size: 31.88px; font-weight: bold; letter-spacing: -0.25px; line-height: 70px; position: relative; text-align: center; text-transform: uppercase; }
#top .reserve a:focus,
#top .reserve a:hover{ color: #427ecb; }
#top .reserve a::before{ background: url(images/sprites.png) no-repeat -497px -20px; content: ""; display: inline-block; height: 40px; margin-right: 10px; position: relative; top: -3px; vertical-align: middle; width: 40px; }
#top .reserve a:focus::before,
#top .reserve a:hover::before{ background-position: -497px -60px; }
#top .phone{ background: url(images/top-phone.png) no-repeat; color: #fff; float: left; font-size: 31.88px; letter-spacing: -0.25px; line-height: 70px; margin: 0 0 0 -70px; text-align: center; width: 382px; }
#top .phone a{ color: #fff; }
#top .external{ float: right; margin: 0 -46px 0 0; padding: 0; }
#top .external li{ display: inline; list-style: none; margin: 0; padding: 0; }
#top .external li a{ color: #fff; display: block; float: left; line-height: 70px; }
#top .external li.ico a{ background: url(images/sprites.png) no-repeat -374px -20px; height: 28px; line-height: 28px; margin-left: 12px; overflow: hidden; position: relative; text-indent: -9999em; top: 21px; width: 26px; }
#top .external li.in a{ background-position: -374px -20px; }
#top .external li.in a:focus,
#top .external li.in a:hover{ background-position: -374px -59px; }
#top .external li.fb a{ background-position: -413px -20px; }
#top .external li.fb a:focus,
#top .external li.fb a:hover{ background-position: -413px -59px; }
#top .external li.gg a{ background-position: -293px -92px;top:22px; }
#top .external li.gg a:focus,
#top .external li.gg a:hover{ background-position: -332px -92px; }
#top .external li.tw a{ background-position: -451px -20px; }
#top .external li.tw a:focus,
#top .external li.tw a:hover{ background-position: -451px -59px; }
#top .external li.lang a{ font-size: 26.63px; margin-left: 19px; text-transform: uppercase; }
#top .external li.lang a:focus,
#top .external li.lang a:hover{ color: #427ecb; }
#top .external li.lang{ display: none; }
#top .external li.ico.ta { background: url(images/sprites.png) no-repeat -374px -92px; height: 28px; line-height: 28px; margin-left: 12px; overflow: hidden; position: relative; text-indent: -9999em; top: 21px; width: 26px;display:block;float:left; }
#top .external li.ico.ta a {
background: none !important;
top: 0px !important;
margin-left: 0px !important;
}
#top .external li.ico.ta:hover {cursor:pointer; background-position: -413px -92px; }
.socialWidgetCore img {
display: none !important;
}
.socialWidgetContainer {
display: block !important;
position: relative;
}
.socialWidget {
display: block !important;
height: 26px;
}
html[lang="fr-CA"] #top .external li.lang-en{ display: inline; }
html[lang="en-US"] #top .external li.lang-fr{ display: inline; }
/* #mainheader */
#mainheader{ padding-top: 44px; }
#mainheader .container{ padding-bottom: 38px; }
#mainheader #logo{ margin-left: -1px; padding-left: 0; }
#mainheader nav.navigation{ padding-top: 21px; width: 624px; }
#mainheader nav.navigation ul li{ padding-left: 16px;}
#mainheader nav.navigation ul li a{ font-size: 15.18px; font-weight: 300; letter-spacing: 1px; color:#ffffff;
font-weight: 500; }
#mainheader .clubtiming{ margin-right: -10px; padding-top: 29px; }
#mainheader .clubtiming .phone{ font-size: 26.08px; margin: 5px 0; text-align: right; }
#mainheader .clubtiming .phone a{ color: #ffffff; }
#mainheader .clubtiming a.btnopening{ float: right; font-size: 15.25px; }
/* #main */
#main{ padding-top: 0; }
#main .container{ min-height: 400px; padding-top: 20px; }
#main .rich_editor_text{ padding-bottom: 200px; }
/* #mailchimp newsltter */
#mc-newsletter { background: #427ecb; margin: 0 auto; max-width: 1140px; min-height: 100px; padding-top: 20px; }
#mc-newsletter .mc_custom_border_hdr { float: left; width: 230px; color: #FFF;margin-left: 70px; font-size: 18px; }
#mc-newsletter .mc_merge_var { float: left; margin: 0 40px; }
#mc-newsletter .mc_header { display:none; }
#mc-newsletter .mc_input { float: left; width: 420px;}
#mc-newsletter #mc_signup_submit {width: 160px; float: left; display: inline-block; margin-top: 0; font-size: 20px; font-weight: bold; }
#mc-newsletter .mc_success_msg{ color:#0CE84A; margin-left: 40px;}
#mc-newsletter .mc_error_msg {color:#B20000; margin-left: 40px;}
/* #footer-gallery */
#footer-gallery{ background: #333; margin: 0 auto; max-width: 1140px; }
#footer-gallery .swiper{ position: relative; }
#footer-gallery .swiper-container{ height: 230px; }
#footer-gallery .swiper-wrapper{ margin: 0; padding: 0; }
#footer-gallery .swiper-slide{ height: 230px; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 228px; }
#footer-gallery .swiper-arrow{ background: url(images/sprites.png) no-repeat -20px -20px; display: block; height: 85px; opacity: 0; position: absolute; top: 85px; width: 85px; z-index: 99; }
#footer-gallery:hover .swiper-arrow{ opacity: 1; }
#footer-gallery .swiper-arrow-left{ background-position: -20px -20px; left: 65px; }
#footer-gallery .swiper-arrow-right{ background-position: -124px -20px; right: 65px; }
#footer-gallery .swiper-arrow,
#footer-gallery:hover .swiper-arrow{
-webkit-transition: opacity 0.25s ease;
-o-transition: opacity 0.25s ease;
-ms-transition: opacity 0.25s ease;
-moz-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
/* #footer-widgets */
#footer-widgets{ padding-top: 45px; }
#footer-widgets .cs-section-title{ font-size: 22px; }
#footer-widgets header.cs-heading-title{ margin-bottom: 21px; }
#footer-widgets #footer-address{ padding-top: 8px; }
#footer-widgets #footer-address img{ display: block; margin-bottom: 25px; margin-left: -4px; }
#footer-widgets #footer-address address{ font-size: 15.43px; line-height: 24.35px; font-style: normal; margin-bottom: 16px; text-transform: uppercase; }
#footer-widgets #footer-address address strong{ font-weight: normal; }
#footer-widgets .widget_nav_menu header.cs-heading-title{ margin-bottom: 15px; }
#footer-widgets .widget_nav_menu ul li a{ font-size: 15.43px; text-transform: uppercase; }
#footer-widgets .facebok_widget{ margin-top: -4px; }
#footer-widgets .facebok_widget header.cs-heading-title{ margin-bottom: 24px; }
/* #swoo-credits */
#swoo-credits{ height: 70px; margin: 0 auto; max-width: 1140px; position: relative; }
#swoo-credits a{ background: url(images/swoo-credits.png) no-repeat; height: 30px; overflow: hidden; position: absolute; right: 0; text-indent: -9999em; top: 20px; width: 342px; }
/**
* Page Specific
**/
/* body.home */
body.home #main{ padding-bottom: 40px; }
body.home #main .container{ padding-top: 440px; position: relative; }
body.home #main .container .col-md-12{ position: static; }
/* #cs_column_page_0 - saut tandem */
body.home #cs_column_page_0{ height: 434px; left: -35px; overflow: hidden; padding: 0 !important; position: absolute; top: 0; width: 720px; }
body.home #cs_column_page_0 a{ background: #fff; display: block; height: 100%; overflow: hidden; text-indent: -9999em; width: 100%; }
body.home #cs_column_page_0 a::after{ background: url(sprites.png) no-repeat -228px -20px; bottom: -1px; content: ""; display: block; height: 53px; right: 0; position: absolute; width: 53px; z-index: 99; }
body.home #cs_column_page_0 a:focus::after,
body.home #cs_column_page_0 a:hover::after{ background-position: -301px -20px; }
body.home #cs_column_page_0 a img{ left: 0; position: absolute; top: 0; z-index: 1; }
/* #cs_column_page_1 - souvenir */
body.home #cs_column_page_1{ height: 217px; right: -35px; overflow: hidden; padding: 0 !important; position: absolute; top: 0; width: 420px; }
body.home #cs_column_page_1 a{ display: block; height: 100%; overflow: hidden; text-indent: -9999em; width: 100%; }
body.home #cs_column_page_1 a::after{ background: url(sprites.png) no-repeat -228px -20px; bottom: -1px; content: ""; display: block; height: 53px; right : 0; position: absolute; width: 53px; z-index: 99; }
body.home #cs_column_page_1 a:focus::after,
body.home #cs_column_page_1 a:hover::after{ background-position: -301px -20px; }
body.home #cs_column_page_1 a img{ left: 0; position: absolute; top: 0; z-index: 1; }
/* #cs_column_page_2 - premier saut */
body.home #cs_column_page_2{ height: 217px; right: -35px; overflow: hidden; padding: 0 !important; position: absolute; top: 217px; width: 420px; }
body.home #cs_column_page_2 a{ display: block; height: 100%; overflow: hidden; text-indent: -9999em; width: 100%; }
body.home #cs_column_page_2 a::after{ background: url(sprites.png) no-repeat -228px -20px; bottom: -1px; content: ""; display: block; height: 53px; right: 0; position: absolute; width: 53px; z-index: 99; }
body.home #cs_column_page_2 a:focus::after,
body.home #cs_column_page_2 a:hover::after{ background-position: -301px -20px; }
body.home #cs_column_page_2 a img{ left: 0; position: absolute; top: 0; z-index: 1; }
/* .rich_editor_text - The CONTENT */
body.home #cs_column_page_3{ font-size: 18.67px; padding: 30px 0; }
body.home #cs_column_page_3 h1{ font-size: 29.67px; line-height: 1.125em; text-transform: none; }
body.home #cs_column_page_3 h1 .colr{ text-transform: uppercase; }
body.home #cs_column_page_3 p{ line-height: 1.25em; }
body.home #cs_column_page_3 .left{ float: left; width: 45%; }
body.home #cs_column_page_3 .right{ float: right; width: 54%; }
/* home-featured */
body.home #cs_column_page_4{ background: #f7f7f7; margin: 0 -50px 85px -50px; padding: 40px 50px 30px 50px; width: 1140px; }
body.home #cs_column_page_4 .element_size_33{ padding: 0 !important; }
body.home #main .home-featured{ width: 330px; }
body.home #main .home-featured figcaption{ width: 90%; }
body.home #main .home-featured .cs-heading-title{ margin: 0 0 14px 0; }
body.home #main .home-featured .cs-section-title{ font-size: 22.64px; line-height: 1em; margin: 0; }
body.home #main .home-featured .text{ bottom: 20px; left: 10px; position: absolute; }
body.home #main .home-featured .text h3{ font-weight: normal; margin: 0; }
body.home #main .home-featured .text h3 a{ color: #fff; padding: 0 10px; }
body.home #main .home-featured .text h4{ background: #000; color: #fff; font-weight: normal; padding: 2px 10px; }
/* #main .page_listing */
body.home #main .page_listing{ clear: left; }
body.home #main .page_listing article{ border-bottom: 1px dashed #c4c4c4; margin-bottom: 20px; }
body.home #main .page_listing article figure{ margin-bottom: 0; }
body.home #main .page_listing .cs-post-title{ font-size: 22.64px; line-height: 1.125em; margin: 10px 0; text-transform: none; }
body.home #main .page_listing .cs-post-title a{ color: #424242; }
body.home #main .page_listing .post-options{ display: none; }
/* #cs_column_page_5 - prix */
body.home #cs_column_page_5{ float: right; margin-bottom: 30px; width: 66%; }
body.home #cs_column_page_5 h2{ margin-bottom: 15px; }
body.home #cs_column_page_5 .price-table{ margin-bottom: 0; }
body.home #cs_column_page_5 .price-table .price-style1{ position: relative; }
body.home #cs_column_page_5 .price-table .price-box{ font-size: 22.64px; left: 0; padding-left: 15px; padding-right: 15px; position: absolute; top: 8px; width: auto; }
body.home #cs_column_page_5 .price-table .text{ font-size: 23.15px; letter-spacing: -1px; padding-left: 20px; position: static; }
body.home #cs_column_page_5 .price-table .text h4{ font-size: 23.15px; line-height: 28px; margin: 0; }
body.home #cs_column_page_5 .price-table .text .action{ bottom: 13px; margin: 0; position: absolute; right: 0px; }
body.home #cs_column_page_5 .price-table .text .action .pic{ background: url(images/sprites.png) no-repeat -615px -20px; height: 40px; display: block; float: left; overflow: hidden; text-indent:-9999em; width: 40px; }
body.home #cs_column_page_5 .price-table .text .action .vid{ background: url(images/sprites.png) no-repeat -615px -60px; height: 40px; display: block; float: left; overflow: hidden; text-indent:-9999em; width: 40px; }
body.home #cs_column_page_5 .price-table .text .action .buy{ background: #000; color: #fff; display: block; float: left; font-size: 22.64px; height: 40px; line-height: 40px; margin-left: 10px; padding: 0 16px; text-transform: uppercase; }
body.home #cs_column_page_5 .price-table .text .action .buy:focus,
body.home #cs_column_page_5 .price-table .text .action .buy:hover{ background-color: #427ecb; }
body.home #cs_column_page_5 .more{ clear: both; margin: 0; }
body.home #cs_column_page_5 .more a{ background: #427ecb; color: #fff; display: block; font-size: 27.17px; line-height: 1.125em; padding: 10px; text-align: center; text-transform: uppercase; }
body.home #cs_column_page_5 .more a:focus,
body.home #cs_column_page_6 .more a:hover{ background: #000; }
/* body.page-id-27 - tarifs et forfaits */
/* body.page-id-21 - equipe evolution */
body.page-id-21 #equipe-evolution{}
body.page-id-21 #equipe-evolution .team{ float: left; padding-left: 120px; position: relative; width: 40%;}
body.page-id-21 #equipe-evolution .team h4 img{ left: 0; position: absolute; top: 0; }
body.page-id-21 #equipe-evolution .team p{ line-height: normal; }
body.page-id-21 article.team .desc p{ font-size: 14px; line-height: 1.5em; }
/* body.page-id-15 - contact */
/* body.page-id-17 - Certificats Cadeaux */
#products .product{ border: 1px solid #ccc; float: left; margin-bottom: 30px; min-height: 420px; padding: 10px 10px 70px 10px; position: relative; width: 330px; }
#products .product h2{ font-weight: normal; }
#products .product img{ display: block; margin-bottom: 1em; width: 100%; }
#products .product .price{ display: block; color: #fff; font-size: 32px; line-height: 60px; margin: 0; background: #424242; bottom: 0; left; 0; padding: 0 12px; position: absolute; text-align: center; }
#products .product .more{ bottom: 0; margin: 0; position: absolute; right: 10px; }
#products .product .more a{ background: #000; color: #fff; display: block; font-size: 22.64px; height: 40px; line-height: 40px; padding: 0 16px; text-transform: uppercase; }
#products .product .more a:focus,
#products .product .more a:hover{ background-color: #427ecb; }
#products .p01{ clear: left; }
#products .p02{ margin-left: 25px; margin-right: 25px; }
#products .p04{ clear: left; }
#products .p05{ margin-left: 25px; margin-right: 25px; }
#products .p07{ clear: left; }
#products .p08{ margin-left: 25px; margin-right: 25px; }
/* body.page-id- - Equipe Evolution */
.our-trainers.trainer-list-view article{ width: 32%; }
.our-trainers.trainer-list-view article figure img{ height: auto !important; }
.our-trainers.trainer-list-view article .text .cs-post-title{ margin-bottom: 3px; }
.our-trainers.trainer-list-view article h5 span{ font-size: 12px; }
.our-trainers.trainer-list-view article .text .desc{ font-size: 14px; }
.our-trainers.trainer-list-view article .text .desc p{ margin: 0; }
/*****
* RESPONSIVE
******/
@media screen and (min-width: 0) and (max-width: 1199px){
html{ background-position: center -20px !important; }
body{ padding-top: 50px; }
img{ height: auto; max-width: 100%; }
#top .container{ height: 50px; }
#top .reserve{ background-image: url(images/top-reserve-responsive.png); width: 330px; }
#top .reserve a{ font-size: 24px; line-height: 50px; }
#top .reserve a::before{ background-position: -555px -20px; height: 24px; width: 24px; }
#top .reserve a:focus::before,
#top .reserve a:hover::before{ background-position: -555px -60px; }
#top .phone{ background-image: url(images/top-phone-responsive.png); font-size: 24px; line-height: 50px; width: 268px; }
#top .external{ margin-right: 0; }
#top .external li a{ line-height: 50px; }
#top .external li.ico a{ float: left; top: 12px; }
#top .external li.ico.ta {top: 12px;}
#top .external li.lang a{ float: right; font-size: 24px; }
#header #logo img{ height: auto !important; position: relative; top: 25px; width: 200px !important; }
#header .clubtiming{ margin-right: 0; }
#header .dropdownopening{ float: right; }
#header nav.navigation{ clear: both; float: none !important; padding-top: 1em; width: 100%; }
#swoo-credits a{ background-position: center center; width: 100%; }
/**/
#main table tbody tr td{ font-size: 1em; }
body.home #cs_column_page_5 .price-style1 .text{ padding-bottom: 73px; }
/**/
body.home #cs_column_page_4{ margin: 0 -15px 55px -15px; padding: 40px 15px 30px 15px; width: auto; }
body.home #main .home-featured figure{ width: 95%; }
body.home #main .home-featured figure img{ width: 100%; }
}
@media screen and (min-width: 0) and (max-width: 767px){
.swoo_size_20{ float: none !important; margin: 0 0 1em 0 !important; width: auto; }
.swoo_size_80{ float: none !important; margin: 0 0 1em 0 !important; width: auto; }
#mc-newsletter .mc_custom_border_hdr, #mc-newsletter #mc_message { width: 100%; margin: 0 auto; text-align: center;float: none; }
#mc-newsletter .mc_merge_var { float: none; }
#mc-newsletter .mc_input { width: 100%; }
#mc-newsletter #mc_signup_submit {width: 60%; margin: 10px auto; float: none;}
#mc-newsletter .mc_success_msg, #mc-newsletter .mc_error_msg { margin-left: 0px;}
}
/* Specific */
@media screen and (min-width: 0) and (max-width: 480px){
#wrappermain-pix{ margin: 0 auto; width: 320px; }
#top .reserve{ margin-left: -10px; }
#top .reserve a{ font-size: 16px; padding-left: 30px; text-align: left; }
#top .phone{ display: none; }
#top .external{ margin-right: 12px; }
#top .external .ico{ display: none; }
#top .external li.lang{ position: absolute; right: 5px; top: 0; z-index: 999; }
#top .external li.lang a{ color: #000; font-size: 14px; text-align: right; }
#mainheader{ padding-top: 0px; }
#mainheader .container{ padding-bottom: 28px; }
body.home #main .container { padding-top: 528px; }
body.home #cs_column_page_0{ height: 193px; left: 0; top: 0; width: 320px; }
body.home #cs_column_page_1{ height: 165px; left: 0; right: 0; top: 193px; width: auto; }
body.home #cs_column_page_1 img{ width: 100%; }
body.home #cs_column_page_2{ height: 165px; left: 0; right: 0; top: 358px; width: auto; }
body.home #cs_column_page_2 img{ width: 100%; }
body.home #cs_column_page_3 .left{ float: none; width: auto; }
body.home #cs_column_page_3 .right{ float: none; width: auto; }
body.home #main .home-featured{ width: 290px; }
body.home #main .home-featured figure{ width: 290px; }
body.home #main .page_listing{ margin-bottom: 2em; }
body.home #cs_column_page_5 .price-table article.price-style1{ position: relative; }
body.home #cs_column_page_5 .price-table article.price-style1 .price-box{ bottom: 85px; left: 0; position: absolute; }
body.home #cs_column_page_5 .price-table article.price-style1 .text{ margin-left: 100px; padding: 0 15px; padding-bottom: 160px; }
#products .product{ float: none; margin-left: auto; margin-right: auto; width: 290px; }
.our-trainers.trainer-list-view article{ width: 98%; }
.our-trainers.trainer-list-view article .text .desc{ padding: 20px; }
}
@media screen and (min-width: 481px) and (max-width: 767px){
#wrappermain-pix{ margin: 0 auto; width: 480px; }
.container{ padding: 0 15px; }
#top .reserve{ margin-left: 0; }
#top .phone{ display: none; }
#top .external{ margin-right: 12px; }
#top .external .ico{ display: none; }
#mainheader{ padding-top: 0px; }
#mainheader .container{ padding-bottom: 28px; }
#logo{ position: absolute; text-align: left; }
body.home #main .container { padding-top: 788px; }
body.home #cs_column_page_0{ height: 288px; left: 0; top: 0; width: 480px; }
body.home #cs_column_page_1{ height: 247px; left: 0; right: 0; top: 288px; width: auto; }
body.home #cs_column_page_1 img{ width: 100%; }
body.home #cs_column_page_2{ height: 247px; left: 0; right: 0; top: 535px; width: auto; }
body.home #cs_column_page_2 img{ width: 100%; }
body.home #cs_column_page_3 .left{ float: none; width: auto; }
body.home #cs_column_page_3 .right{ float: none; width: auto; }
body.home #main .home-featured{ width: 450px; }
body.home #main .home-featured figure{ width: 450px; }
body.home #main .page_listing{ margin-bottom: 2em; }
#products .product{ float: none; margin-left: auto; margin-right: auto; width: 330px; }
.our-trainers.trainer-list-view article{ width: 45.33333333%; }
.our-trainers.trainer-list-view article .text .desc{ padding: 20px; }
}
@media screen and (min-width: 768px) and (max-width: 991px){
#wrappermain-pix{ margin: 0 auto; width: 768px; }
#top .reserve{ margin-left: 15px; }
#top .phone{ display: none; }
#top .external{ margin-right: 0; }
#mainheader{ padding-top: 0px; }
#mainheader .container{ padding-bottom: 28px; }
body.home #main .container{ padding-top: 300px; }
body.home #cs_column_page_0{ height: 292px; left: -15px; top: 0px; width: 486px; }
body.home #cs_column_page_1{ height: 146px; right: -15px; top: 0px; width: 284px; }
body.home #cs_column_page_2{ height: 146px; right: -15px; top: 146px; width: 284px; }
body.home #cs_column_page_3 .left{ float: none; width: auto; }
body.home #cs_column_page_3 .right{ float: none; width: auto; }
body.home #main .home-featured{ width: 248px; }
body.home #main .home-featured .cs-section-title{ height: 2.5em; }
#products .product{ width: 330px; }
#products .p01{ clear: left; }
#products .p02{ float: right; margin-left: 0; margin-right: 0; }
#products .p03{ clear: left; }
#products .p04{ clear: none; float: right; }
#products .p05{ clear: left; margin-left: 0; margin-right: 0; }
#products .p06{ clear: none; float: right; }
#products .p07{ clear: left; }
#products .p08{ margin: 0; }
.our-trainers.trainer-list-view article{ width: 31.33333333%; }
.our-trainers.trainer-list-view article .text .desc{ padding: 20px; }
#mc-newsletter .mc_custom_border_hdr { margin-left: 30px; font-size: 16px;}
#mc-newsletter .mc_input { width: 350px;}
#mc-newsletter .mc_merge_var {margin: 0 -20px;}
#mc-newsletter .mc_success_msg, #mc-newsletter .mc_error_msg { margin-left: 0px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
#wrappermain-pix{ margin: 0 auto; width: 990px; }
.container{ padding: 0; }
#top .reserve{ margin-left: 15px; }
#top .external{ margin-right: 28px; }
#mainheader{ padding-top: 0px; }
#mainheader .container{ padding-bottom: 18px; }
body.home #main .container{ padding-top: 385px; }
body.home #cs_column_page_0{ height: 376px; left: -15px; top: 0; width: 625px; }
body.home #cs_column_page_1{ height: 188px; right: -15px; top: 0; width: 365px; }
body.home #cs_column_page_2{ height: 188px; right: -15px; top: 188px; width: 365px; }
body.home #main .home-featured{ width: 320px; }
#products .product{ width: 300px; }
}
/* Variantes */
@media screen and (min-width: 0) and (max-width: 480px){}
@media screen and (min-width: 481px) and (max-width: 767px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media screen and (max-width: 1600px){}