@charset "utf-8";



@media screen and (max-width: 699px) { /*mobile*/
html { overflow-x: hidden; }
section { position:relative; }


/* couleurs générales */
.deeppink { background:#E2007A; }
.purple { background:#93117E; }
.deeppink, .deeppink h1, .deeppink h2, .deeppink h3 { color:#fff; }
.purple, .purple h1, .purple h2, .purple h3 { color:#fff; }
.styleH1, .features h2 { font-size:45px; font-weight: 200; line-height: 1.22em; margin: 50px 0 20px 0; color:#FFF; }
p, header h3, header a.btn { font-size:16px; }

/* corrections MAIN MENU */
nav .navbar-inner { background:transparent!important; }
.nav-collapse.collapse { float:left; width:100%; }
ul.nav { left:auto; }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background:transparent; }
.nav li a::before, .nav li a::after { display:none; }
nav .wrapp { margin: 0 auto; width: 100%; }

.navbar .btn-navbar { float: right; padding: 7px 10px; margin-right: 5px; margin-left: 5px; color: #fff; text-shadow: none; background-color: #93117E; background-image: none; background-repeat: no-repeat; border-color: #93117E; box-shadow: none; border-radius : 0px; }
.navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: none; border-radius: 0px; 	box-shadow: none; }
.btn {background-color: none!important;}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #fff; background-color: #93117E; *background-color: #93117E }
.navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #93117E\9 }
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { border-radius: 0px; }

/* corrections HOME */
header { padding-bottom:70px!important; background:none;}
header a.btn { background:transparent; border:2px solid #FFF; border-radius:0; margin:20px 20px 20px 10px; }
header .btn:hover, header .btn:focus { background:transparent; border:2px solid #FFF; }
header .bigfigure img { max-width:100%; max-height:100%; vertical-align: bottom; margin-right:10%; margin-top:70px; }
header .span6:nth-of-type(2) { padding-top:0px; }

/* correction padding-bottom */
#menu-usages,#menu-demo { padding: 70px 0; }
#menu-features { padding: 70px 0 0 0; }

/* style USAGES */
#menu-usages img { margin-left:10%;  margin-top:70px;}
#menu-usages .item p:last-of-type { font-size:1.1em;}
#menu-usages .span6:nth-of-type(2) { vertical-align:middle; }

/* style TEMOIGNAGES */
#menu-testimonials { padding:200px 0 300px 0; position:relative; }
.testimonials { background: url("../img/vkanim/testimonials.png") #E2007A no-repeat left; background-size:cover; }
#menu-testimonials div:first-of-type { position:absolute; height:500px; top:0; left:0; width:100%; background:rgba(147,17,126,0.2); }
#menu-testimonials cite { font-size:35px; font-weight: 200; text-transform:none; line-height:40px; }
#menu-testimonials cite span { font-size:20px; font-weight: 200; text-transform:none;  }
.testimonials .carousel-indicators { top:80%; right:45%; }

/* style GOODIES */
.features img { width: 80%; margin-right:10%; margin-left:10%; }
.features .item { margin-bottom: 0; }
#menu-features .vkimg { margin-top:60px; }
span.vkseparator { height:5px; width:100%; display:block; float:none; overflow:hidden; }
span.vktrait { display:none; }

/* style DEMO */
#menu-demo .vkdemo .vkphone1,#menu-demo .vkdemo .vkphone2 { margin:0 auto; cursor:pointer;  }
#menu-demo .vkdemo .vkphone1 { background:url(../img/vkanim/play-rose.svg) no-repeat left 50% top 50%,url(../img/vkanim/fond-anim.gif) no-repeat; background-size:30%, 100% 100%; }
#menu-demo .vkdemo .vkphone2 { background:url(../img/vkanim/anim-app2.gif) no-repeat; background-size:100% 100%; }
#menu-demo .span3 { display:none; }


/* style TARIFS */
.pricing-table li.sign-up { font-size:30px; font-weight:300; }
.pricing-table ul { border: 0px solid transparent; }
.pricing-table .t-one h3, .pricing-table .t-three h3 { background:#E42C86; }
.pricing-table .t-two h3 { background:#E20079; }
.pricing-table .t-one h4, .pricing-table .t-three h4 { background: #E75194; }
.pricing-table .t-two h4 { background-color: #E42C86; }
.pricing-table .t-one li,.pricing-table .t-three li { background-color :#ED89B3;border: 0px solid transparent; }
.pricing-table .t-two li { background-color :#EA6DA2;border: 0px solid transparent; }
.pricing-table .t-one li.sign-up,.pricing-table .t-three li.sign-up { background-color :#E42C86; }
.pricing-table .t-two li.sign-up { background-color :#E20079; }


/* style SHARE */
#menu-share .row-fluid .span6 { margin:0; padding:2.5% 10% 20% 25%; cursor:pointer; }
#menu-share .row-fluid .span6:nth-of-type(1) { background:url(../img/vkanim/picto-facebook-blanc.svg) #385998 no-repeat top 50% left 5%; background-size:15%;  }
#menu-share .row-fluid .span6:nth-of-type(2) { background:url(../img/vkanim/picto-twitter-blanc.svg) #54C3EC no-repeat top 50% left 5%; background-size:15%; }
#menu-share .vktxt h2.styleH1 { font-size:30px; }


/* style CONTACT */
#menu-contact .row-fluid .span6 { margin:0; padding:2.5% 10% 10% 25%; }
#menu-contact .row-fluid a .span6 img { width:80px; margin-top:10px; }
#menu-contact .row-fluid a .span6 img+img { width:20px; margin-top:0px; margin-left:15px; padding-bottom:5px; }
#menu-contact .vktxt h2.styleH1 { font-size:30px; }
#menu-contact .contacts h2 { margin-top:0px; }
#menu-contact .contacts p { font-size:16px; }
#menu-contact .contacts p:last-of-type { margin-bottom:20%; }
#menu-contact .contacts p img { height:18px; margin-right:5px; }

header, #menu-features { background:url(../img/vkanim/fond1.svg); background-size: cover; }
#menu-usages,#menu-demo { background:url(../img/vkanim/fond2.svg); background-size: cover; }
}
@media screen and (min-width: 700px) and (max-width: 1349px) { /*tablette*/
html { overflow-x: hidden; }
section { position:relative; }


/* couleurs générales */
.deeppink { background:#E2007A; }
.purple { background:#93117E; }
.deeppink, .deeppink h1, .deeppink h2, .deeppink h3 { color:#fff; }
.purple, .purple h1, .purple h2, .purple h3 { color:#fff; }
.styleH1, .features h2 { font-size:45px; font-weight: 200; line-height: 1.22em; margin: 50px 0 20px 0; color:#FFF; }
p, header h3, header a.btn { font-size:16px; }

/* corrections MAIN MENU */
nav .navbar-inner { background:transparent!important; }
.nav-collapse.collapse { float:left; width:100%; }
ul.nav { left:auto; }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background:transparent; }
.nav li a::before, .nav li a::after { display:none; }
nav .wrapp { margin: 0 auto; width: 100%; }

.navbar .btn-navbar { float: right; padding: 7px 10px; margin-right: 5px; margin-left: 5px; color: #fff; text-shadow: none; background-color: #93117E; background-image: none; background-repeat: no-repeat; border-color: #93117E; box-shadow: none; border-radius : 0px; }
.navbar .btn-navbar .icon-bar {	display: block; width: 18px; height: 2px; background-color: none;border-radius: 0px;box-shadow: none; }
.btn {background-color: none!important;}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { color: #fff; background-color: #93117E; *background-color: #93117E }
.navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #93117E\9 }
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { border-radius: 0px; }

/* corrections HOME */
header { padding-bottom:70px!important; background:none;}
header a.btn { background:transparent; border:2px solid #FFF; border-radius:0; margin:20px 20px 20px 10px; }
header .btn:hover, header .btn:focus { background:transparent; border:2px solid #FFF; }
header .bigfigure img { max-width:100%; max-height:100%; vertical-align: bottom; margin-right:10%; margin-top:70px; }
header .span6:nth-of-type(2) { padding-top:0px; }

/* correction padding-bottom */
#menu-usages,#menu-demo { padding: 70px 0; }
#menu-features { padding: 70px 0 0 0; }

/* style USAGES */
#menu-usages img { margin-left:10%;  margin-top:70px;}
#menu-usages .item p:last-of-type { font-size:1.1em;}
#menu-usages .span6:nth-of-type(2) { vertical-align:middle; }

/* style TEMOIGNAGES */
#menu-testimonials { padding:200px 0 300px 0; position:relative; }
.testimonials { background: url("../img/vkanim/testimonials.png") #E2007A no-repeat left; background-size:cover; }
#menu-testimonials div:first-of-type { position:absolute; height:500px; top:0; left:0; width:100%; background:rgba(147,17,126,0.2); }
#menu-testimonials cite { font-size:35px; font-weight: 200; text-transform:none; line-height:40px; }
#menu-testimonials cite span { font-size:20px; font-weight: 200; text-transform:none;  }
.testimonials .carousel-indicators { top:80%; right:45%; }

/* style GOODIES */
#menu-features .wrapp { margin: 0 auto; width: 90%; }
.features img { width: 100%; margin-right:0%; margin-left:0%; }
.features .item { margin-bottom: 0; }
#menu-features .vkimg { margin-top:60px; }
span.vkseparator { height:5px; width:100%; display:block; float:none; overflow:hidden; }
span.vktrait { height:2px; width:70%; display:block; float:none; margin:0 auto; background:#FFF; }


/* style DEMO */
#menu-demo .vkdemo .vkphone1,#menu-demo .vkdemo .vkphone2 { margin:0 auto; cursor:pointer;  }
#menu-demo .vkdemo .vkphone1 { background:url(../img/vkanim/play-rose.svg) no-repeat left 50% top 50%,url(../img/vkanim/fond-anim.gif) no-repeat; background-size:30%, 100% 100%; }
#menu-demo .vkdemo .vkphone2 { background:url(../img/vkanim/anim-app2.gif) no-repeat; background-size:100% 100%; }

/* style TARIFS */
.pricing-table li.sign-up { font-size:30px; font-weight:300; }
.pricing-table ul { border: 0px solid transparent; }
.pricing-table .t-one h3, .pricing-table .t-three h3 { background:#E42C86; }
.pricing-table .t-two h3 { background:#E20079; }
.pricing-table .t-one h4, .pricing-table .t-three h4 { background: #E75194; }
.pricing-table .t-two h4 { background-color: #E42C86; }
.pricing-table .t-one li,.pricing-table .t-three li { background-color :#ED89B3;border: 0px solid transparent; }
.pricing-table .t-two li { background-color :#EA6DA2;border: 0px solid transparent; }
.pricing-table .t-one li.sign-up,.pricing-table .t-three li.sign-up { background-color :#E42C86; }
.pricing-table .t-two li.sign-up { background-color :#E20079; }


/* style SHARE */
#menu-share .row-fluid .span6 { width: 50%; }
#menu-share .row-fluid .span6 { margin:0; padding:2.5% 10% 10% 15%; cursor:pointer; }
#menu-share .row-fluid .span6:nth-of-type(1) { background:url(../img/vkanim/picto-facebook-blanc.svg) #385998 no-repeat top 50% left 5%; background-size:15%;  }
#menu-share .row-fluid .span6:nth-of-type(2) { background:url(../img/vkanim/picto-twitter-blanc.svg) #54C3EC no-repeat top 50% left 5%; background-size:15%; }
#menu-share .vktxt h2.styleH1 { font-size:30px; }


/* style CONTACT */
#menu-contact .row-fluid .span6 { width:50%; margin:0; padding:2.5% 2.5% 10% 15%; }
#menu-contact .row-fluid a .span6 img { width:80px; margin-top:10px; }
#menu-contact .row-fluid a .span6 img+img { width:20px; margin-top:0px; margin-left:15px; padding-bottom:5px; }
#menu-contact .vktxt h2.styleH1 { font-size:30px; }
#menu-contact .contacts p img { height:18px; margin-right:5px; }



header, #menu-features { background:url(../img/vkanim/fond1.svg); background-size: cover; }
#menu-usages,#menu-demo { background:url(../img/vkanim/fond2.svg); background-size: cover; }
}
@media screen and (min-width: 1350px) { /*desktop*/
html { overflow-x: hidden; }
section { position:relative; }

/* couleurs générales */
.deeppink { background:#E2007A; }
.purple { background:#93117E; }
.deeppink, .deeppink h1, .deeppink h2, .deeppink h3 { color:#fff; }
.purple, .purple h1, .purple h2, .purple h3 { color:#fff; }
.styleH1 { font-size:45px; font-weight: 200; line-height: 1.22em; margin: 50px 0 20px 0; color:#FFF; }

/* corrections MAIN MENU */
nav .navbar-inner { background:transparent!important; }
.nav-collapse.collapse { float:left; width:100%; }
ul.nav { left:auto; }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background:transparent; }
.nav li a::before, .nav li a::after { display:none; }

/* corrections HOME */
header { padding-bottom:70px!important; background:none;}
header a.btn { background:transparent; border:2px solid #FFF; border-radius:0; margin:20px 20px 20px 10px; }
header .btn:hover, header .btn:focus { background:transparent; border:2px solid #FFF; }
header .bigfigure img { max-width:auto; max-height:auto; vertical-align: bottom; margin-right:5%; }
header .span6:nth-of-type(2) { padding-top:50px; }

/* correction padding-bottom */
#menu-usages,#menu-demo { padding: 70px 0; }
#menu-features { padding: 70px 0 0 0; }

/* style USAGES */
#menu-usages .item p:last-of-type { font-size:1.1em;}
#menu-usages .span6:nth-of-type(2) { vertical-align:middle; }

/* style TEMOIGNAGES */
#menu-testimonials { padding:200px 0; position:relative; }
.testimonials { background: url("../img/vkanim/testimonials.png") #E2007A no-repeat left; background-size:contain; }
#menu-testimonials div:first-of-type { position:absolute; height:500px; top:0; left:0; width:100%; background:rgba(147,17,126,0.2); }
#menu-testimonials cite { font-size:35px; font-weight: 200; text-transform:none; }
#menu-testimonials cite span { font-size:20px; font-weight: 200; text-transform:none; }
.testimonials .carousel-indicators { top:50%; }

/* style GOODIES */
span.vkseparator { height:5px; width:100%; display:block; float:none; overflow:hidden; }
span.vktrait { height:2px; width:70%; display:block; float:none; margin:0 auto; background:#FFF; }

/* style DEMO */
#menu-demo .vkdemo .vkphone1,#menu-demo .vkdemo .vkphone2 { margin:0 auto; cursor:pointer;  }
#menu-demo .vkdemo .vkphone1 { background:url(../img/vkanim/play-rose.svg) no-repeat left 50% top 50%,url(../img/vkanim/fond-anim.gif) no-repeat; background-size:30%, 100% 100%; }
#menu-demo .vkdemo .vkphone2 { background:url(../img/vkanim/anim-app2.gif) no-repeat; background-size:100% 100%; }
#menu-demo .span3:last-of-type img { width:25%; }


/* style TARIFS */
.pricing-table li.sign-up { font-size:30px; font-weight:300; }
.pricing-table ul { border: 0px solid transparent; }
.pricing-table .t-one h3, .pricing-table .t-three h3 { background:#E42C86; }
.pricing-table .t-two h3 { background:#E20079; }
.pricing-table .t-one h4, .pricing-table .t-three h4 { background: #E75194; }
.pricing-table .t-two h4 { background-color: #E42C86; }
.pricing-table .t-one li,.pricing-table .t-three li { background-color :#ED89B3;border: 0px solid transparent; }
.pricing-table .t-two li { background-color :#EA6DA2;border: 0px solid transparent; }
.pricing-table .t-one li.sign-up,.pricing-table .t-three li.sign-up { background-color :#E42C86; }
.pricing-table .t-two li.sign-up { background-color :#E20079; }


/* style SHARE */
#menu-share .row-fluid .span6 { width:50%; margin:0; padding:2.5% 10% 7.5% 10%; cursor:pointer; }
#menu-share .row-fluid .span6:nth-of-type(1) { background:url(../img/vkanim/picto-facebook-blanc.svg) #385998 no-repeat top 50% left 5%; background-size:10%;  }
#menu-share .row-fluid .span6:nth-of-type(2) { background:url(../img/vkanim/picto-twitter-blanc.svg) #54C3EC no-repeat top 50% left 5%; background-size:10%; }
#menu-share .vktxt h2.styleH1 { font-size:30px; }

/* style CONTACT */
#menu-contact .row-fluid .span6 { width:50%; margin:0; padding:2.5% 10% 7.5% 10%; }
#menu-contact .row-fluid a .span6 img { width:80px; margin-top:10px; }
#menu-contact .row-fluid a .span6 img+img { width:20px; margin-top:0px; margin-left:15px; padding-bottom:5px; }
#menu-contact .vktxt h2.styleH1 { font-size:30px; }
#menu-contact .contacts p img { height:28px; margin-right:5px; }

header, #menu-features { background:url(../img/vkanim/fond1.svg); background-size: cover; }
#menu-usages,#menu-demo { background:url(../img/vkanim/fond2.svg); background-size: cover; }
}