/*
Theme Name: Portfolio
Author: Schwartz Louis
Version: 1.1
Author URI: http://www.portfoweb.fr
Description: Thème wordpress réalisé par Schwartz Louis
*/

@charset "utf-8";

/* Animations */
.animsition-loading.loading-form{background-color:rgba(29,31,33,.9);opacity:0;filter:alpha(opacity=0);visibility:hidden}
.animsition,.animsition-overlay{position:relative;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.animsition-loading{position:fixed;top:0;left:0;bottom:0;right:0;z-index:501;width:100%;height:100%;background-color:#1D1F21;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.animsition-loading #animate-logo{position:absolute;top:50%;left:50%;margin-left:-70px;margin-top:-55px}
.wave{position:fixed;top:0;left:auto;bottom:0;right:0;height:100%;width:100%;right:100%}
.wave.state,.js .wave.init{right:0}
.wave.state + #animate-logo,.js .wave.init + #animate-logo{opacity:1;filter:alpha(opacity=100);visibility:visible}
.wave.wave-1{background-color:#103e53;z-index:505}
.wave.wave-2{background-color:#1D1F21;z-index:506}
.wave + #animate-logo{position:fixed;top:50%;z-index:507;left:50%;opacity:0;filter:alpha(opacity=0);visibility:hidden;margin-left:-70px;margin-top:-55px}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:'Open Sans',sans-serif,verdana,helvetica,arial,calibri;color:#222}
body{font-family:'Open Sans',sans-serif,verdana,helvetica,arial,calibri!important;margin:0;font-size:1em;line-height:1.4;width:100%;position:relative}
::-moz-selection{background:#008fb6;color:#fff;text-shadow:none}
::selection{background:#008fb6;color:#fff;text-shadow:none}
a{color:#000;background-color:transparent;text-decoration: none}
a:hover,a:active,a:focus{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
ins{background:#ff9;color:#000;text-decoration:none}
mark{background:#ff0;color:#000;font-style:italic;font-weight:700}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:"";content:none}
*,:before,:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
small{font-size:85%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
ul,ol{margin:1em 0;padding:0 0 0 40px}
dd{margin:0 0 0 40px}
header ul{list-style:none;list-style-image:none;margin:0;padding:0}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;height:auto}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:0;margin:0;padding:0}
label{cursor:pointer}
legend{border:0;*margin-left:-7px;padding:0;white-space:normal}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
input.check,textarea.check{appearance:none;-moz-appearance:none;-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
img,table,td,blockquote,code,pre,textarea,input,video{max-width:100%}
.none{display:none!important;visibility:hidden}
.show{display:block;visibility:visible}
.ofl-hidden{overflow:hidden}
.relative{position:relative}
.left{float:left}
.right{float:right}
.center{margin-left:auto;margin-right:auto}
.txtleft{text-align:left}
.txtright{text-align:right}
.txtcenter{text-align:center}
.inbl{display:inline-block}
.blck{display:block}
.txtjustify{text-align:justify}
.upp{text-transform:uppercase}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
@font-face{font-family:'fontello';src:url(fonts/fontello.eot?31311403);src:url(fonts/fontello.eot?31311403#iefix) format("embedded-opentype"),url(fonts/fontello.woff?31311403) format("woff"),url(fonts/fontello.ttf?31311403) format("truetype"),url(fonts/fontello.svg?31311403#fontello) format("svg");font-weight:400;font-style:normal}
[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}
.icon-help-circled:before{content:'\e800'}
.icon-ok-circle:before{content:'\e801'}
.icon-code:before{content:'\e802'}
.icon-left-dir:before{content:'\e803'}
.icon-right-dir:before{content:'\e804'}
.icon-user:before{content:'\e805'}
.icon-mobile:before{content:'\e806'}
.icon-linkedin:before{content:'\e807'}
.icon-gplus:before{content:'\e808'}
.icon-viadeo:before{content:'\e809'}
.icon-calendar:before{content:'\e80a'}
.icon-attention-circled:before{content:'\e80b'}
.icon-flash:before{content:'\e80c'}
.icon-plus:before{content:'\e80d'}
.icon-link:before{content:'\e80e'}
.icon-cancel:before{content:'\e80f'}
h1,h2{font-size:29px;font-weight:300;color:#07729C}
.grid-rwd{width:1170px;padding:0 10px;margin-left:auto;margin-right:auto;max-width:100%;-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-ms-transition:all .35s ease-out;-o-transition:all .35s ease-out;transition:all .35s ease-out}
header{z-index:1;position:relative;height:auto;border-top:2px solid #095374;background-color:#1d1f21}
header nav{display:inline-block;line-height:54px}
header .grid-rwd > a{margin:0 20px;padding-top:6px}
header .grid-rwd > a > img{border: 1px solid #343638;border-radius: 50%}
header nav ul li{float:left;position:relative}
header nav ul li.current_page_item a{background-color:rgba(9,83,116,.6)}
header nav ul li a{display:block;height:100%;padding:0 19px;text-decoration:none;height:55px}
header a{color:#fff}
header nav ul li a span.nav-effect{display:block;z-index:2;position:absolute;top:100%;left:0;width:100%;height:100%;background-color:#095374;-webkit-transition:top .14s ease;-moz-transition:top .14s ease;-ms-transition:top .14s ease;-o-transition:top .14s ease;transition:top .14s ease}
header nav ul li a:hover span.nav-effect{top:0}
header nav ul li a span.link-int{z-index:3;position:relative}
header ul.social-nav{margin:0 70px 0 0;padding:0;height:55px}
header ul.social-nav li{margin-left:10px}
header ul.social-nav li:first-child,.icon-head > div:first-child{margin-left:0}
header ul.social-nav li a i{color:#fff;display:block;-webkit-transform:skewX(25deg);-ms-transform:skewX(25deg);-o-transform:skewX(25deg);transform:skewX(25deg)}
header ul.social-nav li a:hover{background-color:#085374}
header ul.social-nav li a{padding:0 9px;text-decoration:none;height:55px;display:block;background-color:rgba(9,83,116,0.6);line-height:52px;-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);-o-transform:skewX(-25deg);transform:skewX(-25deg);-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}
header #wrapper-nav{position:absolute;top:0;right:0;width:62px;height:100%;padding:11px 7px 0 10px;background-color:#151617}
.description,.contact,.competences,.creations{position:relative;margin:0 auto;padding:35px 0}
.description p,.competences p{padding:5px 20px;text-align:justify;color:#4c4c4c}
.description .left{width:65%}
.description .left p,.competences .intro p{line-height:27px}
.description .right{width:30%;max-width:343px;text-align:right}
body section>article:nth-of-type(odd){background:rgba(255,255,255,.6)}
body section>article:nth-of-type(even){background:url(img/pattern.jpg) repeat #eee}
.ss-style-doublediagonal{position:relative;margin-top:6.5em}
.ss-style-doublediagonal::after,.ss-style-doublediagonal::before{content:'';position:absolute;pointer-events:none}
.ss-style-doublediagonal{z-index:1;padding-top:1.2em}
.ss-style-doublediagonal::after,.ss-style-doublediagonal::before{z-index:-1;top:0;left:-25%;width:150%;height:75%;background:inherit;-webkit-transform:rotate(-2.1deg);-moz-transform:rotate(-2.1deg);-ms-transform:rotate(-2.1deg);-o-transform:rotate(-2.1deg);transform:rotate(-2.1deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0}
.ss-style-doublediagonal::before{height:50%;background:#e0e0e0;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);-webkit-transform-origin:3% 0;-moz-transform-origin:3% 0;transform-origin:3% 0;-o-transform-origin:3% 0;-ms-transform-origin:3% 0}
.timeline{padding-bottom:70px}
.timeline .container{position:relative;margin:15px auto;padding-right:15px;padding-left:15px;font-family:sans-serif,'Open Sans',verdana,helvetica,arial,calibri;font-size:14px}
.timeline .container:after{clear:both}
.timeline .container:after,.timeline .container:before{content:" ";display:table}
.timeline .row{margin-right:-15px;margin-left:-15px}
.timeline .row:after{clear:both}
.timeline .row:after,.timeline .row:before{content:" ";display:table}
.timeline .col-lg-6,.timeline .col-md-6,.timeline .col-sm-6,.timeline .col-xs-12{position:relative;padding-right:12px;padding-left:12px;min-height:1px}
.timeline .col-xs-12{float:left;width:100%}
.timeline .container .row{margin:0}
.timeline .container .row > div:first-child{margin-top:15px}
.timeline p{margin:0;padding-bottom:22px;font-weight:lighter;line-height:18px;color:#84868d}
.timeline h4{margin:0;padding-bottom:6px;overflow:hidden;text-overflow:ellipsis;font-size:19px;font-weight:700;line-height:24px;white-space:nowrap}
.timeline h5{margin:0;padding-bottom:6px;font-size:16px;font-weight:400;line-height:24px}
.timeline .begin{width:45px;height:24px;margin-top:25px;padding-left:1px;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.2);font-size:15px;line-height:24px;letter-spacing:1px;color:#fff}
.timeline .extremite-timeline{border-radius:3px;background-color:#C7C7C7}
.timeline .end-timeline{margin-bottom:30px;padding:4px 8px;font-size:12px;color:#fff}
.timeline span.line{display:block;position:absolute;left:50%;width:2px;height:100%;margin-left:-1px;border-radius:100px;background-color:#c7c7c7}
.timeline .date i,.timeline .date2 i{margin-right:7px;position:relative;top:2px;font-size:22px;color:#707070}
.timeline .exCon2:hover i,.timeline .exCon:hover i{color:#1f7da7}
.timeline .date,.timeline .date2{z-index:3;position:relative;padding:0 8px;border-radius:0 0 4px 4px;font-size:14px;line-height:32px;color:#a4a4a4;background-color:#f6f6f6}
.timeline .leftArea{margin-left:2px}
.timeline .workDetails:last-child .rightArea{padding-bottom:0}
.timeline .arrowpart{float:left;height:100px;width:15px;position:relative}
.timeline .arrowpart2{width:15px;height:50px;float:right;position:relative}
.timeline .arrowpart2:after,.timeline .arrowpart2:before,.timeline .arrowpart:after,.timeline .arrowpart:before{content:'';position:absolute;width:0;height:0;border-style:solid}
.timeline .arrowpart2:before{z-index:2;bottom:4px;left:0;border-color:transparent transparent transparent #fff;border-width:10px 0 10px 12px}
.timeline .arrowpart:before{z-index:2;right:0;bottom:-20px;border-color:transparent #fff transparent transparent;border-width:10px 12px 10px 0}
.timeline .arrowpart2:after{z-index:1;bottom:3px;left:0;border-color:transparent transparent transparent #ececec;border-width:11px 0 11px 14px}
.timeline .arrowpart:after{z-index:1;right:0;bottom:-21px;border-color:transparent #ececec transparent transparent;border-width:11px 14px 11px 0}
.timeline .exCon{width:auto;margin-top:70px;margin-left:15px;text-align:left;background:#fff;overflow:hidden}
.timeline .exCon,.timeline .exCon2{border-radius:4px;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}
.timeline .exCon .subex,.timeline .exCon2 .subex{padding:20px 25px 0}
.timeline .exCon2{width:auto;margin-right:15px;text-align:left;background:#fff;overflow:hidden}
.timeline .exCon h4{padding-bottom:3px;color:#474d5d}
.timeline .exCon h5{color:#474d5d}
.timeline .exCon p,.timeline .exCon2 p{padding-bottom:10px;line-height:21px;color:#84868d}
.timeline .exCon2 h4{padding-bottom:3px;color:#474d5d}
.timeline .exCon2 h5{color:#474d5d}
.timeline .dot:after,.timeline .dot-right:after{content:'';position:absolute;top:30px;right:-7px;width:14px;height:14px;border-radius:50%;z-index:3;background-color:#1f7da7}
.timeline .dot-right:after{top:104px;left:-7px}
.bloc-rwd-3{position:relative;width:24%;margin-left:1.33%;min-height:20px}
.bloc-rwd-4{float:left;position:relative;width:31%;margin-right:3.5%;min-height:20px}
.bloc-rwd-2{float:left;position:relative;width:50%;min-height:20px}
.grid-3{width:30%;margin-left:5%;margin-top:20px}
.bloc-rwd-2:last-of-type,.bloc-rwd-2:nth-of-type(2n),.bloc-rwd-3:last-of-type,.bloc-rwd-3:nth-of-type(3n){margin-right:0}
.grid-rwd > .grid-3:first-child,.grid-rwd > .grid-3:nth-child(3n+1),.grid-rwd > .bloc-rwd-4:first-child,.grid-rwd > .bloc-rwd-4:nth-child(4n+1),.grid-rwd .ml0{margin-left:0;clear:both}
.icon-head{top:-45px;position:relative}
.icon-head > .label-head{position:relative;z-index:5;margin-left:50px;text-align:center}
.icon-head > .label-head > div{background:#6b6b6b;padding-top:3px;width:90px;position:relative;height:90px;border-radius:50%;color:#fff;line-height:77px;font-size:40px;cursor:pointer;-webkit-transition:background-color .35s ease;-moz-transition:background-color .35s ease;-ms-transition:background-color .35s ease;-o-transition:background-color .35s ease;transition:background-color .35s ease}
.icon-head > .label-head:last-child{top:2px;}
.icon-head > .label-head:last-child > div{font-size:51px;padding-top:0px;}
.icon-head > .label-head:last-child > div i{position:relative;top:3px;}
.icon-head > .label-head:hover > div,.icon-head > .label-head.slider-active > div{background-color:#1f7da7}
.wraper-lightslider p{margin:0;font-size:14px;line-height:22px}
.wraper-lightslider{width:600px;max-width:100%}
.scale{-webkit-transition:-webkit-transform .35s ease;-moz-transition:-moz-transform .35s ease;-ms-transition:-ms-transform .35s ease;-o-transition:-o-transform .35s ease;transition:transform .35s ease}
.scale:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
.bottom-home{padding-bottom:25px}
footer{background:#1d1f21;color:#696969;padding:10px 0;font-size:13px;text-align:right}
footer span{color:#fff}
.timeline .col-lg-6{float:left;width:50%}
.table{display:table;border-collapse:collapse;width:100%}
.table > .cell{display:table-cell;vertical-align:middle}
.carousel{width:730px;margin:5px auto 25px}
.carousel .control{width:65px}
.carousel .control > span{background-color:#1f7da7;position:relative;-webkit-transition:background-color .35s ease;-o-transition:background-color .35s ease;transition:background-color .35s ease;color:#fff;width:40px;height:80px;display:block;border-radius:3px;cursor:pointer}
.carousel .control > span:hover{background-color:#196f85}
.carousel .control > span.prev{margin-right:25px}
.carousel .control > span.next{margin-left:25px}
.carousel .control > span i{font-size:38px;text-align:center;position:absolute;width:40px;height:100%;left:0;top:0;right:0;line-height:77px}
.carousel .control > span i::before{margin-left:0;margin-right:0}
.ft24{font-size:24px}
.ft16{font-size:16px}
.ft14{font-size:14px}
.ft12{font-size:12px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt17{margin-top:17px}
.mt30{margin-top:30px}
.mt45{margin-top:45px}
.mt60{margin-top:60px}
.pdl5{padding-left:5px}
.pdr5{padding-right:5px}
.animation-pulse{animation-name:pulse;-webkit-animation-name:pulse;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
@keyframes pulse {
0%{transform:scale(.9);opacity:.7}
50%{transform:scale(1);opacity:1}
100%{transform:scale(.9);opacity:.7}
}
@-webkit-keyframes pulse {
0%{-webkit-transform:scale(.95);opacity:.7}
50%{-webkit-transform:scale(1);opacity:1}
100%{-webkit-transform:scale(.95);opacity:.7}
}
.error404{background-color:#2b2e31}
.error404 header{position:absolute;width:100%}
.error404 #error-container *{color:#CCC}
.error404 #error-container a{text-decoration:none}
.error404 #error-container a:hover,.error404 #error-container h1{color:#fff}
.error404 #error-container{padding-top:150px;padding-bottom:65px}
.error404 #error-container h1{font-size:96px;padding:0;margin:0}
.error404 #error-container h1 i{color:#E67E22}
.check::-ms-clear,.check::-ms-reveal{display:none}
.form input,.form textarea{padding:8px 35px 8px 12px;border:1px solid #e9e9e9;border-radius:3px;font-size:14px;outline:0;color:#555;background-color:#f9f9f9;background-image:none;box-shadow:none;-webkit-transition:background-color .35s ease-out;-moz-transition:background-color .35s ease-out;-ms-transition:background-color .35s ease-out;-o-transition:background-color .35s ease-out;transition:background-color .35s ease-out}
.form>form>div>div{margin-top:10px}
.form input{width:100%}
.form textarea{width:100%;height:205px;resize:none}
.form input + i:before,.form textarea + i:before,header > ul,#wrapper-nav{display:none}
.form input:focus:invalid + i:before,.form textarea:focus:invalid + i:before,.form input.error + i:before,.form textarea.error + i:before,.form input:focus:valid + i:before,.form textarea:focus:valid + i:before{display:inline-block;position:absolute;right:10px;position:absolute;top:50%;height:16px;margin-top:-8px}
.form input:focus:valid + i:before,.form textarea:focus:valid + i:before{color:#5cd052;content:'\e801'}
.form input:focus:invalid + i:before,.form textarea:focus:invalid + i:before,.form input.error + i:before,.form textarea.error + i:before,.form input.error:focus + i:before,.form textarea.error:focus + i:before{color:#cb2424;content:'\e80b'}
.form input:focus,.form input:hover,.form textarea:focus,.form textarea:hover{background-color:#fff;box-shadow:none}

button[type=submit]{z-index:5;position:relative;height:35px;padding:0 14px;border:none;border-radius:3px;font-size:14px;color:#fff;background-image:none;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}
button[type=submit].locked{background-color:#70a3be}
button[type=submit].unlocked{background-color:#1f7da7;cursor:pointer}
button[type=submit].unlocked:hover{background-color:#085374}
.line-sep > .inbl{opacity:.4}
.line-sep > .inbl i{color:#07729C;cursor:default}
.line-sep > .inbl:before,.line-sep > .inbl:after{top:-3px;content:'';position:relative;display:inline-block;width:350px;height:1px;background-color:#c9c9c9}
.line-sep > .inbl:before{margin-right:15px}
.line-sep > .inbl:after{margin-left:15px}
.competences .label span{box-shadow:-1px 1px 0 0 silver;cursor:pointer;font-size:13px;position:relative;border-radius:3px;color:#fff;background-color:#07729C;padding:6px 8px 6px 25px}
.competences .label span:before{box-shadow:inset -1px 1px 0 0 silver;content:'';border-radius:50%;display:block;left:9px;top:50%;margin-top:-4px;position:absolute;height:8px;width:8px;background-color:#fff}
.competences .bubble{width:8px;height:8px;background-color:#C9C9C9;border-radius:50%;margin:0 3px}
.competences .bubble:first-child{margin-left:0}
.competences .icon-help-circled{color:#3e4247;cursor:pointer;line-height:24px}
.competences .icon-help-circled:before{margin:0}
html.remodal-is-locked{overflow:hidden;-ms-touch-action:none;touch-action:none}
html,body{width:100%;height:100%;position:relative}
body #error-container,body .animsition{min-height:100%;padding-bottom:50px}
body footer{position:absolute;bottom:0;width:100%}
.tooltip{position:absolute;z-index:500;top:7px;max-width:200px;color:#fff;font-size:12px;background:#3a3c47;border-radius:2px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;float:none;pointer-events:none}
.tooltipstered{-ms-touch-action:manipulation;touch-action:manipulation}
.tooltip .content{padding:.6em .8em;word-wrap:break-word}
.tooltip .content:after{content:'';position:absolute;width:0;height:0;border-style:solid}
.tooltip.right .content:after,.tooltip.right-top .content:after,.tooltip.right-bottom .content:after{border-width:7px 7px 7px 0;border-color:transparent #3a3c47 transparent transparent;top:50%;right:100%;margin-top:-7px}
.tooltip.left .content:after,.tooltip.left-top .content:after,.tooltip.left-bottom .content:after{border-width:7px 0 7px 7px;border-color:transparent transparent transparent #3a3c47;top:50%;left:100%;margin-top:-7px}
.tooltip.top .content:after,.tooltip.top-left .content:after,.tooltip.top-right .content:after{border-width:7px 7px 0;border-color:#3a3c47 transparent transparent;top:100%;left:50%;margin-left:-7px}
.tooltip.bottom .content:after,.tooltip.bottom-left .content:after,.tooltip.bottom-right .content:after{border-width:0 7px 7px;border-color:transparent transparent #3a3c47;bottom:100%;left:50%;margin-left:-7px}
.tooltip.bottom-left .content:after{right:8px;left:auto}
.tooltip.bottom-right .content:after{left:8px;margin-left:0}
.tooltip.right-top .content:after{bottom:8px;top:auto}
.tooltip.right-bottom .content:after{top:8px;margin-top:0}
.tooltip.left-top .content:after{bottom:8px;margin-top:0}
.tooltip.left-bottom .content:after{top:8px;margin-top:0}
.tooltip.top-left .content:after{right:16px;left:auto}
.tooltip.top-right .content:after{left:8px;margin-left:0}
.tooltip.slide{opacity:0;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition-property:-webkit-transform,opacity;transition-property:transform,opacity}
.tooltip.slide.top,.tooltip.slide.top-left,.tooltip.slide.top-right{-webkit-transform:translateY(15px);transform:translateY(15px)}
.tooltip.slide.bottom,.tooltip.slide.bottom-left,.tooltip.slide.bottom-right{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
.tooltip.slide.left,.tooltip.slide.left-top,.tooltip.slide.left-bottom{-webkit-transform:translateX(15px);transform:translateX(15px)}
.tooltip.slide.right,.tooltip.slide.right-top,.tooltip.slide.right-bottom{-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.tooltip.slide.in{opacity:1;-webkit-transform:none;transform:none;transition-duration:100ms}
.tooltip.light{color:#3a3c47;background:#fff;text-shadow:none}
.tooltip.success{background:#8dc572}
.tooltip.warning{background:#ddc12e}
.tooltip.error{background:#cb2424}
.tooltip.light.right .content:after,.tooltip.light.right-top .content:after,.tooltip.light.right-bottom .content:after{border-color:transparent #fff transparent transparent}
.tooltip.light.left .content:after,.tooltip.light.left-top .content:after,.tooltip.light.left-bottom .content:after{border-color:transparent transparent transparent #fff}
.tooltip.light.top .content:after,.tooltip.light.top-left .content:after,.tooltip.light.top-right .content:after{border-color:#fff transparent transparent}
.tooltip.light.bottom .content:after,.tooltip.light.bottom-left .content:after,.tooltip.light.bottom-right .content:after{border-color:transparent transparent #fff}
.tooltip.success.right .content:after,.tooltip.success.right-top .content:after,.tooltip.success.right-bottom .content:after{border-color:transparent #8dc572 transparent transparent}
.tooltip.success.left .content:after,.tooltip.success.left-top .content:after,.tooltip.success.left-bottom .content:after{border-color:transparent transparent transparent #8dc572}
.tooltip.success.top .content:after,.tooltip.success.top-left .content:after,.tooltip.success.top-right .content:after{border-color:#8dc572 transparent transparent}
.tooltip.success.bottom .content:after,.tooltip.success.bottom-left .content:after,.tooltip.success.bottom-right .content:after{border-color:transparent transparent #8dc572}
.tooltip.warning.right .content:after,.tooltip.warning.right-top .content:after,.tooltip.warning.right-bottom .content:after{border-color:transparent #ddc12e transparent transparent}
.tooltip.warning.left .content:after,.tooltip.warning.left-top .content:after,.tooltip.warning.left-bottom .content:after{border-color:transparent transparent transparent #ddc12e}
.tooltip.warning.top .content:after,.tooltip.warning.top-left .content:after,.tooltip.warning.top-right .content:after{border-color:#ddc12e transparent transparent}
.tooltip.warning.bottom .content:after,.tooltip.warning.bottom-left .content:after,.tooltip.warning.bottom-right .content:after{border-color:transparent transparent #ddc12e}
.tooltip.error.right .content:after,.tooltip.error.right-top .content:after,.tooltip.error.right-bottom .content:after{border-color:transparent #cb2424 transparent transparent}
.tooltip.error.left .content:after,.tooltip.error.left-top .content:after,.tooltip.error.left-bottom .content:after{border-color:transparent transparent transparent #cb2424}
.tooltip.error.top .content:after,.tooltip.error.top-left .content:after,.tooltip.error.top-right .content:after{border-color:#cb2424 transparent transparent}
.tooltip.error.bottom .content:after,.tooltip.error.bottom-left .content:after,.tooltip.error.bottom-right .content:after{border-color:transparent transparent #cb2424}

.dragdealer{position:relative;width:190px;height:45px;border-radius:3px;background:none repeat scroll 0 0 #E1E1E1}
.dragdealer .move-bloc{width:42px;height:45px;position:relative;border-radius:3px;background-color:#1f7da7;-webkit-transition:background-color .35s ease-in-out;-moz-transition:background-color .35s ease-in-out;-ms-transition:background-color .35s ease-in-out;-o-transition:background-color .35s ease-in-out;transition:background-color .35s ease-in-out}
.dragdealer .move-bloc:after{content:'';position:absolute;height:50%;width:100%;background-color:rgba(0,0,0,.02);bottom:0;left:0}
.dragdealer .move-bloc:before{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:10px 0 10px 12px;border-color:transparent transparent transparent #fff;top:13px;left:16px}
.dragdealer .handle{position:absolute;top:0;left:0;cursor:pointer}
.dragdealer.active .handle,.dragdealer.active{cursor:ew-resize}
.dragdealer.active .handle{background-color:#075374}
.dragdealer .handle.disabled{background-color:#ababab;cursor:not-allowed}
.w-997{width:997px;max-width:100%}
.item-creation figcaption a:hover{color:#2497b1;background-color:#fff}
.item-creation figcaption{text-align:center;opacity:0;visibility:hidden;-webkit-transition:-webkit-transform .3s,opacity .3s,visibility .3s;-moz-transition:-moz-transform .3s,opacity .3s,visibility .3s;-ms-transition:-ms-transform .3s,opacity .3s,visibility .3s;-o-transition:-o-transform .3s,opacity .3s,visibility .3s;transition:transform .3s,opacity .3s,visibility .3s;-webkit-perspective:1000;-moz-perspective:1000;perspective:1000px;/*-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;*/position:absolute;top:0;right:0;left:0;bottom:0;padding:20px;color:#1bb0e0;background:#2c3f52;font-size:13px}
.item-creation figure.cs-hover figcaption,.item-creation figure.hover:hover figcaption{opacity:1;visibility:visible;-webkit-transform:translate(10px,10px);-moz-transform:translate(10px,10px);-ms-transform:translate(10px,10px);-o-transform:translate(10px,10px);transform:translate(10px,10px)}
.item-creation figcaption h3{margin:13% 0 0;padding:0;color:#fff}
.item-creation figcaption span.context{color:#c9c9c9}
.item-creation figcaption a{margin:30px 5px 0;text-decoration:none;display:inline-block;width:35px;height:35px;border-radius:50%;text-align:center;font-size:18px;line-height:35px;color:#fff;background:#2497b1}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounce {
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce {
20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash {
50%,from,to{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash {
50%,from,to{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes rubberBand {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing {
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing {
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble {
from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}
}
@keyframes wobble {
from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello {
11.1%,from,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes bounceIn {
20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp {
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut {
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut {
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig {
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig {
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight {
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig {
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig {
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
@keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut {
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut {
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) 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 {
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn {
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn {
from{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 {
from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}
@keyframes zoomInDown {
from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft {
from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}
@keyframes zoomInLeft {
from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight {
from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}
@keyframes zoomInRight {
from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp {
from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}
@keyframes zoomInUp {
from{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut {
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
@keyframes zoomOut {
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
to{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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
to{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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,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)}
to{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)}
to{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)}
to{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)}
to{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
to{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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}
to{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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown {
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown {
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft {
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp {
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp {
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.fullmodal{position:fixed;background-color:#fff;width:100%;height:100%;top:0;left:0;bottom:0;right:0;z-index:-9999;visibility:hidden;opacity:0;overflow:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}
.fullmodal.animated{z-index:9999;opacity:1;visibility:visible}
.fullmodal .fullmodal-content{padding:40px 10px 100px;position:relative;min-height:100%}
.fullmodal .close-action{cursor:pointer;display:block;position:absolute;right:0;top:0;padding:0;text-align:center;z-index:2}
.fullmodal .close-action i{height:49px;width:49px;display:block;font-size:33px;color:#3b3b3b}
.fullmodal .grid-rwd > .left{width:585px;margin-right:30px}
.fullmodal h2{margin:0;display:inline-block;color:#fff;background-color:#07729C;padding:2px 14px}
.fullmodal .lightslider{margin:0}
.fullmodal .content-description{line-height:1.7em}
.fullmodal .info-item .left{background-color:#f0f0f0;border-radius:3px}
.fullmodal .info-item .left,.fullmodal .info-item .inbl{padding:3px 8px}
.fullmodal a{color:#000;text-decoration:none}
.fullmodal a:hover{color:#07729C}
.fullmodal .close-wrapper{position:absolute;bottom:15px;width:200px;left:50%;margin-left:-100px}
.fullmodal .inbl.close-action{position:static;background-color:#1D1F21;padding:10px 34px;display:inline-block;color:#FFF;border-radius:4px;font-size:14px;-webkit-transition:background-color .35s ease-out;-moz-transition:background-color .35s ease-out;-ms-transition:background-color .35s ease-out;-o-transition:background-color .35s ease-out;transition:background-color .35s ease-out}
.fullmodal .inbl.close-action:hover{background-color:#393d41}
.fullmodal p{margin:5px 0}

.hsContainer{display:table;table-layout:fixed;width:100%;height:350px;overflow:hidden;position:relative}
.hsContent{margin:0 auto;display:table-cell;vertical-align:middle;text-align:center;opacity:.8}
.bcg{background-position:50% 0;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}
#parallax .bcg {background-image:url('img/coding.jpg')}

@-webkit-keyframes fadeInDownTrip{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownTrip{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@keyframes fadeInDownTrip{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
.trip-exposed{background:#fff}.trip-overlay{display:none;position:fixed;left:0;top:0;background:#000;width:100%;height:100%;filter:alpha(Opacity=70);opacity:.7}.trip-block{display:none;padding:8px;position:absolute;text-align:center;min-width:100px;border-radius:3px}.trip-block:before{border:solid transparent;content:" ";height:0;width:0;position:absolute}.trip-block.n:before,.trip-block.s:before{border-width:8px;left:50%;margin-left:-8px}.trip-block.e:before,.trip-block.w:before{border-width:8px;top:50%;margin-top:-8px}.trip-block.n:before{top:100%}.trip-block.s:before{bottom:100%}.trip-block.e:before{right:100%}.trip-block.w:before{left:100%}.trip-block.screen-center,.trip-block.screen-ne,.trip-block.screen-nw,.trip-block.screen-se,.trip-block.screen-sw{position:fixed}.trip-block.animated.fadeInDownTrip{-moz-animation:fadeInDownTrip .5s 0s ease both;-webkit-animation:fadeInDownTrip .5s 0s ease both;animation:fadeInDownTrip .5s 0s ease both}.trip-block .trip-content{clear:right;font-size:12px;padding-bottom:5px}.trip-block .trip-close{position:relative;font-size:80%;float:right;margin-top:-5px;z-index:1}.trip-block .trip-close:hover{text-decoration:none}.trip-block .trip-navigation{display:-webkit-flex;display:flex}.trip-block .trip-next,.trip-block .trip-prev,.trip-block .trip-skip{padding:5px 10px}.trip-block .trip-next,.trip-block .trip-prev{-webkit-flex:1;flex:1}.trip-block .trip-next.disabled,.trip-block .trip-prev.disabled{color:grey;pointer-events:none}.trip-block .trip-skip{-webkit-flex:2;flex:2}.trip-block .trip-progress-bar{height:1px;background-color:#444;width:0}.trip-block .trip-progress-steps{border:1px solid #ddd;border-width:1px 0}.trip-block .trip-progress-steps .trip-progress-step{display:inline-block;width:8px;height:8px;border-radius:100%;background:#ddd;margin:15px 5px 11px}.trip-block .trip-progress-steps .trip-progress-step.selected{background:0 0;border:1px solid;-moz-transform:scale(1.25,1.25);-ms-transform:scale(1.25,1.25);-webkit-transform:scale(1.25,1.25);transform:scale(1.25,1.25)}.trip-block.black{background:#333;color:#DDD;-moz-box-shadow:rgba(0,0,0,.2) 0 2px 4px 0;-webkit-box-shadow:rgba(0,0,0,.2) 0 2px 4px 0;box-shadow:rgba(0,0,0,.2) 0 2px 4px 0}.trip-block.black .trip-close{color:#ddd}.trip-block.black .trip-close:hover{color:#fff}.trip-block.black.n:before{border-top-color:#333}.trip-block.black.s:before{border-bottom-color:#333}.trip-block.black.e:before{border-right-color:#333}.trip-block.black.w:before{border-left-color:#333}

.check-disabled .fake-mask{ position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index:6;}
.page-id-32 .trip-block.black{margin-left: 13px;}

@media print {
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
@media(min-width:992px) {
.timeline .container{width:970px}
}
@media(min-width:1200px) {
.timeline .container{width:1170px}
}
@media screen and (max-width: 960px) {
.home .description .right img{padding-top:17%}
.ss-style-doublediagonal{margin-top:3em}
.line-sep > .inbl{display:block}
.line-sep > .inbl:before,.line-sep > .inbl:after{width:40%}
header ul.social-nav li{margin-left:4px}
.bloc-rwd-3,.bloc-rwd-3.ml0{width:31.33%;margin-left:3%}
.bloc-rwd-3.ml0{clear:none}
.grid-rwd > .bloc-rwd-3:nth-child(3n+1){margin-left:0;clear:both}
.grid-rwd > .bloc-rwd-3:nth-child(n+4){margin-top:25px}
.fullmodal .fullmodal-content .grid-rwd > div{width:50%;margin:0}
.fullmodal .fullmodal-content .grid-rwd > div.left{padding-right:20px}
}
@media screen and (max-width:768px) {
.timeline .col-lg-6,.description .left,header > ul.left{float:none;width:100%}
.timeline .container .row > div:first-child{margin-top:0}
.date,.timeline .date2,.timeline .exCon{margin-left:0}
.timeline .col-lg-6,.timeline .col-md-6,.timeline .col-sm-6,.timeline .col-xs-12{padding-right:0;padding-left:0}
.timeline .exCon .subex,.timeline .exCon2 .subex{padding:20px 15px 0}
.timeline .workDetails .rightArea{left:0}
.timeline .workDetails:last-of-type .col-xs-12:last-of-type>div>div:first-of-type{margin-bottom:30px}
.timeline .container{margin:30px auto 0}
.timeline .dot::after,.timeline .dot-right::after,.timeline .arrowpart,.timeline .arrowpart2,.timeline .begin,.timeline .end-timeline,.timeline span.line,.timeline .arrowpart,.timeline .arrowpart2,.timeline span.line{display:none!important}
.timeline .exCon{margin:30px 0}
.timeline .exCon2{margin-right:0!important}
.timeline .leftArea{border-right:none!important}
.bottom-home .carousel,.bottom-home .carousel .cell,.bottom-home .carousel .cell .wraper-lightslider,.item-creation figure > img{display:block;width:100%}
.bottom-home .carousel .cell.control,.home .description .right,header ul.social-nav{display:none}
.bottom-home .carousel .cell:not(.control){padding:0 10px;text-align:justify}
.bottom-home .carousel{margin-bottom:5px}
.bloc-rwd-3,.bloc-rwd-3.ml0,.grid-rwd > .bloc-rwd-3:nth-child(3n+1){width:45%;margin-left:10%}
.bloc-rwd-3.ml0,.grid-rwd > .bloc-rwd-3:nth-child(3n+1){clear:none}
.grid-rwd > .bloc-rwd-3:nth-child(2n+1){margin-left:0;clear:both}
.grid-rwd > .bloc-rwd-3:nth-child(n+3){margin-top:25px}
.item-creation figcaption a{margin-top:12%}
.item-creation figure.cs-hover figcaption,.item-creation figure.hover:hover figcaption{-webkit-transform:translate(5px,5px);-moz-transform:translate(5px,5px);-ms-transform:translate(5px,5px);-o-transform:translate(5px,5px);transform:translate(5px,5px)}
}
@media screen and (max-width: 640px) {
.bg-parallax .hsContainer{height: 200px;}
header ul.social-nav li{margin-left:10px}
.description,.description p,.competences,.competences .intro p,.bloc-rwd-2.pdl5,.bloc-rwd-2.pdr5,.contact,.creations,.fullmodal .fullmodal-content .grid-rwd > div.left{padding:0}
header nav,.fullmodal .fullmodal-content .grid-rwd > div.left .lSPager, .bg-parallax img{display:none;visibility:hidden}
header ul.social-nav{display:inline-block;float:none;margin-right:0;margin-left:15px}
header > ul.left{display:block;background-color:#292c2e;height:0}
header > ul.left li a .link-int{padding:10px 12px;display:block;text-transform:uppercase;font-size:14px}
header > ul.left li a{text-decoration:none}
header > ul.left li.current_page_item,header > ul.left li:hover{background-color:#2d3032}
.nav-mobile{padding:7px 0 0 7px;display:block}
.nav-mobile .nav-line{width:30px;height:4px;margin-bottom:4px;border-radius:1px;background-color:#1591be;-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}
.open .nav-mobile .nav-line{background-color:#07729C}
header #wrapper-nav{cursor:pointer;display: block}
.bloc-rwd-2,.fullmodal .fullmodal-content .grid-rwd > div{width:100%;float:none}
.creations{padding-bottom:20px}
.fullmodal .fullmodal-content .grid-rwd > div.left{margin-bottom:15px}
.fullmodal .fullmodal-content .grid-rwd.mt60{margin-top:30px}
.line-sep.mt45{margin-top:10px}
header #wrapper-nav{max-height:55px}
header > .grid-rwd{height:55px}
}
@media screen and (max-width: 480px) {
.icon-head{top:-34px}
.icon-head > .label-head{margin-left:20px}
.icon-head > .label-head > div{width:65px;height:65px;line-height:55px;font-size:30px}
.carousel .lightslider{margin:0}
.grid-3,.grid-rwd > .grid-3:nth-child(3n+1){width:48%;margin-left:4%}
header .grid-rwd > a,.grid-rwd > .grid-3:nth-child(2n+1){margin-left:0}
.grid-rwd > .grid-3:nth-child(3n+1){clear:none}
.grid-rwd > .grid-3:nth-child(2n+1){clear:both}
.page-id-30 .grid-rwd > .grid-3,.item-creation{text-align:center}
.grid-rwd > .bloc-rwd-3,.item-creation figure{width:100%!important}
.grid-rwd > .bloc-rwd-3:nth-child(n+2){margin:20px 0 0!important}
.item-creation figure > img,.item-creation figure{width:auto}
.item-creation figure{display:inline-block;max-width:280px}
.icon-head > .label-head:last-child > div{font-size:46px;}
.icon-head > .label-head:last-child {top:3px;}
}