body { font-family: 'Lato', sans-serif; font-size:14px; color: #6c6c6c;}
#flashMessage { width: 400px; position: absolute; top: 45%; left: 35%; border: 1px #ED522B solid; background: #D2E4F0; padding:20px; font-weight: bold; cursor:pointer;}

.container{ width: 1280px; margin: 0 auto;}
a:focus{ outline: none;}


footer{ width: 100%; float: left;}
.footer_all{ width: 100%; float: left;}
.footer_bottom{ width: 100%; float: left; background: #000;}
.footer_bottom p{ font-size: 18px; font-weight: 300; color: #828282; text-align: center; margin: 29px 0;}

.footer_top{ width: 100%; float: left; background: #0e0e0e; padding: 30px 0;}
.suis_nous{ width: 100%; float: left; background: url('http://cardiosculptdeliab.com/img/titleimage1.png') no-repeat bottom center; height: 145px;}
.suis_nous p{ text-align: center; font-size: 45px; color: #fff; text-transform: uppercase; margin: 0;}
.social{ width: 30%; float: left; margin: 50px 35% 0;}
.youtube{ width: 31%; float: left;}
.youtube a{ margin: 0 10px; width: 100px; float: left; border: 3px solid #ee322b; border-radius: 50%; height: 100px; text-align: center; position: relative;}
.icon{ font-size: 60px; margin: 16px; text-align: center; color: #ee322b;}
.youtube a:hover{ animation: bounce 1s;}

.scrollToTop {
position: fixed;

width: 57px;
height: 57px;
z-index: 1000;
right:10px;
background: url('http://cardiosculptdeliab.com/img/arrow_top.png') no-repeat top left;
bottom: 10px;
display:none;

}

.text_button{ width: 100%; float: left; text-align: center; font-size: 25px; color: #fff; text-transform: uppercase;}
.space{ margin-left: 145px;}
.icon2{ font-size: 60px; margin: 22px; text-align: center; color: #ee322b;}
.social2{width: 100%; float: left; margin:0;}
.youtube2{ width: 100%; float: left;}
.youtube2 a{ margin: 0 46%; width: 8%; float: left; border: 3px solid #ee322b; border-radius: 50%; height: 100px; text-align: center; position: relative;}
.youtube2 a:hover{ animation: bounce 1s;}


@keyframes bounce{ 0%, 20%, 60%, 100% {-webkit-transform: translateY(0); transform: translateY(0);} 40%{ -webkit-transform: translateY(-20px);transform: translateY(-20px);} 80%{-webkit-transform: translateY(-10px);transform: translateY(-10px);}}

.propriete{ width: 100%; float: left; margin: 30px 0;}
.propriete p.title_propeterie{ width: 100%; float: left; font-size: 21px; text-align: center; text-transform: uppercase; color: #fff;}
.propriete p{ font-size: 18px; line-height: 30px; text-align: center;}
.propriete p.company{ width: 50%; float: left; margin: 0 25%;}

.form_home_page{ width: 100%; float: left; background: #363636; padding: 30px 0;}
.restez{ width: 100%; float: left; background: url('http://cardiosculptdeliab.com/img/titleimage2.png') no-repeat bottom center; height: 145px;}
.restez p{ text-align: center; font-size: 45px; color: #fff; text-transform: uppercase; margin: 0;}

.form{ width: 100%; float: left; margin: 100px 0 50px;}
.input{ width: 26%; float: left; margin: 0 10% 0 0; padding: 10px 2%; font-size: 18px; color: #fff; background: none; border: 2px solid #000;}
.submit{ width: 19%; float: left; padding: 10px 0; font-size: 21px; background:#6ae4ec; border: none; position:relative; transition: all 500ms ease;}

.submit:hover{ background: #ee322b; transition: all 0.5s ease; color: #fff;}

.form2{ width: 50%; float: left; margin: 100px 25% 50px;}
.input2{ width: 96%; float: left; margin: 20px 0 0 0; padding: 10px 2%; font-size: 18px; color: #000; background: #6AE4EC; border: none;}
.input.warning,.input2.warning{background:#f00;}
.submit2{ width: 100%; float: left; padding: 10px 0; font-size: 21px; background:#EE322B; border: none; position:relative; transition: all 500ms ease; margin: 20px 0 0; color: #fff;}


.points{ width: 100%; float: left; background: #000 url('http://cardiosculptdeliab.com/img/bg.jpg') no-repeat center top; padding: 50px 0 30px;}
.suis_nous3{ width: 100%; float: left; background: url('http://cardiosculptdeliab.com/img/titleimage1.png') no-repeat bottom center; height: 200px;}
.suis_nous3 p{ text-align: center; font-size: 45px; color: #fff; text-transform: uppercase; margin: 0;}

.topone{ height: 145px;}

.main_text{ width: 100%; float: left; color: #fff;}
.main_text p{ font-size: 18px; line-height: 30px; text-align: center;}
.main_text2{ width: 70%; float: left; margin: 0 15%;}
.main_text2 p{ font-size: 18px; line-height: 30px; text-align: justify; color: #fff;}
.button_technic{ width: 100%; float: left; margin: 30px 0;}
.button_technic a{ width: 30%; margin: 0 35%; font-size: 21px; float: left; padding: 10px 0; text-align: center; color: #000; background: #6ae4ec;}
.button_technic a:hover{ background: #ee322b; transition: all 0.5s ease; color: #fff;}

.voici{ width: 100%; float: left; font-size: 35px; color: #6AE4EC; text-align: center; margin: 30px 0 50px;}

.fourboxes{ width: 100%; float: left; margin: 30px 0;}
.box{width: 20%; float: left; margin: 0 85px 0 0; text-align: center;}
.box_icon{ width: 100%; float: left;}
.box_text{ width: 100%; float: left;}
.box_text p{ font-size: 18px; color: #fff; line-height: 30px; text-align: center;}
.last_box{ margin: 0;}

.red_line{ width: 100%; float: left; text-align: center; margin: 0 0 50px;}

.hidden1{ opacity:0;}
.visible1{ opacity:1;}

.two_buttons{ width: 100%; float: left; margin: 30px 0 50px;}
.two_buttons2{ width: 100%; float: left; margin: 30px 0 50px;}
.button_one{ width: 48%; float: left; margin-right: 2%;}
.button_one a{ width: 100%; float: left; text-align: center; font-size: 21px; background: #6AE4EC; text-transform: uppercase; padding: 10px 0; color: #000;}

.button_two{ width: 48%; float: left; margin-left: 2%;}
.button_two a{ width: 100%; float: left; text-align: center; font-size: 21px; background: #6AE4EC; text-transform: uppercase; padding: 10px 0; color: #000;}

.button_two2{ width: 50%; float: left; margin: 0 25%;}
.button_two2 a{ width: 100%; float: left; text-align: center; font-size: 21px; background: #6AE4EC; text-transform: uppercase; padding: 10px 0; color: #000;}


.button_one a:hover,.button_two a:hover,.button_two2 a:hover{ background: #EE322B; color: #fff; transition: all 0.5s ease;}

.slideshow{ width: 100%; float: left; background: #000; position: relative;}
#video{ width: 100%; float: left;}

.button_down {position: absolute; z-index: 1000; bottom: 10px; left: 48.7%;}

header{ width: 100%; float: left;}
.header_top{ background: #6AE4EC; height: 40px;}
.header_top_left{ width: 50%; float: left;}
.header_icon{ width: 40px; color: #000; border-left: 2px solid #000; border-right: 2px solid #000; padding: 5px 0 0; text-align: center; height: 35px; font-size: 25px;}
.header_top_left p{ width: 90%; float: right; margin: 11px 0; text-transform: uppercase; color: #000;}
.header_top_right{ width: 50%; float: left;}

.header_icon2{ width: 40px; color: #000; border-left: 2px solid #000; border-right: 2px solid #000; padding: 5px 0 0; text-align: center; height: 35px; font-size: 25px; float: right;}
.en{ float: right; padding: 5px 0; width: 100px; text-align: center; background: #000; margin: 6px 0 6px 10px; color: #fff;}
.header_top_right a{  color: #fff;}
.less{ border-left:none;}

.header_bottom{ float: left; width: 100%; background: #090909; height: 120px;}
.logo{ width: 14%; float: left; margin: 10px 0;}
.navigation{ width: 86%; float: left;}
.navigation ul{ list-style-type: none; width: 100%; float: left; padding: 0; margin: 47px 0;}
.navigation ul li{ width: auto; display: inline-block; margin-left: 38px;}
.navigation ul li a{ font-size: 21px; color: #fff; text-transform: uppercase;}
.navigation ul li a:focus{ outline: none;}


.navigation ul li a.navigation_link{ position: relative; display: block;padding: 5px 20px;text-decoration: none;color: #fff;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;}
.navigation ul li a.navigation_link:before {content: ""; position: absolute; bottom: 0; width: 0; border-bottom: solid 2px;}
.navigation ul li a.navigation_link:before {left: 0;}
.navigation ul li a.navigation_link:hover,.navigation ul li a.navigation_link.active {color: #6AE4EC;}
.navigation ul li a.navigation_link:hover:before,.navigation ul li a.navigation_link.active:before {width: 100%;}
.navigation ul li a.navigation_link:before {-webkit-transition: width .2s ease-in-out; transition: width .2s ease-in-out;}

.header_bottom.sticky{ position: fixed; z-index: 99999; top: 0;}

.height_other{ height: 143px;}

.video_cardio{ width: 100%; float: left; text-align: center; margin: 30px 0 50px;}

.faq_content{ width: 100%; float: left; margin: 50px 0;}
.question{ width: 100%; float: left; text-align: justify; margin: 10px 0; font-size: 21px; color: #fff; line-height: 30px; }
.question_title{ font-size: 25px; color: #EE322B;}
.question p{ margin: 0 0 15px;}
.line_faq{ height: 2px; border-bottom: 2px solid #6AE4EC; float: left; width: 100%; margin: 20px 0;}



.only_mobile{ display: none;}
.only_desktop{ display: block;}
#background_wrapper{float:left;width:100%;transition: margin 0.5s; overflow: hidden;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


@media (max-width: 1280px) {

.only_mobile{ display: block;}
.only_desktop{ display: none;}	

.container{ width: 100%;}

#open_mobile_menu{ position: absolute; z-index: 99999; top: 0px; left: 0; padding: 5px; font-size: 30px; text-align: center; width: 16px; border-radius: 50%;}
.fa-2x{ color: #000;}
#open_mobile_menu:focus{ outline: none;}

#mobile_menu.mobile_size{ width: 54%;}
#background_wrapper.mobile_margin{margin-left: 54%;}
#background_wrapper{overflow: hidden;}


#mobile_menu{z-index:100;position:absolute;width:0;height:auto; float:left; overflow: hidden; background: #000; transition: width 0.5s;}
#mobile_menu ul{ width: 100%; float: left; margin: 0; padding:0; list-style-type: none; font-size: 16px; text-align: center; border-top: 0; }
#mobile_menu ul li{ width: 100%; float: left; padding: 15px 0; text-align: center;}
#mobile_menu ul li a{ color: #fff; text-align: left; text-transform: uppercase; font-weight: bold;}
#mobile_menu ul li a:focus{ outline: none;}
#mobile_menu ul li.toggle_dropdown{ background: url('http://cardiosculptdeliab.com/img/tr2.png') no-repeat center 90%;}
#mobile_menu ul li.open{ background: none;}
#mobile_menu ul ul{ background: #0075bf; margin: 15px 0 0;}
#mobile_menu ul ul li a{ color: #fff; font-size: 11px;}

.fa-bars{ color: #fff;}


.footer_bottom{ width: 96%; padding: 0 2%;}
.footer_top{ width: 96%; padding: 0 2%;}

.propriete p.company{ width: 100%; margin: 0;}

.social{ width: 100%; margin: 50px 0 0;}
.youtube,.youtube2{ width: 100%; text-align: center;}
.youtube a,.youtube2 a{ width: 36%; text-align: center; border: none; margin: 0 32%;}
.text_button p{ margin: 0 0 15px; font-size: 16px;}
.space{ margin: 0;}

.suis_nous{ margin: 30px 0 0;}
.suis_nous p{ font-size: 35px;}

.form_home_page { width: 96%; padding: 0 2%;}
.restez{ margin: 30px 0 0;}
.restez p{ font-size: 25px;}

.form{ margin: 30px 2%; width: 96%;}
.input{ width: 94%; float: left; margin: 20px 0;}
.submit{ width: 50%; margin: 0 25%; font-size: 16px;}

.fourboxes{ width: 96%; margin: 30px 2%;}
.box{ width: 100%;}

.two_buttons{ width: 96%; margin: 0 2%;}
.button_one{ width: 100%; margin: 0;}
.button_two{ width: 100%; margin: 20px 0 0;}

.button_two2{ width: 96%; margin: 0 2%;}

.red_line{margin: 0 0 15px;}
.red_line img{ max-width: 100%;}

.voici{ width: 96%; font-size: 25px;}
.button_technic{ width: 96%; margin: 20px 2%;}
.button_technic a{ width: 100%; margin: 0;}
.main_text{ width: 96%; margin: 0 2%;}

.suis_nous3 p{ font-size: 21px;}
.suis_nous3{ height: 160px;}

.button_down{ display: none;}

.logo{ width: 100%; text-align: center;}

.header_bottom{ position: relative;}
.header_top{ float: left; height: auto; width: 100%;}
.header_top_left p{ display:none;}
.header_top_left{ width: 15%;}
.header_top_right{ width: 83%;}

.main_text2{ width: 96%; margin: 0 2%;}

iframe{ width: 100%;}

.form2{ width: 96%; margin: 0 2%;}

.faq_content{ width: 96%; margin: 50px 2%;}

}