@font-face {font-weight:normal; font-style:normal; font-family:'allerregular'; src:url('../../fonts/aller/aller_std_rg-webfont.eot'); src:url('../../fonts/aller/aller_std_rg-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/aller/aller_std_rg-webfont.woff') format('woff'), url('../../fonts/aller/aller_std_rg-webfont.svg#allerregular') format('svg');}
@font-face {font-weight:normal; font-style:normal; font-family:'allerbold'; src:url('../../fonts/aller/aller_std_bd-webfont.eot'); src:url('../../fonts/aller/aller_std_bd-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/aller/aller_std_bd-webfont.woff') format('woff'), url('../../fonts/aller/aller_std_bd-webfont.svg#allerbold') format('svg');}
@font-face {font-weight:normal; font-style:normal; font-family:'icomoon'; src:url('../../fonts/icomoon/icomoon.eot?-n7s1ww'); src:url('../../fonts/icomoon/icomoon.eot?#iefix-n7s1ww') format('embedded-opentype'), url('../../fonts/icomoon/icomoon.woff?-n7s1ww') format('woff'), url('../../fonts/icomoon/icomoon.ttf?-n7s1ww') format('truetype'), url('../../fonts/icomoon/icomoon.svg?-n7s1ww#icomoon') format('svg');}
body {color:#41464d; font-size:14px; background:#eff5f8; font-family:arial, verdana, sans-serif;height:100%}
#tinymce {background:#fff}
#container {width:100%; margin-top:40px;padding-bottom:130px}
#main {float:left; width:715px}
.content {position:relative; width:950px; margin:0 auto}
html{height:100%}
.global{position:relative; min-height:100%}

.adwordsh {width: 728px; margin: 0 auto;padding-top:20px; }
.adwordshMobile {width: 320px; margin: 0 auto; display:none; padding-top:20px; }
.home .adwordsh,.home .adwordshMobile{clear:both}
.adwordsv {width: 120px; margin: 20px auto;}

/********** HEADER **********/
header {position:relative; height:80px; min-height:80px; background:#23262a; z-index:5000;}
header #logoSmall {display:none}
header #full {float:right; height:80px; margin-right:10px; font-family:allerregular,arial,sans-serif}
header #full li {display:table; float:left; height:80px; margin-left:50px}
header #full li a {display:table-cell; padding-bottom:23px; color:#fff; border-bottom:4px solid transparent; font-size:1em; text-decoration:none; text-transform:uppercase; -moz-transition:all 0.3s;-o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; vertical-align:bottom;}
header #full li a:hover,
header #full li.active a {border-bottom:4px solid #d34b21}
header #logo {position:absolute; top:20px}
header .bkg {position:absolute; height:80px; width:50%; margin-left:50%; background:#36383b; overflow:hidden;}
header .bkg:before {position:absolute; height:116px; width:116px; margin:-58px 0 0 -58px; background-color:#23262a; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''; transform:rotate(45deg);}

/********** ASIDE **********/
aside {float:left; width:215px; margin-right:20px}
#tc {padding-bottom:20px}
aside li a,
#tc li a {display:block; position:relative; margin-bottom:2px; padding:14px 0 13px 20px; color:#fff; border-left:4px solid transparent; font-size:1em; text-decoration:none; text-transform:uppercase; -moz-transition:all 0.3s; -o-transition:all 0.3s;-webkit-transition:all 0.3s; background:#23262a; overflow:hidden; transition:all 0.3s;}
aside li a:before,
#tc li a:before {position:absolute; right:12px; top:0; margin-top:13px; font-size:1.2em; font-weight:normal; font-style:normal; font-variant:normal; text-transform:none; content:"\e604"; font-family:'icomoon'; line-height:1; speak:none; z-index:2;}
aside li a:hover,
aside li.active a,
#tc li a:hover,
#tc li.active a {border-left:4px solid #d34b21}
aside li a:hover:after,
aside li.active a:after,
#tc li a:hover:after,
#tc li.active a:after {background:#d34b21}
aside li a:hover:after,
#tc li a:hover:after {width:134px}
aside li a:after,
#tc li a:after {position:absolute; right:0; top:0; height:110px; width:110px; margin:0 -55px 0 0; -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -o-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -webkit-transition:all 0.3s; background:#36383b; content:''; transform:rotate(-45deg); transition:all 0.3s;}
aside h2 {margin:10px 0 20px 0; color:#d34b21; font-size:1.8em; font-family:allerbold,arial,sans-serif}

/********** TABS **********/
.tabs {position:relative; width:100%; overflow:hidden}
.tabs .mainNav nav li {display:block; float:none; width:100%; margin-bottom:0; border-right:0; border-top:1px solid #bcbdc0}
.tabs .mainNav nav li:last-child {border-bottom:1px solid #bcbdc0}
.tabs nav {margin:0; padding:0; text-align:left; background:#e5ebed}
.tabs nav li.tab-current {z-index:100}
.tabs nav li.tab-current:after {left:100%; right:auto; width:4000px}
.tabs nav li.tab-current a {color:#d34b21; background:#fff}
.tabs nav ul {display:inline-block; width:100%; margin:0; padding:0; background:#e5ebed}
.tabs nav ul li {display:block; float:left; position:relative; border-right:1px solid #bcbdc0}
.tabs nav ul li:last-child {border-right:0}

.tabs nav a:before {display:inline-block; margin:-0.25em 0.4em 0 0; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; font-family:'icomoon'; line-height:1; speak:none; vertical-align:middle;}
.tabs nav a:hover {color:#d34b21}
.tabs nav a:link {display:block; padding:1em 0.9em 0.7em; color:#777a7f; font-size:1em; text-decoration:none; text-transform:uppercase; font-family:allerregular,arial,sans-serif; white-space:nowrap;}

/********** TABS CONTENT **********/
.tabsContent section {display:none; margin:-2px auto 0; padding:2em 1em; background:#fff}
.tabsContent section:before,
.tabsContent section:after {display:table; content:''}
.tabsContent section:after {clear:both}
.tabsContent section.tabsContent-current {display:block}
.no-js .tabsContent section {display:block; padding-bottom:2em; border-bottom:1px solid #47a3da}
.mainContent li {margin-bottom:2px}
.mainContent li li:before {position:absolute; margin-left:-13px; margin-top:0px; color:#d34b21; font-size:1em; content:'○'}
.mainContent li:before {position:absolute; margin:0 0 0 -15px; font-size:1em; content:'●'}
.mainContent ul {margin-bottom:20px; margin-left:50px}
.mainContent ul ul {margin:0 0 0 30px}
.mainContent img {max-width:100%; margin-bottom:10px}

/********** MAIN **********/
.mainNav {position:fixed; width:150px; margin:50px 0 0 720px}
.mainNav nav {width:150px; margin:0 auto; text-align:left; background:none}
.mainNav nav li:before {content:none}
.mainNav nav li a {position:relative; padding:8px 0 8px 30px; color:#d34b21; font-size:1em; font-weight:normal; text-transform:none; font-family:arial; line-height:200%}
.mainNav nav li a:hover {cursor:pointer}
.mainNav nav ul {width:100%; padding:0; background:none}

/****** FOOTER *******/
footer {background:#23262a; clear:both;position:absolute;bottom:0; width:100%;}
footer nav {float:left; padding:20px 0}
footer li {display:inline; color:#bcbdc0}
footer li:last-child:after {content:''}
footer li:after {padding:0 6px; content:'|'}
footer li a {color:#bcbdc0; font-size:0.8em; text-decoration:none; text-transform:uppercase}
footer li a:hover,
footer li.active a {color:#d34b21}
footer p {padding:23px 0 0; color:#7b8286; text-align:right}

/****** ELEMENTS *******/
h1 {margin-bottom:17px; color:#23262a; font-size:2.7em; font-family:allerregular,arial,sans-serif}
h2 {margin-bottom:40px; color:#23262a; font-size:2em; font-family:allerregular,arial,sans-serif}
h2 span:before {margin-right:15px; color:#bcbdc0; font-size:1.4em}
h3 {margin-bottom:20px; padding-top:16px; color:#777a7f; border-top:1px solid #d34b21; font-size:1.5em; font-family:allerbold,arial,sans-serif}
h4 {margin-bottom:20px; color:#95989e; font-size:1em; text-transform:uppercase; font-family:allerbold,arial,sans-serif}
h4:before {padding-right:10px; color:#d34b21; font-size:1.3em; content:'◼'}
h6 {position:relative; margin-bottom:8px; color:#23262a; font-family:allerregular,arial,sans-serif}
h6 span {position:absolute; right:0}
h6 span:hover {cursor:pointer}
h6 a {color:#23262a}
p {margin-bottom:20px}
p,
li,
h5 {font-size:1em; line-height:1.4em}
li li {font-size:1em}
strong {font-weight:bold}
em {font-style:italic}
div.code {margin-bottom:20px; padding:20px; color:#23262a; background:#cfdde4; font-family:monaco;}
div.code p:last-child {margin-bottom:0}
table {width:100%; margin-bottom:25px; background:#cfdde4; table-layout:fixed;}
p.code,
span.code,
td.code p,
td.code {font-size:11px; font-family:monaco; word-wrap:break-word;}
td,
th {padding:20px; text-align:left; border:1px solid #adb2b6}
.mainContent table ul {margin-left:15px}
.mainContent table li {margin-bottom:0}
.mainContent a {color:#d34b21; font-weight:bold; text-decoration:none}
.mainContent a:hover {text-decoration:underline}
time {color:#95989e; font-size:0.9em}

.clear {clear:both}
p.clear{margin:0}
.right {text-align:right}

.mainContent  a.downloadButton:before {padding-right:15px; font-weight:normal; font-style:normal; font-variant:normal; text-transform:none; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; content:"\e607"; font-family:'icomoon'; line-height:1; speak:none;}
a.button,
.mainContent a.downloadButton {display:inline-block; padding:0 15px; color:#fff; text-decoration:none; background:#d34b21; box-sizing:border-box; line-height:35px;}
a.button:hover,
.mainContent  a.downloadButton:hover {text-decoration:none; background:#d96d4c}
.mainContent a.downloadButton {width:384px}

.contentResponsive,
.descriptionResponsive {display:none}
.alert {text-align:center; margin-top:7px; font-weight:bold}
.alert a{color:#d34b21; text-decoration:none}

.schemaMobile{display:none}
/****** ICONES *******/
[class^="icon-"],
[class*=" icon-"] {font-weight:normal; font-style:normal; font-variant:normal; text-transform:none; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:'icomoon'; line-height:1; speak:none;}
.icon-top:before {content:"\e600"}
.icon-puce:before {content:"\e601"}
.icon-overview:before {content:"\e602"}
.icon-menu:before {content:"\e603"}
.icon-link:before {content:"\e604"}
.icon-features:before {content:"\e605"}
.icon-faq:before {content:"\e606"}
.icon-downloads:before {content:"\e607"}
.icon-documentation:before {content:"\e608"}
.icon-linux:before {content:"\e609"}
.icon-blackberry:before {content:"\e60a"}
.icon-microsoft:before {content:"\e60b"}
.icon-apple:before {content:"\e60c"}
.icon-android:before {content:"\e60d"}

/****** HOME  *******/
.home #main {margin-top:15px}
.home #main h3 {color:#23262a; border-top:0; font-size:2em; font-family:allerregular,arial,sans-serif}
.home #main h2 {margin-bottom:5px; font-size:1.2em}
.home #main a {color:#d34b21; text-decoration:none; text-transform:uppercase; font-family:allerregular,arial,sans-serif}
.home #main a:hover {text-decoration:underline}
.home h1 {font-size:1.2em; text-transform:uppercase; background:url('../../img/bkg-news.png') repeat-x 0 3px; font-family:allerbold,arial,sans-serif;}
.home h1 span {padding-right:7px; background:#eff5f8}
.home .useLinphoneWeb {width:715px; margin-bottom:20px; padding:20px; background:#cfdde4; box-sizing:border-box;}
.home .useLinphoneWeb p:last-child {margin-bottom:0}
.home .useLinphoneWeb a:after,
.home .userGuide a:after,
.home .freeSip a:after {padding-left:5px; content:'>'}
.home .useLinphoneWeb .col1 {float:left; width:360px}
.home hr {height:1; color:#cfdde4; border:0; clear:both;}
.home .col2 img {margin:25px 0 0 60px}
.home .userGuide,
.home .freeSip {float:left; width:345px; padding:20px; border-right:10px solid #fff; box-sizing:border-box}
.home .userGuide {background:#fff url('../../img/bkg-userGuide.png') no-repeat right 25px}
.home .freeSip {background:#fff url('../../img/bkg-freeSip.png') no-repeat right 25px}
.home .freeSip {margin-left:25px}
.home .downloads {z-index:1000}
.home .downloads .downloadsDesktop {margin-left:25px; padding-left:25px; border-left:1px solid #8da9b8}
.home .downloads ul {float:left; padding-top:5px}
.home .downloads ul li {display:inline-block; text-align:center}
.home .downloads ul a,
.home .contentResponsive ul span {display:block; margin-right:15px; text-decoration:none}
.home .downloads ul a:before,
.home .contentResponsive ul span:before {display:block; height:60px; width:60px; margin:0 auto; color:#fff; font-size:30px; text-align:center; -moz-border-radius:30px; -moz-transition:all 0.3s;-o-border-radius:30px; -o-transition:all 0.3s; -webkit-border-radius:30px; -webkit-transition:all 0.3s; background:#23262a; border-radius:30px; line-height:60px; transition:all 0.3s;}
.home .downloads ul a:hover {cursor:pointer}
.home .downloads ul a:hover:before {color:#d34b21}
.home .downloads ul a:hover span {visibility:visible}
.home .downloads ul a span {display:block; padding-top:10px; color:#23262a; font-size:0.8em; text-transform:uppercase; visibility:hidden}

/******  Slideshow ******/
.menu {-moz-transition:background 0.5s linear; -ms-transition:background 0.5s linear; -o-transition:background 0.5s linear; -webkit-transition:background 0.5s linear; overflow:auto; transition:background 0.5s linear;}
.slideshow {position:relative; height:530px; width:100%; background:#d7e2e8 url('../../img/bandeau-bleu.png') no-repeat 50% 0%}
.slideshow > nav {position:relative; width:960px; margin:-200px auto 0; z-index:5000}
.slideshow > nav span.current {background-color:#23262a}
.slideshow > nav span {display:inline-block; height:10px; width:10px; margin:0 3px; background-color:#97a5af; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-transition:background-color 0.2s; border-radius:5px; cursor:pointer; transition:background-color 0.2s;}
.slideshow > nav span:hover {background-color:#23262a}
.downloads {position:absolute; bottom:0; height:150px; width:100%; background:#fff}
.downloads .content {width:960px; padding-top:35px}
.slides {position:relative; height:530px; width:960px; margin:0 auto; padding:0; color:#333; list-style:none;}
.slides > li.current,.slides > li.show {visibility:visible}
.slides > li {position:absolute; height:100%; width:100%; visibility:hidden;}
.no-js .slides {height:auto}
.no-js .slides > li {position:relative; visibility:visible}
.description {position:relative; top:50px; width:490px; opacity:0; z-index:1000;}
.description h2,
.descriptionResponsive h2 {color:#cf4c29; margin-bottom:15px; font-size:30px; line-height:40px}
.description h2:first-line,
.descriptionResponsive h2:first-line {color:#23262a}
.description p,
.descriptionResponsive h2 {font-family:'allerregular'}
.no-js .description {opacity:1}
.tiltview {position:absolute; left:0; top:0; height:100%; width:960px;}
.tiltview span {-webkit-backface-visibility:hidden; backface-visibility:hidden; outline:1px solid transparent;}
.tiltview span,
.tiltview span img,
.descriptionResponsive img {display:block; max-width:100%; margin:0 auto; z-index:2000}
.downloadsMobile,
.downloadsDesktop {float:left}
.downloadsMobile p,
.downloadsDesktop p,
.contentResponsive p {margin:0; text-transform:uppercase; font-family:'allerbold'}

#slide1 span {position:absolute; left:395px; top:40px}
#slide1 span:nth-child(2) {position:absolute; left:890px; top:60px}
#slide2 span {position:absolute; left:380px; top:35px}
#slide2 span:nth-child(2) {position:absolute; left:890px; top:60px}
#slide3 span {position:absolute; left:390px; top:30px}
#slide3 span:nth-child(2) {position:absolute; left:890px; top:60px}

.description {-moz-transition:opacity 0.75s; -o-transition:opacity 0.75s; -webkit-transition:opacity 0.75s; transition:opacity 0.75s;}
.current .description,
.show .description {opacity:1}
.hide .description {opacity:0}


/* Individual effects */
/* Slide up */

.hide[data-effect-out="slideUpOut"] .tiltview span {-webkit-animation:slideUpOut 1.5s both; animation:slideUpOut 1.5s both;}
.hide[data-effect-out="slideUpOut"] .tiltview span:nth-child(2) {-webkit-animation-delay:0.25s; animation-delay:0.25s;}
@-webkit-keyframes slideUpOut {100% {-webkit-transform:translateY(-3000px)}}
@keyframes slideUpOut {100% {transform:translateY(-3000px)}}

/* Slide down */
.show[data-effect-in="slideDownIn"] .tiltview span {-webkit-animation:slideDownIn 1.5s 0.5s both; animation:slideDownIn 1.5s 0.5s both;}
.show[data-effect-in="slideDownIn"] .tiltview.row span:nth-child(2) {-webkit-animation-delay:0.75s; animation-delay:0.75s;}
@-webkit-keyframes slideDownIn {
0% {-webkit-animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000); -webkit-transform:translateY(-3000px);}
100% {-webkit-transform:translateY()}
}
@keyframes slideDownIn { 
0% {animation-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000); transform:translateY(-3000px);}
100% {transform:translateY()}
}

/****** Sip service  *******/
.frame form {margin-left:40px}
.frame p {padding-top:20px; clear:left}
.frame label {display:block; float:left; width:120px; margin-right:20px; padding-top:3px}
.changePassword label {width:160px}
.recoverPassword label,
.deletionAccount label {float:none; width:auto}
.frame input[type="radio"]+label {width:120px}
.frame input[type="text"],
.frame input[type="password"] {display:block; float:left; width:200px; padding:5px; border:1px solid #ccd6db}
.frame input[type="radio"] {display:block; float:left; padding-top:5px}
.frame span {display:block; float:left; margin-left:10px; padding-top:3px}
.frame input[type="submit"] {display:inline-block; padding:0 15px; color:#fff; text-decoration:none; background:#d34b21; border:0px; box-sizing:border-box; line-height:35px;}
.frame input[type="submit"]:hover {background:#d96d4c; cursor:pointer;}
#error_frame {color:#FF0000}

/****** News *******/
article {margin-bottom: 20px}
article.detail h3 {margin-bottom:5px}
article.detail time {display:block; margin-bottom:25px}
#newsPagination {margin:50px 0}
#newsPagination li {display:inline; font-weight:bold; list-style-type:none}
#newsPagination li:first-child:before {margin:0; content:''}
#newsPagination li:before {position:relative; margin:0 5px; content:'|'}

.linkedin{float:left; padding-top:20px; padding-left:50px}
/****** MEDIA QUERIES 959 - + *******/
@media screen and (min-width:966px) {.menu,#showLeftPush {display:none}}
/****** MEDIA QUERIES ajuster ancres *******/
/*
@media screen and (max-width:1330px) {.slideshow .slides,.slideshow >nav, .slideshow .downloads .content,.content {margin-left:90px}}
@media screen and (max-width:1310px) {.slideshow .slides,.slideshow >nav, .slideshow .downloads .content,.content {margin-left:80px}}
@media screen and (max-width:1290px) {.slideshow .slides,.slideshow >nav, .slideshow .downloads .content,.content {margin-left:70px}}
@media screen and (max-width:1270px) {.slideshow .slides,.slideshow >nav, .slideshow .downloads .content,.content {margin-left:60px}}
@media screen and (max-width:1250px) {.slideshow .slides,.slideshow >nav, .slideshow .downloads .content,.content {margin-left:50px}}
@media screen and (max-width:1230px) {.slideshow .slides,.slideshow >nav, .slideshow .downloads .content,.content {margin-left:40px}}
@media screen and (max-width:1210px) {.slideshow .slides,.slideshow >nav, .slideshow .downloads .content,.content {margin-left:30px}}
@media screen and (max-width:1190px) {.slideshow .slides,.slideshow >nav, .slideshow .downloads .content,.content {margin-left:20px}}
@media screen and (max-width:1170px) {.slideshow .slides,.slideshow >nav, .slideshow .downloads .content,.content {margin-left:10px}}
@media screen and (max-width:1150px) {.slideshow .slides,.slideshow >nav, .slideshow .downloads .content,.content {margin:0 auto}}
*/

@media screen and (max-width:1330px) {.slideshow .slides,.slideshow >nav, .content {margin-left:90px}}
@media screen and (max-width:1310px) {.slideshow .slides,.slideshow >nav, .content {margin-left:80px}}
@media screen and (max-width:1290px) {.slideshow .slides,.slideshow >nav, .content {margin-left:70px}}
@media screen and (max-width:1270px) {.slideshow .slides,.slideshow >nav, .content {margin-left:60px}}
@media screen and (max-width:1250px) {.slideshow .slides,.slideshow >nav, .content {margin-left:50px}}
@media screen and (max-width:1230px) {.slideshow .slides,.slideshow >nav, .content {margin-left:40px}}
@media screen and (max-width:1210px) {.slideshow .slides,.slideshow >nav, .content {margin-left:30px}}
@media screen and (max-width:1190px) {.slideshow .slides,.slideshow >nav, .content {margin-left:20px}}
@media screen and (max-width:1170px) {.slideshow .slides,.slideshow >nav, .content {margin-left:10px}}
@media screen and (max-width:1150px) {.slideshow .slides, .content {margin:0 auto} .slideshow >nav{margin:-200px auto 0}}
/****** MEDIA QUERIES < 1000 *******/
@media screen and (max-width:1100px){
.mainNav {display:none}
}
@media screen and (max-height: 600px) {
 .mainNav {display:none}
}
/****** MEDIA QUERIES <965 *******/
@media screen and (max-width:965px) { 
body, html {
width: 100%;
}

p,
a,
.code {word-wrap:break-word}
aside,
#full,
.mainNav {display:none}
.contentResponsive,
.descriptionResponsive {display:block}
.descriptionResponsive img {position:relative}
.descriptionResponsive div {float:left; width:430px}
.descriptionResponsive {width:668px; padding-top:50px; margin:0 auto}
.slideshow {height:430px}
.downloads {height:100px}
.downloads .content {padding-top:10px}
.downloads .downloadsMobile,
.downloads .downloadsDesktop {display:none}
.content,
#main,
.downloads .content {width:668px}
.slideshow > nav,
.slides {display:none}
header {height:75px; min-height:75px; background:#23262a}
header .content {height:75px; background:#23262a; overflow:hidden;}
header .bkg2 {position:absolute; height:165px; width:165px; margin:-82px 0 0 -82px; background-color:#d34b21; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); content:''; transform:rotate(45deg); z-index:1;}
header #logo {margin-left:25%}
header .bkg {height:75px; width:50%; margin-left:0; background:#d34b21}
header .bkg:before {display:none}
#showLeftPush {position:absolute; padding-top:25px; color:#fff; font-size:2em; z-index:2}
#showLeftPush:hover {cursor:pointer}
footer nav {margin:0 auto; text-align:center}
footer p {float:none}
.menu {position:absolute; left:-245px; top:0; width:245px; padding:25px 20px 0 10px; background:#ffffff; box-sizing:border-box; z-index:1000;}
.menu h2 {margin:30px 0 15px; color:#d34b21}
//.menu.menu-open {left:0}
.menu-push-toright #menu {left:0; }
.menu-push-toright #page {-webkit-transform:translateX(245px);transform:translateX(245px)}
#general li a {display:block; position:relative; margin-bottom:2px; padding:14px 0 13px 20px; color:#fff; border-left:4px solid transparent; font-size:1em; text-decoration:none; text-transform:uppercase; -moz-transition:all 0.3s;-o-transition:all 0.3s; -webkit-transition:all 0.3s; background:#36383b; overflow:hidden; transition:all 0.3s;}
#general li a:before {position:absolute; right:12px; top:0; margin-top:13px; font-size:1.2em; font-weight:normal; font-style:normal; font-variant:normal; text-transform:none; content:"\e604"; font-family:'icomoon'; line-height:1; speak:none; z-index:2;}
#general li a:after {position:absolute; right:0; top:0; height:110px; width:110px; margin:0 -55px 0 0; -moz-transform:rotate(-45deg); -moz-transition:all 0.3s;-o-transform:rotate(-45deg); -o-transition:all 0.3s; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -webkit-transition:all 0.3s; background:#23262a; content:''; transform:rotate(-45deg); transition:all 0.3s;}
#general li a:hover,
#general li.active a {border-left:4px solid #d34b21}
#general li.active a:after,
#tc li.active a:after {background:#d34b21}
#general li a:hover:after,
#tc li a:hover:after {width:134px; background:#d34b21}
footer nav {float:inherit; padding-bottom:0}
footer p {padding-top:5px; text-align:center}
.home .useLinphoneWeb {width:100%}
.home .userGuide,
.home .freeSip {width:49%}
.home .freeSip {margin-left:2%}
.linkedin {float:inherit; padding:10px 0; text-align:center}
}
/****** MEDIA QUERIES <767 *******/
@media screen and (max-width:767px) { 
.content {width:95%}
#main {float:none; width:auto; margin:0 auto}
#tabulations span {display:none}
.tabs nav a:before {margin:0.2em 0.5em; font-size:2em}
.mainContent ul {margin-left:15px}
header #logo {display:none}
header #logoSmall {display:block; position:absolute; left:115px; top:10px}
.home .useLinphoneWeb .col1 {width:auto}
.home .useLinphoneWeb .col2 img {margin:10px 5px 0}
.descriptionResponsive {width:95%}
.descriptionResponsive img {max-width:40%}
.descriptionResponsive div {width:60%}
.descriptionResponsive h2 {font-size:25px; line-height:28px}
.slideshow .descriptionResponsive {width:95%; margin:0 auto}
.downloads .content {width:95%}
.frame form {margin-left:0}
.adwordsh{display:none}
.adwordshMobile{display:block}
}
/****** MEDIA QUERIES <479  *******/
@media screen and (max-width:479px) { 
.tabs nav a:before {margin:0.2em 0.1em; font-size:25px}
.home .userGuide,
.home .freeSip {float:none; width:100%}
.home .freeSip {margin:20px 0 0 0}
.descriptionResponsive h2 {font-size:17px; line-height:20px}
.home .downloads ul a:before,
.home .contentResponsive ul span:before {height:50px; width:50px; font-size:25px; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:25px; line-height:50px;}
.frame label {margin-right:10px}
.schema{display:none}
.schemaMobile{display:block}
td,th{padding:5px}
#downloads td, #donwloads th{width:50% !important}
}


/*PUSH HOME LANDING DESKTOP4 */
.desktop4{background:#D34B21; clear:both; color:#fff; top:20px; padding:25px; position:relative; text-align:center}
.desktop4 span{font-family: allerregular,arial,sans-serif; font-size:2em}
.desktop4 p{margin-top:20px}
.home #main .desktop4 a{color:#fff}
/* Stylesheet: style Modified On 2017-05-16 15:40:26 */