.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.ce-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}.ce-video-container iframe,.ce-video-container object,.ce-video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}.td-scrolling-container {
overflow: hidden;
white-space: nowrap;
position: relative;
width: 100%;
cursor: pointer;
transition: opacity 0.2s ease;
}
.td-scrolling-container:hover {
opacity: 0.8;
}
.td-scrolling-text {
display: inline-block;
white-space: nowrap;
will-change: transform;
} .td-scrolling-container * {
backface-visibility: hidden;
transform: translateZ(0);
} @media (max-width: 1000px) {
.td-scrolling-container {
font-size: 0.9em;
}
}.w1-2 {width : 49.98%;  }
.w1-3 {width : 33.31%;  }
.w1-4 {width : 24.98%;  }
.w1-5 {width : 19.98%;  }
.w1-6 {width : 16.64%;  }
.w1-7 {width : 14.26%;  }
.w1-8 {width : 12.48%;  }
.w2-3 {width : 66.64%;  }
.w2-5 {width : 39.98%;  }
.w2-7 {width : 28.55%;  }
.w3-4 {width : 74.98%;  }
.w3-5 {width : 59.98%;  }
.w3-7 {width : 42.83%;  }
.w4-5 {width : 79.98%;  }
.w4-7 {width : 57.12%;  }
.w5-6 {width : 83.31%;  }
.w5-7 {width : 71.4%;  }
.w1-9 {width : 11.09%;  }
.w2-9 {width : 22.2%;  }
.w3-9 {width : 33.31%;  }
.w4-9 {width : 44.42%;  }
.w5-9 {width : 55.53%;  }
.w6-9 {width : 66.64%;  }
.w7-9 {width : 77.75%;  }
.w8-9 {width : 88.86%;  }
.w100{width:100%; float:left;}
.full{width:100%;}
.w{float: left;}
.home .line-welcome,
#page,
#sidebar .sidebar-in{
background-color: #fff;
background: transparent;
}
body{
background-color:#dae4e6;
background: linear-gradient(60deg, #eff3f4, #fff);
}
.usefull-or-not,
.post-footer.bloc,
.post-image,
.blog .blog-header,
#footer,
.cta-section,
.line-welcome
{
border-radius:15px;
}
.blog .blog-header{ 
border-bottom-left-radius:10px ;
border-bottom-right-radius:10px ; }
#page{max-width:1500px; margin: 0 auto; }
body.web-music-artist #page{max-width:100%;  background: transparent;}
body.desktop .show-mobile,
body.desktop .hide-desktop{display: none;}
body.mobile .hide-mobile{display: none;}
.hidden{display: none;}
body.mobile.single .blog-header h1{font-size:15px;}
body.single-post .post-content p
{
font-size: 1.15em;
line-height: 1.5em;
}
@media all and (min-width:1200px){
body.single-post .post-content p{
font-size: 1.25em;
line-height: 1.75em;
}
}
body.single-post .post-content li
{
margin: 10px 0; }
body.single-post .post-content li a{
color:rgba(0,25,50,0.9);
padding: 4px;
}
body.single-post .post-content li a:hover{
background-color: rgba(0,25,50,0.1);
}
body.single-post .post-content div.info{
background: antiquewhite;
color: #000;
padding: 20px 0 20px 25px;
line-height: 150%;
}
.content-w { width: 90%;}
.max-c,
.single-post .content-w { max-width: 800px; margin: 0 auto; }
.single-portfolio .content-w { max-width: 1100px; margin: 0 auto; }
.max-c{padding: 0 5%}
.cta-block,
.page .post-content .cta-block{
background-color: #fff;
border-radius: 5px;
box-shadow: 1px 1px 3px rgba(0,25,50,0.1);
padding: 15px 0;
}
.cta-block h2,
.page .post-content .cta-block h2{
font-size: 26px;
}
.page .post-content p.xs, 
.page .post-content p.xs *{font-size: 13px; line-height: 20px}
.page .post-content p.has-large-font-size{
line-height: 1.25em;
}
body .crayon-theme-github{background: transparent!important;}
body .crayon-theme-github .crayon-pre,
body .crayon-theme-github .crayon-nums-content{
line-height: 25px!important
}
.page.plan-du-site .post-content li,
.page.plan-du-site .post-content ul{
padding: 0;
margin: 0;
}
.page.plan-du-site .post-content ul ul{
margin-left: 10px;
}
.page.plan-du-site .post-content ul,
.page.plan-du-site .post-content li{
list-style: none;
}
.page.plan-du-site .post-content li a{
font-size: 16px;
padding: 8px 0;
display: inline-block;
color: rgba(0,25,50,1);
border-bottom: 1px rgba(0,25,50,0.2) solid;
width: 100%;
}
.page.plan-du-site .post-content li li a{
font-size: 14px;
padding: 5px 0;
}
.cta-block a,
.page .post-content .cta-block a{
padding: 8px 15px;
background: rgba(0,25,50,0.15);
color: rgba(0,25,50,1);
border-radius: 50px;
line-height: 45px;
}
.page .post-content .cta-block em,
.cta-block em{
color: rgba(0,25,50,0.5);
}
.single .post-content h2,
.page .post-content h2{
color: rgba(0,25,50,0.95);
font-size: 35px;
line-height: 42px;
font-weight: normal;
}
.post.category-blog h2{
font-weight: normal;
}
@media all and (min-width: 1000px){
.single.post.category-blog h2{
transform: translateX(-25px);
}
}
.single .post-content h3,
.page .post-content h3{
color: rgba(0,25,25,0.8);
color: #005173;
color: #009ee0;
font-size: 26px;
line-height: 30px;
font-weight: normal;
}
.post.category-blog h3{
display: inline-block;
position: relative;
z-index: 1;
}
.post.category-blog h3::after{
content: "";
height: 5px;
background: rgb(239 243 244);
display: inline-table;
width: 110%;
position: absolute;
left: 0;
bottom: 0px;
z-index: -1;
}
.post.category-blog h4{
font-weight: bold;
}
.page .post-content p{
font-size: 19px;
line-height: 30px;
}
.page .post-content p a:not([class]){
background: #fff;
padding: 1px 3px;
font-size: 18px;
font-weight: bold;
color: rgba(0,25,50,0.8)
}
@media 
(max-width : 970px) {
}
@media 
(max-width : 700px) {
.w{width:100%; float:left!important;}
.hide-mobile{display: none;}
.t-xxl{
font-size: 28px;
line-height: 35px;
letter-spacing: -0.03em;
}
.t-xl{
font-size: 20px;
line-height: 28px;
letter-spacing: -0.03em;
}
} .slider-preview-item a img{border:1px rgba(0,0,0,0.1) solid;}
.slider-preview-item a.active img{border:1px rgba(0,25,50,1) solid;}
.slider-preview-item a{
padding: 2px;
display: inherit;
}
.slider-preview-item a.active{
background-color: #fff
}
.slider-preview-list{
display: inline-block;
padding-bottom: 25px;
}
.chat{
position: fixed;
right: 20px;
bottom: 20px;
}
.chat__message div{
background-color: #fff;
border-radius: 20px;
box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
padding: 15px 10px 15px 15px;
max-width: 200px;
max-width: 75vw;
}
@media all and (min-width: 780px){
.chat__message div{
width: 250px;
}
}
.chat__message a{
color: rgb(226, 1, 122);
border-bottom: 2px rgb(226, 1, 122) dashed;
}
.chat__message a:hover{
color: rgb(226, 1, 122);
border-bottom: 2px rgb(226, 1, 122) solid;
}
.creation-de-logos h1{font-size: 14px;}
.creation-de-logos .gallery{border-top:1px #f4f4f4 solid; border-bottom:1px #f4f4f4 solid; margin-bottom: 0}
.creation-de-logos figure.gallery-item{margin:0; padding: 15px 0}
.post figure img{border:1px rgba(0,25,50,0.1) solid; padding: 1px}
.post figure figcaption{ text-align: center; color: rgba(0,25,50,0.5); font-size:13px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{ 
background: rgba(0, 0, 0, 0.5);
padding-top: 5px;
} .creation-de-logos figure.gallery-item img{width: 70%;}
.creation-de-logos .wp-caption-text{display: none;}
.creation-de-logos a.bt{
background: #fff;
color: #666;
border: 1px #666 solid;
padding: 10px 30px;
border-radius: 50px;
font-weight: bold;
text-transform: uppercase;
margin: 5px 0;
font-size: 14px;
display: inline-block;
}
.creation-de-logos a.bt:hover{
color: rgba(0,25,50,1);
border: 1px rgba(0,25,50,1) solid;
} body{ font-family: 'Akatab', 'Quicksand', sans-serif;}
.ff2,
.blog-header a,
h1,h2,h3,h4{font-family: 'Akatab', 'Quicksand', sans-serif; font-weight: 500}
.ff1{font-family: 'Akatab', 'Quicksand', sans-serif;}
span.question,
p.question{ color: #e2007a; font-weight: bolder; }
a{text-decoration: none; color: inherit;}
.fl{float: left;}
.fr{float: right;}
.in{padding: 0}
.c{margin:0 auto;}
.ib{display: inline-block;}
.cl,.cleft{clear:left}
.cright{clear:right}
.cboth{clear:both}
.center,
.ac{text-align: center;}
.right,
.ar{text-align: right}
.left,
.al{text-align: left}
.upp{text-transform: uppercase;}
img{max-width: 100%; height: auto;}
a.with-arrow{
display: inline-block;
padding: 5px;
}
a.with-arrow::before{
content: "→";
display: block;
width: 20px;
float: left;
margin-right: 8px;
transform: translateX(0px);
transition: all 250ms ease-out;
}
a.with-arrow:hover::before{
transform: translateX(8px);
transition: all 175ms ease-in;
}
hr{border:0; border-top:1px rgba(0,0,0,0.15) solid;}
hr.tiny{
width: 150px;
margin: 50px auto;
padding-left: 50px;
border-top: 3px rgba(0,25,50,0.15) solid;
}
hr.light{
width: 150px;
margin: 50px auto;
border-bottom:0;
border-top: 10px rgba(0,25,50,0.25) double;
}
.page-faq .post-content hr{ margin: 50px 0 }
.no-border{border:0;}
.border-white{border-color: #fff;}
.lh-xl{line-height: 22px;}
.lh-xxl{line-height: 28px;}
@media all and (min-width:768px){
body .pad-s{padding:10px; }
body .pad-m{padding:20px; }
body .pad-l{padding:30px; }
body .pad-xl{padding:40px; }
body .pad-xxl{padding:50px; }
}
@media all and (min-width: 1000px){
body .pad-xxl
{
padding:100px;
padding: 15vh 10vw;
}
}
.mobile .pad-s{padding:1%; }
.mobile .pad-m{padding:2%; }
.mobile .pad-l{padding:2.5%; }
.mobile .pad-xl{padding:5%; }
.mobile .pad-xxl{padding:10%; }
.pad-h-no, .no-pad-h{padding-top:0px; padding-bottom: 0px;}
.pad-h-s{padding-top:5px; padding-bottom: 5px;}
.pad-h-m{padding-top:10px; padding-bottom: 10px;}
.pad-h-l{padding-top:15px; padding-bottom: 15px;}
.pad-h-xl{padding-top:25px; padding-bottom: 25px;}
.pad-h-xxl{padding-top:50px; padding-bottom: 50px;}
.no-pad-w, .pad-w-no{padding-left:0px; padding-right: 0px;}
.pad-w-s{padding-left:5px; padding-right: 5px;}
.pad-w-m{padding-left:10px; padding-right: 10px;}
.pad-w-l{padding-left:15px; padding-right: 15px;}
.pad-w-xl{padding-left:25px; padding-right: 25px;}
.pad-w-xxl{padding-left:50px; padding-right: 50px;}
.pad-l-s{padding-left:5px;}
.pad-l-m{padding-left:10px;}
.pad-l-l{padding-left:15px;}
.pad-l-xl{padding-left:25px;}
.pad-l-xxl{padding-left:50px;}
.no-pad-l, .pad-l-no{padding-left:0px; padding-right: 0px;}
.pad-r-s{padding-right: 5px;}
.pad-r-m{padding-right: 10px;}
.pad-r-l{padding-right: 15px;}
.pad-r-xl{padding-right: 25px;}
.pad-r-xxl{padding-right: 50px;}
.no-pad-r, .pad-r-no{padding-left:0px; padding-right: 0px;}
.pad-b-s{padding-bottom: 5px;}
.pad-b-m{padding-bottom: 10px;}
.pad-b-l{padding-bottom: 15px;}
.pad-b-xl{padding-bottom: 25px;}
.pad-b-xxl{padding-bottom: 50px;}
.no-pad-b, .pad-b-no{padding-bottom:0px; padding-bottom: 0px;}
.pad-t-s{padding-top: 5px;}
.pad-t-m{padding-top: 10px;}
.pad-t-l{padding-top: 15px;}
.pad-t-xl{padding-top: 25px;}
.pad-t-xxl{padding-top: 50px;}
.no-pad-t, .pad-t-no, .pad-t-0{padding-top:0px; padding-top: 0px;}
.marg-xl{margin:25px;}
.marg-xxl{margin:50px;}
.marg-b-no{margin-bottom:0px;}
.marg-t-no{margin-top:0px;}
.contact-box{
padding: 15px;
display: table;
text-align: center;
margin: 0 auto;
background: linear-gradient(35deg, #dcf4ff, #fff);
color: aliceblue;
border-radius: 10px
}
@media all and (min-width:768px){
.contact-box{
padding-left: 50px;
padding-right: 50px;
}
}
.page .post-content .related-search p{
font-size: 1em;
line-height: 1.5em;
}
.page .post-content .contact-box a.cta,
.page .post-content .contact-box a.open-modal{
border: 3px #e6208b solid;
color: #e6208b;
font-weight: bold;
padding: 12px 32px;
margin: 5px;
border-radius: 3px;
display: inline-block;
} .post-content code{
font-size: 1em;
font-weight: normal;
font-family: monospace;
}
div.line--demande p,
div.line--email p{
margin: 0;
padding: 0;
line-height: 0;
}
.wpcf7 form.invalid .wpcf7-response-output{
background: #ffb900;
}
.page .post-content .contact-box a.cta:hover,
.page .post-content .contact-box a.open-modal:hover,
.encart a.open-modal:hover
{
background-color: #e6208b;
color: #fff;
}
.reseaux-list{
padding-top: 25px;
padding-bottom: 25px; 
}
.related-search{
line-height: 25px;
color: rgba(0,25,50,0.8);
border-top: 3px rgba(0,25,50,0.5) solid;
padding-top: 10px;
margin-top:15px;
}
.related-search *{
color:rgba(0,25,50,0.5);
}
.related-search ul{
padding-left: 0;
list-style: none;
}
.page .post-content .contact-box p{
color: rgba(0,25,50,1);
}
.encart{
background-color: rgba(0,25,100,0.05);
background: linear-gradient(330deg, rgba(0,25,100,0.1), rgba(0,25,100,0.01));
padding: 15px 25px 10px 25px;
display: table;
margin: 20px auto;
border-radius: 10px;
}
@media all and (min-width:768px){
.encart{
padding: 50px;
margin: 50px auto;
}
}
body.parent-pageid-31 .post-image img{ border-radius:20px }
.encart a.open-modal{
border-radius: 3px;
padding: 10px 15px;
color: #009ee0;
font-size: 16px;
font-weight: bold;
}
body.creation-de-site #menu-menu-principal-gauche,
body.creation-de-site .mobile-menu-toggle hr{display: none;}
body.creation-de-site .encart a.open-modal{color:rgb(226, 1, 122) }
.page .post-content .encart h2,
.page .post-content .encart h3{
margin-top:0; 
line-height: 32px;
line-height: 1.25em;
}
.encart .encart{
border: 1px #f4f4f4 solid;
border-left:3px rgba(0,25,50,0.25) solid;
}
.encart .encart{}
.encart .encart:hover{
border-left:3px rgba(0,25,50,0.8) solid;
background: rgba(0,25,50,.025);
}
.encart .encart p{
font-size: 16px;
line-height: 22px;
}
.encart a.open-modal{
background: #0c243b;
padding: 10px 20px;
color: #fff;
}
.related-searches{
margin-top: 2em;
}
.related-searches *{
font-size: 0.85em;
}
.title-before{display: inline-block; font-size: 14px; color: rgba(0,25,50,0.5); width: 100%}
body .no-marg-w, body .marg-w-no{margin-left:0px; margin-right: 0px;}
body .marg-w-s{margin-left:5px; margin-right: 5px;}
body .marg-w-m{margin-left:10px; margin-right: 10px;}
body .marg-w-l{margin-left:15px; margin-right: 15px;}
body .marg-w-xl{margin-left:25px; margin-right: 25px;}
body .marg-w-xxl{margin-left:50px; margin-right: 50px;}
.mobile .pad-no,
.mobile .no-pad{padding: 0}
.pad-l-3,
.padl30 {
padding-left: 3%;
}
.info {
color: #fff;
padding: 5px 5%;
border-radius: 2px;
}
.tip{
background-color: rgba(0,25,50,0.1);
padding: 4px 8px;
font-size: 0.9em;
border-radius: 2px;
}
.chapo{    font-size: 24px;
line-height: 32px;
opacity: 0.75;}
.fixtop{position: relative; z-index: 99}
.fixed{
position: fixed;
top: 0px;
z-index: 99999
}
.circle{border-radius: 100%;}
.radius-xs{ border-radius:2px }
.radius-s{ border-radius:4px }
.radius-m{ border-radius:5px }
.radius-l{ border-radius:8px }
.radius-xl{ border-radius:15px }
.radius-xxl{ border-radius:30px }
.w500-max{ max-width: 500px!important}
.w600-max{ max-width: 600px!important}
.w700-max{ max-width: 700px!important}
.w800-max{ max-width: 800px!important}
.w900-max{ max-width: 900px!important}
.w1000-max{ max-width: 1000px!important}
.page .post-content p.fs-xs,.fs-xs p, .t-xs,.t-xs p{font-size: 12px; line-height: 15px;}
.page .post-content p.fs-s, .fs-s p, .t-s, .t-s p{font-size: 14px; line-height: 20px;}
.page .post-content p.fs-m, .fs-m p, .t-m, .t-m p{font-size: 16.5px; line-height: 25px;}
.page .post-content p.fs-l, .fs-l p, .t-l, .t-l p{font-size: 17px; line-height: 28px;}
.page .post-content p.fs-xl, .fs-xl p, .t-xl, .t-xl p{font-size: 24px; line-height: 32px;}
.page .post-content p.fs-xxl, .fs-xxl p, .t-xxl, .t-xxl p{font-size: 32px; line-height: 38px;}
.t-c1{color: rgba(0,25,50,.8)}
.t-c2{color: rgba(0,25,50,.9)}
.t-c3{color: rgba(0,25,50,1)}
.t-c-blue{color:rgb(1, 158, 225);}
.t-c-pink{color:rgb(225, 1, 122);}
.t-c-yellow{color:rgb(255, 238, 1);}
.bg-black{background-color:rgb(0,0,0); color: #fff}
.bg-black h2, .bg-black h3{color: #fff!important}
.bg-blue{background-color:rgb(1, 158, 225); color: #fff}
.bg-pink{background-color:rgb(225, 1, 122);}
.bg-yellow{background-color:rgb(255, 238, 1);}
.bg-white{background-color: #fff}
.bg-white-25{background-color: rgba(255,255,255,0.25)}
.bg-white-50{background-color: rgba(255,255,255,0.5)}
.bg-white-75{background-color: rgba(255,255,255,0.75)}
.bg-c1{background-color: rgba(0,25,50,1)}
.bg-c2{background-color: rgba(0,25,50,.75)}
.bg-c3{background-color: rgba(0,25,50,0.5)}
.bg-c4{background-color: rgba(0,25,50,0.25)}
.bg-c5{background-color: rgba(0,25,50,0.1)}
#sidebar .menu{margin-top:15px;}
.cta-section{margin-top:1px; margin-bottom:15px}
.cta-section-title{margin-top:0;}
.cta-section p{font-size: 15px; line-height:24px; color: rgba(0,25,50,0.8);}
.cta-section a.btn{padding: 9px 15px 10px 15px;
font-weight: bold; background-color: transparent; border: 2px rgba(0,25,50,0.25) solid; margin-top: 25px;}
@media 
(min-width : 700px) {
.t-l{
font-size: 20px;
letter-spacing: -0.03em;
}
.t-xl{
font-size: 32px;
letter-spacing: -0.03em;
}
.t-xxl{
font-size: 46px;
line-height: 50px;
letter-spacing: -0.03em;
}
}
body.dark-left #page{
background: #23282d;
}
body.dark-left #page #sidebar .sidebar-in{
background: transparent;
}
body.dark-left #page #sidebar .sidebar-in #text-2{
color:#e5eaea
}
body.dark-left #page #sidebar .sidebar-in #text-2 a{
color:#fff
}
body.dark-left #page #sidebar .menu a{
border-bottom:0;
color: #fff;
background: rgba(0,0,0,0.1);
margin-bottom: 1px;
}
body.dark-left  .contact-phone{
font-weight: bold;
}
body.home .contact-phone{
display: none;
}
body.page-child .contact-phone{
font-weight: bold;
}
body.dark-left #page #sidebar .menu a:hover{
background: rgba(255, 255, 255, 0.25);
}
body.dark-left aside .activity, 
body.dark-left aside .place
{
color: #fff;
}
.mobile #sidebar .sidebar-in{padding: 0} .modal{
display: block;
position: absolute;
z-index: 99;
height: 100%;
width: 100%;
top: 0;
}
.modal-in{
background: #fff;
max-width: 500px;
margin: 0 auto;
position: relative;
top: 5%;
z-index: 2;
border-radius: 5px;
box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
body.mobile .modal-in{
top: 60px;
}
.modal-background{
background: rgba(215,220,220,0.9);
display: block;
position: fixed;
z-index: 1;
height: 100%;
width: 100%;
top: 0;
}
.modal-in .in-title{
background: #f9f9f9;
padding: 10px 0;
color: #ccc;
font-weight: bold;
font-size: 20px;
}
.modal-in .in-content{
padding: 4% 5%;
color: #555;
font-size: 16px;
}
.modal-contact-form .in-content{padding-bottom: 25px;}
#music.bloc{
background: #f5efe7 url(http://www.mistersize.com/wp-content/uploads/2017/04/webmusicartist.jpg);
padding: 5px 0 15px 0;
color: rgba(0,0,0,0.9);
}
#music.bloc .c{
max-width: 700px;
}
#music.bloc h2{
font-size: 15px;
}
#music.bloc p{
font-size:22px;
line-height: 30px;
}
#music.bloc a{
font-size: 15px;
color: rgba(0,0,0,0.75);
border-color: rgba(0,0,0,0.5);
} .post-title{
max-height: 400px;
overflow: hidden;
}
h1.page-title{font-size:14px; margin: 0; padding: 5px 0; color: #ccc; font-weight: normal; }
h2.section-title{padding: 15px 0 }
h2.page-info{ margin: 0; font-size: 24px;   }
.social-share{background: rgba(0,25,50,0.05)}
header .entry-meta{color:rgba(0,25,50,0.5); font-size: 12px}
header .entry-meta a{color:rgba(0,25,50,0.8); }
.single-post .post-content h2{  
font-size: 1.75em; 
line-height: 1.25em; 
margin-top:25px; 
padding-right: 25%;
font-weight: bold;
}
@media all and (min-width: 768px){
body.single-post .post.category-blog .post-content h2{
margin-top:50px;
}
}
.single-post .post-content h3{ padding: 10px 0 5px 0; font-size: 22px; margin-top: 0; margin-bottom: 5px; font-weight: bold;}
.single-post .post-content h4{ padding: 8px 0 3px 0; font-size: 20px; margin-top: 0; color: rgb(35 115 195)}
p{ font-size: 17px; line-height: 26px;}
.single-post .post-content p a{color:rgba(0,25,50,0.8); border-bottom: 2px rgba(0,25,50,0.5) dotted; margin: 5px 0 10px 0; }
.single-post .post-content p a:not([class]){
background: rgba(0,25,50,0.025);
color:rgba(0,25,50,1);
padding-left: 3px;
padding-right: 3px;
border-radius: 3px;
transition: all 750ms ease-in-out;
}
.single-post .post-content p a:hover{  
background: rgba(0,25,50,0.1);
transition: all 250ms ease-in-out;
}
.single-post .post-image{ 
position:relative; 
}
.single-post .post-image::after{
content: "Δ";
position: absolute;
width: 110px;
height: 110px;
right: 0;
bottom: -29%;
font-size: 330PX;
font-family: monospace;
color: #fff;
z-index: 1;
mix-blend-mode: overlay;
}
.single-post .post-content h2.wp-block-heading{
position:relative
}
.single-post .post-content h2.wp-block-heading::after{
content: ">";
position: absolute;
width: 110px;
height: 110px;
color: #eff3f4;
top: 0;
left: -8%;
transform: scale(1);
z-index: 99;
font-size: 80px;
font-weight: lighter;
}
.navigation.pagination{padding: 15px 0; text-align: center; display: inline-block; width: 100%}
.page-numbers {
display: inline-block;
padding: 10px 15px;
margin: 0 4px 0 0;
border: 1px solid rgba(0,25,50,0.05);
line-height: 1;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
color: rgba(0,25,50,0.8);
}
.page-numbers.current,
a.page-numbers:hover {
background: #fff;
} #sidebar .sidebar-in{
padding: 20px;
}
.with-bg{
background-color: #eff3f4;
}
.menu ul, .menu li{list-style: none}
ul.menu{padding: 0; margin:0;}
#sidebar .menu.cloned a,
#sidebar .menu a{
letter-spacing: 0.1em;
text-align: center;
color: rgba(0,25,50,0.8);
padding-top: 10px;
padding-bottom: 10px;
text-transform: uppercase;
text-decoration: none;
display: block;
width: 100%;
border-bottom: 1px rgba(0,0,0,0.05) solid;
}
@media all and (max-width:768px){
#sidebar .menu a{
background: #fff;
}
}
#sidebar .menu li.current-menu-item a,
#sidebar .menu li.current_page_item a,
#sidebar .menu li.current-post-ancestor a,
#sidebar .menu.cloned a:hover,
#sidebar .menu a:hover{
color: rgba(0,25,50,1);
background: #eff3f4;
border-radius: 5px;
}
#sidebar .menu li.current_page_item a{
background-color: rgba(0,25,50,1);
color: #fff;
}
#sidebar .menu.original{margin-top:15px;}
.menu.cloned a,
#sidebar .menu a {
letter-spacing: 0.1em;
text-align: center;
color: rgba(0,25,50,0.8);
padding-top: 10px;
padding-bottom: 10px;
text-transform: uppercase;
text-decoration: none;
display: block;
width: 100%;
border-bottom: 1px rgba(0,0,0,0.05) solid;
}
.menu.cloned a{
padding: 20px 0px;
}
.menu.cloned a:hover,
#sidebar .menu a:hover {
color: rgba(0,25,50,1);
background:#eff3f4;
border-radius: 5px;
}
#sidebar .logo{margin-bottom: 20px}
aside#sidebar ul{
list-style: none; 
padding: 0; margin: 0;
}
#sidebar a.tel,
#sidebar a.email{padding: 0px 5px; color:  rgba(0,25,50,1); background: rgba(0,25,50,0.005); display: inherit; margin:1px; border-radius: 4px; line-height: 30px;}
#sidebar a{color:  rgba(0,25,50,1);}
.img a{display: block; line-height: 0}
#sidebar aside{
color: #555;
letter-spacing: 0.065em;
}
aside .name{
font-weight: bold;
}
aside .activity,
aside .place{
color: rgba(0,0,0,0.65);
} aside .contact-popup a{
display: block;
color: rgba(0,25,50,0.8);
font-size: 14px;
padding: 8px 5px;
margin: 15px 0 0 0;
line-height: 18px;
border-radius: 5px;
}
aside .contact-popup span{
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}
body.single #content{
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/img/bg-2.png);
background-size: contain;
}
#content{
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/img/bg.png);
background-repeat: no-repeat;
}   img.alignleft{
margin:2px 15px 15px 2px; 
}
img.alignleft.circle{
shape-outside: ellipse();
}
.offset-container{height: 1px; overflow: visible;}
body.mobile .offset-container{height: 75px; overflow: visible;}
.offset{
position: relative;
bottom: 100px;
}
.offset-before{
padding-bottom: 100px;
}
.bloc{display:inline-table; clear:both; width: 100%}
.line{border-bottom: 1px rgba(0,25,50,0.05) solid; width: 100%; clear: both;}
.line .c-w{max-width: 900px;}
.line-welcome .in:first-child,
.welcome-header .in:first-child
{
padding: 5% 5%;
}
@media all and (min-width:768px){
.line-welcome .in:first-child{
padding: 5% 15%;
}
}
@media all and (min-width: 1000px){
.welcome-header{
padding-top: 5vh;
padding-bottom: 5vh;
}
}
p:empty{display: none;}
img.svg path {
fill: #ff0000;
}
.reseaux-list img{max-width: 50px; height: auto; margin: 15px 15px; opacity: 0.5}
.ligne{display: block; background: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/img/ligne.png); height: 6px; background-size: 100%}
.line-welcome p{color: rgba(0,25,50,0.8);}
.line-welcome a{
background-color: rgba(0,25,50,0.05);
color: rgba(0,25,50,.9);
padding-left: 4px;
padding-right: 4px;
border-radius: 4px;
}
.line-services{
background-color: rgba(0,25,50,0.25);
}
.line-services .tag-list a{
background:none;
color: #fff;
border:3px #fff solid;
border-radius: 50px;
margin: 5px 2px;
font-weight: bold;
display: inline-block;
padding: 5px 10px 8px 10px;
} 
.line-services .tag-list a:hover{
background-color: #fff;
color: rgba(0,25,50,0.4);
}
.t-white{color: #fff}
.menu-types-de-projets-container{border-top:1px rgba(0,0,0,0.05) solid; border-bottom:1px rgba(0,0,0,0.05) solid; }
.portfolio-nav .in:first-child{padding: 5px; }
.portfolio-nav{
background-color: rgba(0,25,50,0.1);
min-height: 75px;
}
.portfolio-nav ul{padding: 15px 1px 0 1px; }
.portfolio-nav ul li{display: inline-block; }
.portfolio-nav ul li a{ float:left; padding: 6px 15px; border:2px #fff solid; font-weight: bold; border-radius:50px;margin:2px 3px 2px 2px; font-size: 13px; text-transform: uppercase; color:rgba(0,25,50,0.5); letter-spacing: 0.05em;}
.portfolio-nav ul li.current-menu-item a{background-color: rgba(0,25,50,0.15); color: #fff}
.portfolio-nav ul li.current-menu-item a,
.portfolio-nav ul li a.active,
.portfolio-nav ul li a:hover{border:2px rgba(0,25,50,0.25) solid;}
.portfolio-header__wrap{ border-radius:5px; overflow: hidden; background: #f9f9f9; background: rgba(0,25,50,0.025) ;margin-bottom:25px }
.portfolio-header{}
.portfolio-header ul{
list-style: none; 
margin: 0;
padding: 0;
}
.portfolio-header .ar ul{
float:right;
}
.portfolio-header ul.sub-menu{
display: none;
border-radius: 10px;
padding-top: 10px;
}
.portfolio-header ul.sub-menu li.menu-item{
width: 100%
}
.portfolio-header{    padding: 12px 0;}
.portfolio-header .menu-item-has-children a{ 
border: 1px rgba(0,25,50,0.05) solid;
background-color: rgba(0,25,50,0.1);
float:left; 
padding: 6px 15px; 
font-weight: bold; 
border-radius:50px;
margin:2px 3px 2px 2px; 
font-size: 13px; 
text-transform: uppercase; 
color:rgba(0,25,50,0.8); 
letter-spacing: 0.05em;
}
.portfolio-header ul.sub-menu li a{
width: 75px; 
float: right; 
text-align: center;
padding: 4px 15px;
border: 1px #fff solid;
font-weight: bold;
border-radius: 50px;
margin: 1px 3px 2px 2px;
font-size: 12px;
color: rgba(0,25,50,0.8);
box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
.portfolio-header ul.sub-menu li.menu-item a{
background-color: #fff;
}
.portfolio-header ul.sub-menu li.menu-item a.active{
background-color: rgba(0,25,50,0.1);
}
.portfolio-header ul ul.sub-menu li a:hover{
background-color: #eff3f4
border:0px;
}
.portfolio-header li.menu-item-has-children{
width: auto;
position: relative;
}
.portfolio-header li.menu-item-has-children a{
min-width: 150px;
text-align: center;
}
.portfolio-header li.menu-item-has-children ul.sub-menu:hover,
.portfolio-header li.menu-item-has-children:hover ul.sub-menu{
display: block;
position: absolute;
top:25px;
right: 0;
z-index: 999;
}
.single-comments.bloc{
background: rgba(0,25,50,0.05);
padding: 25px 0 10px 0;
border-radius: 15px;
}
span.caret{    
font-size: 8px;
font-weight: bolder;
color: rgba(0,25,50,0.5);
padding: 3px 5px;
background: rgba(255,255,255,0.5);
box-shadow: inset 0px 0px 2px rgba(0,25,50,0.1);
border-radius: 50%;
position: relative;
text-align: center;
left: 8px;
bottom: 2px;}
.folio-list{} .blog .post-image{background: rgba(0,25,50,0.1); line-height: 1px; overflow: hidden;}
.blog .post-image img{ border-radius:5px }
.blog .post-content .metas{
padding: 5px 0;
margin-bottom: 15px;
}
.blog .post-content .meta-tags{
padding: 7px 10px 8px 10px;
font-size: 13px;
float: left;
border: 1px rgba(0,25,50,0.05) solid;
color: rgba(0,25,50,0.5)
}
.blog .post-content .meta-tags a{
color: rgba(0,25,50,1);
}
.blog .post-content .meta-tags a:hover{
text-decoration: underline;
}
.blog form.search-form input.search-field{
width: 100%;
padding: 4px 2px;
font-size: 13px;
letter-spacing: 0.05em;
background: transparent;
border: 0;
border-bottom: 1px rgba(0,25,50,0.15) solid;
}
.blog form.search-form input.search-field:focus{outline: 0; background: rgba(255,255,255,0.75)}
.blog .search-submit{display: none;}
.blog .fixtop{background: rgba(255,255,255,0.85)}
.blog .blog-header .archive-description{ padding-left: 10%; padding-right: 10% }
.blog-header a{color: rgba(0,25,50,1); background: #fff; padding:0 2px 1px 2px}
.blog-item.item{margin-bottom:15px;}
.search .blog-item.item,
.archive .blog-item.item{border-bottom:1px rgba(0,25,50,0.1) solid; }
.single .blog-item.item{border-top:1px rgba(0,25,50,0.1) solid;}
.blog-item.item .in.txt{
padding: 0 0 0 15px
}
@media all and (min-width: 700px){
.blog-item.item .in.txt{
padding: 0 0 0 30px
}
}
.blog-item.item h2{margin-top:0;}
.blog-item.item h2 a{color: rgba(0,0,0,1); line-height: 25px; margin-top: 0; font-weight: bold;}
.mobile .blog-item.item h2 a{margin-top: 10px}
.blog-item.item .img a img{float: left; border-radius: 4px; box-shadow: 7px 7px 15px rgba(0,25,50,0.25); transition: all 100ms 100ms ease-in;}
.blog-item:hover .img a img{ transform: scale(0.9); border-radius: 6px; box-shadow: 4px 7px 5px rgba(0,25,50,0.25); transition: all 500ms 50ms ease-in-out; }
.blog .tag-list a{
margin: 1px 3px 3px 0;
font-size: 9px;
padding: 5px;
color: rgba(0,25,50,0.5);
font-weight: 700;
letter-spacing: 0.075em;
text-transform: uppercase;
background: rgba(0, 50, 50, 0.1);
border: 1px transparent solid;
border-radius: 3px; }
.blog .tag-list a:hover{
background: #fff;
border: 1px rgba(0, 50, 50, 0.1) solid;
}
.tag-list{
padding: 15px 0;
}
.tag-list a{
margin: 1px 3px 3px 0;
font-size: 9px;
padding: 5px;
color: rgba(0,25,50,0.5);
font-weight: 700;
letter-spacing: 0.075em;
text-transform: uppercase;
border: 1px transparent solid;
border-radius: 3px; }
.tag-list a:hover{
background: #fff;
border: 1px rgba(0, 50, 50, 0.1) solid;
}
.blog-item.item .with-bg{ border-top:0; border-right: 0; border-left: 0 }
.blog .post-footer{
background: rgba(0,25,50,0.1);
margin-bottom: 15px;
}
.blog .post-footer h2.section-title{ color:rgba(0,25,50,0.5); font-size:16px; padding: 0}
.blog .post-footer .blog-item-preview {  margin:0;}
@media all and (min-width: 1000px){
.blog-item-preview .img{
padding-top: 10px;
}
}
@media all and (max-width: 1000px){
.blog-item-preview .img{
padding-left: 15px;
padding-bottom: 15px;
display: inline-block;
}
}
.blog .post-footer .subtitl{color: rgba(0,25,50,0.8)}
.blog footer.entry-footer{display: inline-block; width: 100%; padding-bottom: 15px;}
.blog footer.entry-footer .datas{color: rgba(0,25,50,0.5); font-size: 12px; padding: 0 3px}
#nav_menu-5{ width:100% }
body.archive.tag #content .content-in,
body.category-blog #content .content-in{
background: rgba(0,25,50,0.05);
}
.blog-item-preview .in:first-child{padding: 30px 0}
.category .archive-description p{margin: 0}
.tagcloud a{
display: block;
margin: 1px 0 1px 0;
font-size: 12px;
padding: 5px;
color: rgba(0,25,50,0.8);
font-weight: 700;
letter-spacing: 0.075em;
text-transform: uppercase;
}
.tagcloud a:hover{ background: #fff;}
.tag-list a:before,
.tagcloud a:before{
content: "#";
}
body.home .folio-list{
padding-bottom: 50px;
display: inline-block;
width: 100%;
}
.bloc_home-blog{
background-color: #fff;
border-radius: 10px;
}
.bloc_home-blog .tag-list a.tag{
background-color: #eff3f4;
}
.bloc_home-services{
padding-bottom: 25px;
}
.bloc_home-services div.item{
background: #fff;
float: left;
padding: 6px 15px;
border: 1px #fff solid;
font-weight: bold;
border-radius: 50px;
margin: 2px 3px 2px 2px;
font-size: 13px;
text-transform: uppercase;
color: rgba(0,25,50,0.8);
letter-spacing: 0.05em;
}
.bloc_home-blog .section-title
{
margin-bottom: 0
}
.bloc_home-blog .blog-item-preview .subtitl{
max-height: 95px;
overflow: hidden;
margin-top: 0;
margin-bottom: 0;
font-size: 0.95em;
line-height: 1.5em;
}
.bloc_home-blog .blog-item-preview .in:first-child{
padding-left: 10px;
padding-right: 10px;
}
.bloc_home-blog .blog-item-preview .entry-title{
display: inline-block;
min-height: 50px;
color:rgba(0,25,50,0.5);
} .mobile-menu img{max-width: 35px; margin-top:10px }
.mobile-menu .main-nav-cloned{
margin-top: 0px;
margin-bottom: 0px;
}
.mobile-menu{background-color: #fff; box-shadow:0px 2px 10px rgba(0,0,0,0.25);}
.mobile-menu a.toggle{float: left;}
.mobile-menu-toggle{ display: block; background: rgba(255,255,255,1); vertical-align:middle; height: 60px; width: 60px; text-align: center;}
.burger{ height: 30px; width: 30px; padding: 15px; }
.mobile-menu-toggle:hover{ background: #eff3f4;}
.mobile-menu-toggle hr{
border-top: 2px rgba(0,25,50,1) solid; 
border-bottom: 2px rgba(0,25,50,1) solid; 
margin: 3px;
} .social-share .share-title{display:block; width: 100%; font-weight: bold; margin-bottom: 10px}
.social-share .tag{margin:1px 4px 0 0; float: left; }
.social-share .tag a{color:rgba(0,0,0,0.5); border-bottom:1px rgba(0,0,0,0.5) solid; padding: 5px 10px 6px 10px; font-size:13px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em;}
.social-share .tag a:hover{background: #fff}
.social-share .fb a:hover{color: #6D8BC9; border-color: #6D8BC9}
.social-share .tw a:hover{color: #30D8F0; border-color: #30D8F0}
.social-share .gp a:hover{color: #D34836; border-color: #D34836}	
.social-share .li a:hover{color: #6D8BC9; border-color: #6D8BC9}	
.social-share h4{margin-bottom:25px; margin-top: 0}
.in.list-in,
.folio-list .in:first-child{padding: 5px}
.list .item .in:first-child,
.folio-list .item .in:first-child{ margin: 5px; padding:0;  }
.folio-list .item img{width: 100%} .projet-item .in:first-child{overflow: hidden; }
.portfolio-graphiste-webdesigner .projet-item .img,
.archives .projet-item .img{overflow: hidden; background: rgba(0,25,50,1); }
.projet-item img{transition: all .5s  ease-in;}
.projet-item:hover img{transition: all 1s ease-out;}
.projet-item .type{color:rgba(0,25,50,0.5); }
.projet-item:hover .img img{transform: scale(1.2); opacity: 0.85}
.page.portfolio-graphiste-webdesigner .projet-item:hover .img img,
.archives .projet-item:hover .img img{transform: scale(1.25) rotate(2deg); opacity: 0.85}
.projet-item .in.txt{padding: 15px 30px; text-align: center; min-height: 75px;}
.projet-item:hover .in{
background:#eff3f4;
border-radius: 5px;
}  .subtitl a, .subtitl {
color: rgba(0,25,50,1);
font-size: 18px;
line-height: 28px;
text-decoration: none;
}
.projet-item em {
font-style: normal;
color: rgba(0,0,0,0.65);
color: rgba(0,25,50,0.8);
}
#footer .in{padding: 20px; font-size: 13px; line-height: 18px; color: rgba(0,25,50,0.8)}
#footer a{color: rgba(0,25,50,0.8)}
#footer p{  font-size: 14px;
line-height: 20px;
}
#footer section{float: left;}
#footer .menu ul{float: left; margin: 10px 0px 0px 10px}
#footer .menu li {
float: left;
margin: 0 0 15px 0;
}
@media all and (min-width:768px){
#footer .menu li {
width: 25%;
}
}
.post-content ul li{margin: 8px 0}
.portfolio-nav ul li,
.portfolio-header ul li{margin: 0}
.folio-header{background-color: #fff}
body.single .folio-header,
body.single .folio-header-cloned{background-color: #fff; border-bottom: 1px rgba(0,0,0,0.05) solid }
.folio-header .in:first-child{padding: 10px 0px 10px 0}
body.single .folio-header .in:first-child,
body.single .folio-header-cloned .in:first-child{padding: 10px 0px}
.single-portfolio .tag-list{
background: #fff;
}
.tag-list {
margin-top: 0; min-height: 28px;
max-width: 100%;
}
.tag-list a.collect-toggle.active,
.tag-list a.tag{
float:left; padding: 6px 15px; border:1px #fff solid; font-weight: bold; border-radius:50px;margin:2px 3px 2px 2px; font-size: 11px; text-transform: uppercase; color:rgba(0,25,50,0.8); letter-spacing: 0.05em;}
.tag-list a.tag:hover{
background: transparent;
border: 1px rgba(0,25,50,0.5) solid;
color: rgba(0,25,50,0.8);
}
.blog .post-footer .tag-list a.tag{
background: transparent;
}  .tag-list a.collect-toggle{
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
margin: 0px 0px 0 0;
color: rgba(0,0,0,0.5);
background-color: rgba(0,0,0,0.025);
float: right;
padding-right: 14px;
padding: 4px 15px 8px 15px;
}
.tag-list a.collected{display: none;}
.home .folio-header{border-top: 1px rgba(0,0,0,0.05) solid;}
.folio-header .home-title{
color: rgba(0,25,25,0.50);
font-size: 16px;
font-family: "lato", Arial;
}
body.single .folio-header-cloned h1,
body.single .folio-header h1{
color: rgba(0,0,0,0.5);
text-decoration: none;
font-family: "lato", "Arial", "Helvetica", sans-serif;
line-height: 20px;
font-size: 16px;
margin: 0;
}
.page .entry-header .entry-title{margin: 0px;}
body.archive h1{padding: 15px 0;}
@media all and (min-width:1200px){
.welcome-header h1,
body.home h1,
body.archive h1{ 
font-size: 50px;
line-height: 1.15em;
}
}
body.blog h1{padding: 0px 0; margin:10px 0;}
body.archive .category-description p{margin-top:0; margin-bottom: 25px;}
body.single .blog-header h1,
body.single .folio-header-cloned h2,
body.single .folio-header h2{
margin:0;
}
.content-outter{
width: 100%;
display: inline-block;
background-color: #fff;
}
.folio-content h3{padding-bottom: 0}
.folio-content{padding-top:15px; }
.single-portfolio article .folio-content{line-height: 1px;}
body.has-gutenberg .content-in article{ 
background-color:white; 
}
body.has-gutenberg .folio-content{
color:rgba(0,25,50,1);
padding-top: 0;
}
@media all and (min-width:1000px){
body.has-gutenberg .folio-content{
background: #fff;
padding: 5em;
}
}
body.has-gutenberg a.wp-block-button__link.wp-element-button{
min-height: 50px;
line-height: 1em;
}
body.has-gutenberg .folio-content h2,
body.has-gutenberg .folio-content h3{
margin-top: 0;
} 
body.has-gutenberg .folio-content .bloc_contact{
padding: 25px;
background: #dee3e6;
border-radius: 5px;
} 
body.has-gutenberg .folio-content h2{ 
color: rgba(0,25,50,1);
font-weight:bold; 
font-size: 2em;
line-height: 1.25em;
margin-bottom: 0.5em
}
body.has-gutenberg .folio-content h3{ 
font-weight:bold; 
font-size: 1.5em;
line-height: 1.5em;
margin-bottom: 0.75em;
color: #7e8489;
}
.single-portfolio .content-in{background: rgba(0,25,50,0.1) }
.single-portfolio .wp-caption{margin:0;}
.single-portfolio h2.section-title{padding:0; color:rgba(0,25,50,0.5); font-size:16px; }
.folio-content .description{ margin-top: 22px;
margin-bottom: 10px; color: rgba(0,25,50,0.85);
}
.folio-content h3{
color: rgba(0,25,50,1);
}
.folio-content .infos{
margin-top: 15px;
line-height: 22px;
color: rgba(0,25,50,0.65);
}
.folio-content .infos p{padding-right: 45px; padding-top: 10px; font-size: 14px;  }
body.single .folio-header-cloned a.btn,
body.single .folio-header a.btn{
padding: 6px 10px;
top: 10px;
text-align: center;
display: inherit;
position: relative;
font-size: 14px;
font-weight: bold;
border-radius: 50px;
}
@media all and (min-width:768px){
body.single .folio-header{
padding-top: 25px;
padding-bottom: 25px;
}
}
.folio-header-right{
min-height: 45px;
} .page-services__related-links{
padding-top: 25px;
margin-bottom: 50px;
}
.page-services__related-links h2{
color: rgba(0, 25, 50, 0.8);;
text-align: center;
font-size: 1em;
}
.page-services__related-links a{
background: #eff3f4;
border-radius: 5px;
padding: 15px 15px;
width: 28%;
margin-right: 1%;
margin-bottom: 1%;
display: inline-block;
color: rgba(0, 25, 50, 1);
font-size: 15px;
font-weight: bold;
}
.page-services__related-links a:hover{
background: #fff;
} .page.contact div.wpcf7{ max-width: 500px; }
.wpcf7 input,
.wpcf7 textarea{
box-sizing: border-box;
}
.page.contact .wpcf7-form-control:not(.wpcf7-quiz){ padding: 20px; font-size: 20px }
.page.contact label{width: 100%}
.page.contact .wpcf7-quiz{padding: 5px; max-width: 50px}
.contact-line{margin:10px 0;}
.contact-line input.wpcf7-form-control[type="text"]
.contact-line input.wpcf7-form-control[type="email"], 
.contact-line textarea{border: 1px rgba(0,25,50,0.1) solid; width:100%; outline: 0; background: rgba(255,255,255,0.5);}
.wpcf7 input, .wpcf7 textarea{ width: 100% }
.contact-line img.ajax-loader{width:16px!important;}
.wpcf7-response-output{margin:0; padding:5px 10px; font-size:14px;}
.wpcf7-response-output.wpcf7-validation-errors{background:#ffe8c0; color:#7c1a1a; }
.wpcf7-response-output.wpcf7-mail-sent-ok{background:#92ff9f; color:#12631c;}
input.wpcf7-not-valid, textarea.wpcf7-not-valid{border:1px #ffc0c3 solid!important;}
.wpcf7-not-valid-tip{font-size:14px!important; padding: 2px 10px; color:#333; background: #ffc0c3}
.bigtxt h2{padding:25px 0;}
.modal label{
font-weight: bold;
font-size: 16px;
}
.modal .wpcf7-quiz-label{ font-size: 14px; font-weight: normal; }
.modal .wpcf7-quiz{max-width: 50px;}
label{font-size: 20px;
margin-bottom: 5px;
display: inline-block;}
input.wpcf7-submit{
padding: 10px 0 11px 0;
background: #0099ff;
color: white;
text-transform: uppercase;box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
border-radius: 2px;
text-align: center;
border-width: 0;
}
.wpcf7-submit:hover{cursor: pointer}
.contact .spam-quiz{
display: block;
padding: 5px;
border:1px rgba(0,25,50,0.1) solid;
border-radius: 4px;
}
.contact .spam-quiz span{font-size: 16px; font-weight: bold; display: inline-block; margin-bottom: 6px} body.web-music-artist  .btn {
text-decoration: none;
padding: 4px 7px 5px 0;
box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
border-radius: 2px;
float: left;
background: rgba(0,0,0,0.15);
text-align: center;
width: 100%;
} body.parent-pageid-31 .content-w, 
body.web-music-artist .content-w{max-width: 700px;}
body.web-music-artist .site-content{padding-bottom: 25px;}
body.web-music-artist ul li {
padding: 1px 0 5px 0px;
color: rgba(0,0,0,0.70);
font-size: 17px;
list-style: circle;
list-style-position: outside;
}
body.web-music-artist .c{background: transparent}
body.web-music-artist .spacer{height: 300px;}
body.web-music-artist {background: #f5efe7 url(//www.mistersize.com/wp-content/themes/dsgnr0.1/img/musicartist-background.jpg) top center no-repeat}
.c{margin:0 auto;}
body.web-music-artist .in-two{padding:20px; margin:5px 10px;  background: #fff; border-radius: 3px; box-shadow: 1px 1px 4px rgba(0,0,0,0.1);}
body.web-music-artist .in-two.left,
body.web-music-artist .in-two.right{min-height: 250px; float:left; }
body.web-music-artist img.ajax-loader{width: auto; height: auto;}
body.web-music-artist .wpcf7{
background:rgba(255,255,255,0.75); 
border:1px rgba(0,0,0,0.1) solid; 
border-radius: 4px; 
width:80%; 
margin-right:auto; 
margin-left:auto; 
margin-top:20px; 
padding:2% 5% 1% 5%; 
display: block;
}
body.web-music-artist .item-web .in-two{background:#fff url(//www.mistersize.com/wp-content/themes/dsgnr0.1/img/bg-site-web.png) 0 20px  no-repeat; padding-left:150px;min-height: 200px}
body.web-music-artist .item-cd .in-two{background:#fff url(//www.mistersize.com/wp-content/themes/dsgnr0.1/img/bg-cd-cover.png) 0 20px  no-repeat; padding-left:150px;min-height: 200px}
body.web-music-artist #contact-form label{ font-weight: bold; font-size:16px;}
body.web-music-artist #contact-form option,
body.web-music-artist #contact-form select,
body.web-music-artist #contact-form input[type="email"],
body.web-music-artist #contact-form input[type="text"]{ width:100%; padding:10px 5px; font-size: 15px; margin-top:8px;}
body.web-music-artist #contact-form input[type="submit"]{border:0; outline: 0; font-size:14px; margin-top:10px; font-weight: bold; width: 100%;  float:none;}
body.web-music-artist .page-title{border:0;}
body.web-music-artist h1.page-title{text-align: center; font-size:11px; color: rgba(0,0,0,0.5)}
body.web-music-artist h2{margin:15px 0; text-align: center; font-weight: bolder!important; font-size: 42px;}
body.web-music-artist h3{text-align: center; margin-bottom: 20px; padding:0; font-size:32px!important; color: rgba(0,0,0,0.5);}
body.web-music-artist h4{font-size: 20px; margin-bottom: 15px; margin-top:5px; padding: 0}
body.web-music-artist .in-two p{text-align: center!important; color:rgba(0,0,0,0.5);}
body.web-music-artist .in-two a.btn{
margin-top:10px; 
border:2px rgba(0,0,0,0.5) solid; 
background: transparent; 
color:rgba(0,0,0,0.5); 
text-transform: uppercase; 
font-size:14px; 
font-weight: bold;
letter-spacing: 0.1em;
}
body.web-music-artist .in-two a.btn:hover{
border:2px rgba(0,0,0,1) solid; 
color:rgba(0,0,0,1); 
}
body.web-music-artist .in-page,
body.web-music-artist #content{padding-top:0!important;}
body.web-music-artist.page.desktop .in-page{padding-left:0; padding-right:0;} body.page.love hr{border-top:1px #ccc solid; border-bottom:0;}
body.page.love .w .content-w .in{background: rgba(0,0,50,0.05); padding: 3px 6px; margin:5px 0;}
body.page.love .w .in a.btn{background: #fff; color:rgba(0,25,50,1); text-transform: uppercase; font-size:13px; padding:7px; font-weight: bold; margin:2px 0;}
body.page.love .w .in a.btn:hover{background: rgba(0,25,50,1); color:#fff; } .profil-graphiste-freelance h1{margin-bottom: 30px}
.profil-graphiste-freelance #content{background-color: #fff;}
.profil-graphiste-freelance #content h3{padding: 0; background-color: transparent;}
.profil-graphiste-freelance .with-bg{background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/img/bg.png); background-repeat: no-repeat;}
.profil-graphiste-freelance .photo .in{padding: 35px;}
.profil-graphiste-freelance .txt .in{padding: 35px;} .services .section-title h3,
.services .section-title h2
{ padding: 20px 0 20px 0 }
.services .section-title h3,
.services .section-title h2{margin: 0}
.service #content{background-image: none;}
.service .line-welcome{background: #fff}
.services .section-content .item .in:hover,
.services .section-content .item .in{border:0;}
.services .section-title h3,
.services .section-title h2{ background-color: rgba(0,25,50,0.025) }
.services .item .img{padding-top: 40px; padding-bottom: 40px}
.services .item:hover .img{background-color: rgba(255,255,255,0.5);}
.services .item:hover .img img{opacity: 0.9;}
.services .item:hover *{transition:all 0.5s;}
.services .item *{text-align: center; transition:all 1s;}
.services .img img{height: 125px; width: auto; 
opacity: 0.5;
} html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: rgba(0,25,50,1);
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr { height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 { }
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
font-style: italic;
clear: left;
color: rgba(0,0,0,0.5);
border-left: 2px rgba(0,0,0,0.25) solid;
padding-right: 5%;
padding-left: 4%;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
}
blockquote p:before,
q p:before {
content: "“";
}
blockquote p:after,
q p:after {
content: "”";
}
blockquote p{font-size: 20px; margin: 0; padding: 0; line-height: 28px}
blockquote em{font-size: 16px}
address {
margin: 0 0 1.5em;
}
.post-content pre {
background: #fff;
box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
color: #666666;
border-radius: 10px;
font-family: inherit;
line-height: 1.6em;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
font-size: 1rem;
border: 1px #dfdfdf solid;
}
.post-content pre:hover {
background: #fff;
color: #000;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
code{
padding: 4px 5px;
font-family: unset;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after {  }
body {
background-color: #fff; }
ul{margin: 0} ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} .contact-popup a,
.bouton a,
a.btn{
border: 2px rgba(0,25,50,0.01) solid;
color:rgba(0,25,50,0.5);
background-color: rgba(0,25,50,0.1);
padding: 5px; display: inline-block;
border-radius: 2px;
}
.metas a.btn{margin:0 2px 2px 0;}
.contact-popup a:hover,
a.btn:hover{
background:#fff;
color:rgba(0,25,50,0.8);
border: 2px rgba(0,25,50,0.1) solid;
}
.btn-link,
.bt-link{
color: rgba(0,25,50,0.5);
font-weight: bold;
border-bottom: 2px rgba(0,25,50,0.5) solid;
margin: 15px 0 20px 0;
display: inherit;
padding: 5px 0;
font-size: 20px;
}
.bt-border{
color: rgba(0,25,50,0.5);
font-weight: bold;
border: 1px rgba(0,25,50,0.5) solid; margin: 15px 0 20px 0;
display: inherit;
padding: 8px 15px 9px 15px;
font-size: 18px;
border-radius: 50px;
} .tableau{width:100%; border-left: 1px #ccc solid; border-bottom: 1px #ccc solid; display: inline-block; margin-top:10px; border-radius: 4px;}
.tableau .t-title{background: #f4f4f4; display: table;
width: 100%; text-transform: uppercase; font-size:12px;}
.t-info{
display: inline-block;
background: lightblue;
width: 100%;
padding: 5px 0;
color: #fff;
border-radius: 4px;
margin: 10px 0 0 0;}
.tableau div{float: left; box-sizing: border-box;}
.tableau .w100,
.tableau .w3-4,
.tableau .w1-4{border-top: 1px #ccc solid; padding: 8px 0; border-right: 1px #ccc solid; }
.tableau .w100,
.tableau .w3-4{padding-left: 8px}
.tableau .price{color:#019ee0; font-weight: bold;} ul.tabs{list-style: none; padding: 0; display: inline-block; width: 100%; margin:0;}
ul.tabs li{list-style: none; float: left}
ul.tabs li a{
display: block;
font-size: 14px;
padding: 8px 12px;
border:1px rgba(0,25,50,0.25) solid;
background: rgba(0,25,50,0.1);
}
ul.tabs li a.active{ background: #fff; border-bottom: 0 }
body .tabs-shortcode .ui-tabs-nav li a{
padding-top: 15px;
padding-bottom: 15px;
}
body ul.ui-tabs-nav{padding: 0}
.ui-tabs .ui-tabs-panel {
border-right: 1px #ddd solid;
border-bottom: 1px #ddd solid;
border-left: 1px #ddd solid;
padding-left: 15px;
padding-right: 15px;
padding-top:15px;
}
.ui-tabs .ui-tabs-panel h3{padding-top: 0; margin-top:0;} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border-radius: 3px;
padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 8px 15px 5px 15px
}
select {
border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
textarea {
width: 100%;
}  a:hover,
a:active {
outline: 0;
} .main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.breadcrumbs{ padding: 7px; font-size: 12px; text-align: center;     width: 100%;
display: inline-block;}
.breadcrumbs-ul{display: inline; list-style: none; padding: 0; margin: 0}
.breadcrumbs li{ display: inline; }
.breadcrumbs a{ color: rgba(0,25,50,0.75) }
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget { } .widget select {
max-width: 100%;
}
.folio-header{display: table;} article.hentry p a:not([class]) {
background-color: rgba(0,25,50,0.05);
color: inherit;
padding-left: 5px;
padding-right: 5px;
border-radius: 1px;
}
article.hentry p a:not([class]):hover {
background-color: rgba(0,25,50,0.1);
} .sticky {
display: block;
}
.byline, {
display: none;
}
.single .byline,
.group-blog .byline {
display: inline;
} .page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.comment-form-cookies-consent input{
margin:2px 10px 5px 0;
float: left;
}
.akismet_comment_form_privacy_notice,
.comment-form-cookies-consent label{
font-size: 14px;
line-height: 17px;
display: block;
}
.bypostauthor {
display: block;
}
.item #comments-list a{display: inline;} #respond{background: #fff}
#respond form{
padding:0;
display: inline-block;
}
ul.commentlist,
ol.commentlist,
ol.comment-list{padding:0;margin:0;}
div.invalid{float:left; background: red; color:#fff; padding:3px 6px; margin-top:3px; border-radius:3px; font-size:11px;}
.trackback-txt .fn{padding:5px 5px 0 10px;}
.trackback-txt .fn a{color:#85ae3e;}	
.trackback-txt blockquote{padding:0 0 0 10px; margin-left:15px; border-left:3px #85ae3e solid; font-style: italic;}	
.trackback-txt blockquote p{padding:0; margin:0;}
div.success{float:left; background: green; color:#fff; padding:3px 6px; margin-top:3px; border-radius:3px; font-size:11px;}
textarea.success,
input.success{background: lightgreen}
ul.commentlist li.comment .comment-author{background: rgba(0,0,0,0.25)}
.comment-respond{border-radius:5px; border:1px rgba(0,0,0,0.1) solid;}
.comment-reply-title{margin-bottom:5px; padding:0px 0;   color: #ccc; font-size:22px; padding-left:10px; background: rgba(0,0,0,0.5); color: rgba(255,255,255,0.5); display: block; font-size:16px; }
.comment-reply-title h3#reply-title{}
.comment-reply-title a{color:rgba(255,255,255,0.5); text-align: right;}
.comment-respond input[type=text],
.comment-respond textarea{ padding:5px; font-family: sans-serif;}
.comment-respond textarea{overflow: hidden;}
.comment-respond .in{  padding: 8px 25px 8px 0;}
.comment-respond .in label{display:block; margin:5px 0; font-weight: bold; font-size: 13px;}
#comment.comment-respond input[type=text]{width: 100%;}
form.comment-form p{margin:2px 0!important; }
.comment-respond form{padding:0 0px;}
.logged-in-as{background: rgba(0,0,0,0.35); color:rgba(255,255,255,0.75); font-size: 13px;}
.logged-in-as .in{padding:5px 0; text-align: center;}
.logged-in-as .in a {color:#fff;}
li.comment,
ul.children li.comment{  margin-top: 5px;}
h2.comments-title{margin: 3% 0 5% 0; color:rgba(0,0,0,0.25);}
.comment{    
border-top: 1px rgba(0,0,0,0.05) solid;
display: inline-block;
width: 100%;
padding:15px 0;
}
.comment-txt p{margin-bottom: 5px; color:#555; float: left;}
.comment-body{}
.comment-meta{font-size:11px;}
#comments .comment-meta.commentmetadata .in{padding:0 0px 5px 0px; color:#ccc;}
.comment-meta .time .in a{color:rgba(0,0,0,0.25); text-decoration: none;}
.comment-meta .reply .in{color:rgba(0,0,0,1); font-weight: bold;}
.comment-meta a{color:#333;}
.comment-content{color:#555; line-height: 22px; border-radius: 5px; float: left;}
#comments .comment-field .in{padding:3px 10px;}
.comment-respond{  display: block;
float: left;
width: 100%;}
.comment-txt a{color:rgba(0,25,50,1);}
p.logged-in-as{margin:0; padding:0;}
textarea#comment{width:96%; min-height: 20px; padding-top:10px; padding-bottom:10px;}
.comment-form-line{padding:2px 0;}
.comment-form-line input,
.comment-form-line textarea{padding:10px 5px; border:0; border-radius: 3px; font-size:15px;}
.comment.list{border-radius: 5px; overflow: hidden;}
.comment-item{padding:5px; margin: 1px 0; background:#fff; color:rgba(0,25,50,1);}
.comment-author{font-weight: normal; display: inline-block; float: left; line-height: 16px; font-size:13px;}
.comment-author img.avatar{display: inline; margin-top:5px; border-radius: 3px;}
.comment-awaiting-moderation{background: rgba(255,255,255,0.25); padding:2px 5px;}
.comment-author,
.comment-author a{color:#333; }
li.comment{display: inline-block; width:100%; list-style: none; border-radius: 3px;}
.form-allowed-tags{display: none;}
#open-comments{text-align: center;}
#open-comments a{font-size:16px; color:#ccc; font-weight: bold; text-align: center; text-decoration: none;}
#comments-line{padding: 15px 0; margin-top:0px;}
.comment-link{
position: absolute;
top: 103px;
left: -20px;
}
.comment-link a{background: rgba(0,25,50,1); color:#fff; padding:7px; display:block; width:20px;height:20px;border-radius:50%; text-align:center; border:2px rgba(0,0,0,0) solid; z-index: 200; text-decoration: none;}
.comment-link a:hover{background:#fff!important; color:rgba(0,25,50,1)!important; border:2px rgba(255,255,255,1) solid;}
.comment-item{margin:1px; border-left-width:2px; border-left-style:solid;}  #comments-list
#comments-list h3#comments{}
#comments-list ol.commentlist{}
#comments-list li.comment article.comment-body{
background: #fff;
border-radius: 3px;
overflow: hidden;
}
#comments-list .comment-meta{}
#comments-list .comment-metadata{background: rgba(0,0,0,0.1);}
#comments-list .comment-meta .comment-author{background: rgba(0,0,0,0.1)}
#comments-list .comment-meta .comment-author .avatar{}
#comments-list .comment-meta .comment-author .name .fn{color:rgba(0,25,50,1);}
#comments-list .comment-meta .comment-author .says{display:none;}
#comments-list .comment-meta .comment-metadata time{}
#comments-list .comment-content{
border-radius: 3px;
}
#comments-list .comment-content p{margin:2px 0;}
#comments-list .reply a.comment-reply-link{
background: rgba(0,25,50,1); 
color:#fff;
text-decoration: none;
font-size: 12px;
border-radius: 3px; 
padding: 1px 12px 0px 12px;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
}
.comment-respond .in label.comment-form-title{display: none;} #comments-list #respond{}
#comments-list #respond h3{padding:6px; margin:0;}
#comments-list #respond #cancel-comment-reply{ text-align:center;  font-size: 13px; font-weight: bold;}
#comments-list #respond #cancel-comment-reply a#cancel-comment-reply-link{ color:#fff; padding: 5px; border-radius: 5px; background: rgba(255,255,255,0.25); text-decoration: none; }
#comments-list #respond #commentform{width: 100%}
#comments-list #respond #commentform p{margin:2px;}
#comments-list #respond #commentform input:focus,
#comments-list #respond #commentform textarea:focus{outline: 0; border-bottom:1px #555 solid;}
#comments-list #respond #commentform input#author,
#comments-list #respond #commentform input#email,
#comments-list #respond #commentform input#url,
#comments-list #respond #commentform textarea#comment{ padding:6px 0px; font-size:15px; border:0; border-bottom:1px #f4f4f4 solid;}
p.form-submit{    
padding: 0 0 5px 0;
margin-top: 0;
display: inline-block;
width: 100%;
text-align: center;}
.form-submit input.bt,
#respond #commentform input#submit{
background: rgba(15,0,30,0.50);
color:#fff;
text-decoration: none;
font-size: 13px;
border-radius: 3px; 
padding: 6px 12px;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
border:0;
}
.form-submit input.bt:hover,
#respond #commentform input#submit:hover{
background: rgba(0,25,50,1); 
cursor: pointer;
}   .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption { max-width: 100%;
margin: 15px 0 15px 0; padding: 1px
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text,
p.wp-caption-text{color: rgba(0,0,0,0.5); margin: 0; padding: 8px; font-size: 13px}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}  .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) 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 {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
.related-services{
padding-top: 50px;
padding-bottom: 50px; background-color: rgb(0, 135, 190);
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/img/bg-services-1.jpg);
background-repeat:no-repeat;
background-size:cover;
color: #fff;
}
.related-services h1{
color:#9ba2db
}
.related-services p:first-child,
.related-services p:nth-child(2n)
{
font-size: 20px;
line-height: 30px;
}
@media all and (min-width: 1000px){
.related-services p:first-child,
.related-services p:nth-child(2n)
{
font-size: 30px;
line-height: 38px;
}
}
.related-services p:nth-child(3n)
{
font-size: 16px;
line-height: 24px;
}
.related-services .bt-border
{
color: #00344a;
border-color: #00344a;
border-width: 2px;
}
.related-services .bt-border:hover
{
color: #fff;
background-color: #00344a;
}
.chat{}
.zero-six{
font-size: 1px;
font-size: 0.01rem;
}
.zero-six::before{
content: "06";
font-size: initial;
}
.zero-sept{
font-size: 1px;
font-size: 0.01rem;
}
.zero-sept::before{
content: "07";
font-size: initial;
}
p.form_url{ display: none; } body.service-seo h1{ 
font-size: 30px;
font-weight: bolder;
padding-left:10vw;
padding-right: 10vw;
margin: 0 auto;
}
body.service-seo  h2.discret{ 
font-size:16px;
line-height: 20px;
}
body.service-seo .contact-phone,
body.service-seo .contact-phone *::before{
font-size: 24px;
color: #e6208b;
}
body.service-seo .deco_1::after{
content: '}';
display: block;
width: 200px;
height: 100px;
position: absolute;
top:50px;
right: 50px;
color: #e6208b;
font-size: 100px;
font-weight: bold;
}
body.service-seo .deco_2::after{
content: '*';
display: block;
width: 200px;
height: 200px;
position: absolute;
bottom: 50px;
left: 0px;
color: #e5e8ea;
font-size: 500px;
font-weight: lighter;
}
body.service-seo div.encart::before{
content: '7';
display: block;
width: 0;
height: 0;
position: relative;
bottom: 0;
right: 4vw;
color: #009ee0;
font-size: 50px;
font-weight: lighter;
z-index: 0;
transform: rotate(45deg);
}
body.service-seo .post-image::before{
content: '>';
display: block;
width: 0;
height: 0;
position: relative;
bottom: 0;
left: 5vw;
color: #ffed00;
font-size: 100px;
font-weight: lighter;
z-index: 0;
}
body.service-seo figure.aligncenter::after,
body.service-seo .post-image::after{
content: '<';
display: block;
width: 0;
height: 0;
position: relative;
bottom: 11vh;
left: 50vw;
color: #009ee0;
font-size: 75px;
font-weight: bold;
z-index: 0;
}
body.service-seo .decorations{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100vh;
}
body.service-seo #sidebar .sidebar-in,
body.service-seo .bg-white{ background-color:transparent; }
body.service-seo #content{ position:relative; z-index:2 }
body.service-seo #content h2,
body.service-seo #content .has-large-font-size{
color:rgb(226 0 122);
}
body.service-seo #content h2{
position: relative;
}
body.service-seo #content .wp-block-group{
margin-top: 1em;
margin-bottom: 1em;
}
body.service-seo #content .wp-block-group:not(.box_contact) .wp-block-group__inner-container p:nth-child(0){
transform: translateX(0vw);
}
body.service-seo #content .wp-block-group:not(.box_contact) .wp-block-group__inner-container p:nth-child(1){
transform: translateX(5vw);
}
body.service-seo #content .wp-block-group:not(.box_contact) .wp-block-group__inner-container p:nth-child(2){
transform: translateX(0vw);
}
body.service-seo #content .wp-block-group:not(.box_contact) .wp-block-group__inner-container p:nth-child(3){
transform: translateX(5vw);
}
body.service-seo #content .wp-block-group:not(.box_contact) .wp-block-group__inner-container p:nth-child(4){
transform: translateX(0vw);
}
body.service-seo #content figure{
mix-blend-mode: hard-light;
}
body.service-seo #content figure.wp-block-image img{
border-radius: 20px;
}
body.service-seo #content .wp-block-group:not(.box_contact) .wp-block-group__inner-container p{
position: relative;
}
body.service-seo #content .wp-block-group:not(.box_contact) .wp-block-group__inner-container p:after{
position: absolute;
content: "+"; display: block;
color: #ededed;
font-size: 3em;
top: 1em;
z-index: -1;
right: 0;
text-align: right;
}	
body.service-seo #content .wp-block-group:not(.box_contact) .wp-block-group__inner-container p:nth-child(1):after,
body.service-seo #content .wp-block-group:not(.box_contact) .wp-block-group__inner-container p:nth-child(2):after{
content: "❰";
}
body.service-seo #content h2:before{
position: absolute;
content: "^";
width: 200px;
display: block;
color:white;
font-size: 5em;
bottom: 0.1em;
z-index: -1;
right: 0;
text-align: right;
}
body.service-seo #content h2:nth-child(3n-1):after{
position: absolute;
content: "/";
width: 200px;
display: block;
color:yellow;
font-size: 5em;
top: 0.1em;
z-index: -1;
right: 100%;
text-align: right;
}
body.service-seo #content .wp-block-group.box_contact{
position: relative;
border:3px #000 solid;
padding: 2em 2em 0 2em; 
border-radius: 20px;
margin-top: 2em;
margin-bottom: 3em;
}
body.service-seo .box_contact:after{
position: absolute;
border-radius: 20px;
content: "";
display: block;
width: 100%;
height: 100%;
border:1px #e6208b solid;
top: 1em;
left: 1em;
transform: translate(0, 0);
transition: all 500ms ease-in-out;
z-index: -1;
}
body.service-seo .box_contact:hover:after{
transform: translate(-0.5em, -0.5em);
transition: all 500ms ease-in-out;
}
.social-share{ display:none }
article.tag-services .encart h3{
display: inherit;
}
article.tag-services .encart .wp-block-button__link{
background-color:#e2007a
}
article.tag-services .contact-phone,
article.tag-services .contact-phone *::before{
font-size: 24px;
color: #e6208b;
}
@media all and (max-width:768px){
.identity{
line-height: 25px;
}
.identity .name{
font-weight: bold;
}
.identity .contact-phone{
margin-bottom: 15px;
font-weight: bold;
font-size: 24px;
margin-bottom: 10px;
}
.identity .contact-mail{
font-size: 20px;
}
.identity .contact-popup a{
width: 100%;
}
}
.wp-block-group.side-info{
background-color: #fff1ca;
padding: 5px 15px 0px 25px;
width: 50%;
float: left;
transform: translateX(-50px);
}
.side-info_auto_promo,
.wp-block-group.side-info,
.wp-block-group.promo_tdplugin
{
background-color: #e1ecff;
background: linear-gradient(45deg, #e1ecff, #ffffff);
padding: 0 40px;
font-size: 14px;
line-height: 20px;
color: #164d85;
border-radius: 15px;
}
.wp-block-group.promo_tdplugin{
padding: 5% 10% 15px 10%;
margin-bottom: 25px;
border-radius: 20px;
}
h2.u-text-deco{
position: relative;
}
h2.u-text-deco:after{
display: block;
content: "☉";
content: "⇀";
color: #fff;
font-size: 3em;
position: absolute;
z-index: -1;
height: 0;
top: 0;
left: -1em;
}
.u-text-deco-check{
position: relative;
}
.u-text-deco-check:after{
display: block;
content: "⯌";
color: #fff;
font-size: 3em;
position: absolute;
z-index: -1;
height: 0;
top: 0;
left: -0.9em;
text-shadow: -1px -1px 10px #e2e9ed;
}
body.page.service-seo .post-content p.has-large-font-size{
line-height: 1.25em;
font-size: 1.5em;
}
hr.wp-block-separator.has-alpha-channel-opacity{ opacity:0.1 }
.wp-block-group.promo_tdplugin .wp-block-heading,
body.single-post .post.category-blog .post-content h2.wp-block-heading{ margin-top:1.5em }
body.single-post .post.category-blog .post-content div h2.wp-block-heading{ margin-top:0 }
@media all and (max-width:768px){
.side-info_auto_promo,
.wp-block-group.side-info{
width: 100%;
}
}
.side-info_auto_promo{
padding-top: 30px;
padding-bottom: 25px;
}
@media all and (min-width:768px){
.side-info_auto_promo,
.wp-block-group.side-info{
margin-bottom: 15px;
float: left;
width: 350px;
transform: translateX(-75px);
margin-right: -50px;
}
}
.side-info_auto_promo h2.auto-promo__title{
font-size: 1.5em;
margin-top: 0!important;
}
.side-info_auto_promo a.btn,
.wp-block-group.side-info a.btn{
background-color: #2373c3;
color: #fff;
padding: 10px 0;
display: inline-block;
width: 100%;
text-align: center;
text-decoration: none;
border: 0;
}
.side-info_auto_promo p,
.wp-block-group.side-info p{
font-size: 1.25em;
line-height: 1.5em;
}
.projet-item.item .in:first-child{
background: #eff3f4;
margin: 10px;
border-radius: 10px;
}
body.seo-ville .spotlight{
padding: 10px 20px 20px 25px;
margin-bottom: 25px;
background: #009ee0;
color: #fff;
border-radius: 5px;
}
body.seo-ville .post-content .wp-block-group,
body.seo-ville .post-content .wp-block-group img,
body.seo-ville .post-image img{
border-radius: 10px;
}
body.seo-ville .post-content .content-w{
max-width: 750px;
margin: 0 auto;
}
body.seo-ville .post-content .wp-block-group.is-layout-flex{
padding: 25px;
}
body.seo-ville .post-content p.color strong{
color: #009ee0;
}
body.seo-ville .post-content ul{
margin-bottom: 10px;
}
body.seo-ville .post-content ol li,
body.seo-ville .post-content ul li{
font-size: 1.15em;
line-height: 1.5em;
margin-bottom: 25px;
}
body.seo-ville .post-content h2{
margin-top: 20px;
margin-bottom: 25px;
}
body.seo-ville .post-content h3{
margin-top: 25px;
}
body.creation-de-logos .post-content h2{
background: -webkit-linear-gradient(50deg, #009ee0, #e2007a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
}
.creation-de-logos a.bt.open-modal{
background: linear-gradient(50deg, #009ee0, #e2007a);
color: #fff;
border-color: transparent;
}
@media all and (min-width:768px){
body.creation-de-logos .max-c{
max-width: 600px;
}
body.creation-de-logos .logos_list{
display: flex;
flex-direction: row;
}
body.creation-de-logos .logos_list div{
width: 50%;
padding-right: 20px;
}
}
.gallery-item{
background-color: #fff;
}
.faq__item{
border-top:1px rgba(0, 0, 0, 0.1) solid;
padding-top: 2em;
margin-bottom: 2em;
}
.faqQuestion__title{
font-size: 1.4em;
font-weight: bold;
margin-bottom: 0.5em;
display: inherit;
color: #2d69a5;
}
.faqReponse__title{
font-size: 1em;
line-height: 1.5em;
color: rgba(0, 0, 0, 0.5);
margin-bottom: 0.25em;
}
.faqReponse__text{
font-size: 1em;
font-weight: normal;
}
.faqReponse__text p{
margin-top: 0;
margin-bottom: 1em;
}
.faqReponse__text p, .faqReponse__text li{
margin-top: 0;
margin-bottom: 1em;
font-size: 1em;
line-height: 1.25em;
}
code.prettyprinted{
background: #ddd;
}
.wp-block-code code.prettyprinted{
background: transparent;
} .post-302759 .post-content{ max-width:1100px }
.post-302759 .is-layout-grid {
gap: 3em;
}
.post-302759 h4{
font-size: 1.5em;
}
.post-302759 .post-content h2,
.post-302759 .post-content h3,
.post-302759 .post-content h4
{ 
color: #0660FF;
}
.post-302759 .bloc_contact{
background: #fff;
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/img/bg-hexagonne.png);
background-repeat: no-repeat;
background-position: -5vw;
background-size: 60%;
border-radius: 20px;
padding: 5em;
box-shadow: 15px 5px 20px rgb(225 228 231 / 50%);
}
.post-302759 .wp-block-image img{
border-radius: 20px;
}
.post-302759 .entry-content{
padding-top: 25px;
padding-bottom: 25px;
background-color:rgb(225 228 231 / 50%);
background: linear-gradient(to right, rgb(225 228 231 / 50%), #fcfcfd);
}
.bg_white-line{
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/img/background-line-white.png);
background-repeat: no-repeat;
}
.bg_white-line-vertical{
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/img/background-line-vertical-white.png);
background-repeat: no-repeat;
background-size: contain;
}
.bg_white-swirl{
background-image: url(//www.mistersize.com/wp-content/themes/dsgnr0.1/img/background-swirl-white.png);
background-repeat: no-repeat;
background-size: 100%;
}
.deco_line-left{
border-left: 3px #0660FF solid;
padding-left: 2em;
}
@media all and (max-width:1000px){
.mobile-full.wp-block-group-is-layout-flex{
display: block;
}
}
body.content-w-max-800 .content-w{
max-width: 800px;
}
.bloc_highlighted{
border-left: 10px #eff3f4 solid;
background: #fff;
padding: 30px;
}
div p:first-child{
margin-top: 0;
}
.faq-list__item{
background: #eff3f4;
border-radius: 5px;
padding: 15px 15px;
width: 28%;
margin-right: 1%;
margin-bottom: 1%;
display: inline-block;
color: rgba(0, 25, 50, 1);
font-size: 15px;
font-weight: bold;
}
body.single-post .post-content .wp-block-list{    
font-size: 1.1em;
line-height: 1.45em;
margin-bottom: 1.5em;
}
body.single-post .post-content .wp-block-list li:not(.has-small-font-size){
margin-bottom: 1.5em;
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}