@charset "UTF-8";
.wp-block-uagb-table-of-contents .uagb-toc__wrap{display:inline-block;max-width:-moz-available;max-width:-webkit-fill-available;max-width:fill-available}.wp-block-uagb-table-of-contents li.uagb-toc__list{padding-top:10px}.wp-block-uagb-table-of-contents ul.uagb-toc__list,.wp-block-uagb-table-of-contents ol.uagb-toc__list{list-style-position:inside;padding-left:0;margin-bottom:0;margin-left:2.2em}.wp-block-uagb-table-of-contents ul.uagb-toc__list li,.wp-block-uagb-table-of-contents ol.uagb-toc__list li{margin:0}.wp-block-uagb-table-of-contents ul li:empty{display:none}.wp-block-uagb-table-of-contents .uagb-toc__title-wrap{display:flex;align-items:center}.wp-block-uagb-table-of-contents .uagb-toc__title{display:flex;align-items:center}.wp-block-uagb-table-of-contents .uagb-toc__is-collapsible.uagb-toc__title-wrap{cursor:pointer}.wp-block-uagb-table-of-contents .uag-toc__collapsible-wrap svg{width:20px;height:20px}.wp-block-uagb-table-of-contents svg{width:20px;height:20px;display:inline-block;margin-left:10px;cursor:pointer}.wp-block-uagb-table-of-contents .uag-toc__collapsible-wrap{display:flex;margin-left:10px;cursor:pointer}.wp-block-uagb-table-of-contents.uagb-toc__collapse .uagb-toc__list-wrap{display:none}.wp-block-uagb-table-of-contents.uagb-toc__collapse--list ul.uagb-toc__list,.wp-block-uagb-table-of-contents.uagb-toc__collapse--list ol.uagb-toc__list{padding-left:2px}ol.uagb-toc__list li.uagb-toc__list ul,ol.uagb-toc__list ul.uagb-toc__list ul{list-style-type:circle}ol.uagb-toc__list>ul,ol.uagb-toc__list>li{list-style-type:disc}.uagb-toc__scroll-top{position:fixed;right:50px;bottom:50px;display:none;padding:10px;background:#ccd0d4;cursor:pointer;font-size:1rem;line-height:1.85714285714286}.uagb-toc__scroll-top svg{width:1.6em;height:0.6em;margin-left:0;transform:translate(0, -20%) rotate(180deg);fill:currentColor}.uagb-toc__scroll-top.uagb-toc__show-scroll{display:inline-table}body[class*="astra"] .uagb-toc__list{line-height:normal}.uagb-toc__list{margin-top:0}.wp-block-uagb-table-of-contents ol.uagb-toc__list li.uagb-toc__list.uagb-toc__list--expandable{list-style-type:none !important}ul.uagb-toc__list--child-of-closed-list{padding-top:0 !important}ul.uagb-toc__list--hidden-child{display:none !important}.list-open::before,.list-collapsed::before{content:"\25BC" / "";transition:transform 0.3s ease;transform:scale(0.7) translateX(-50%);display:inline-block}.list-collapsed::before{transform:scale(0.7) rotate(-90deg) translate(-84%, 6%)}span.list-open,span.list-collapsed{cursor:pointer;outline:none !important}.uagb-toc__list.transition{transition:max-height 300ms ease-in-out, padding-top 300ms ease-in-out}.uagb-toc__loader{border:2px solid #f3f3f3;border-top:2px solid #0073aa;border-radius:50%;width:20px;height:20px;animation:spin 1.1s linear infinite;display:block;position:absolute;margin-top:5px}.uagb-toc__list-hidden{opacity:0}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}[dir="rtl"] .list-open::before{transform:scale(0.7) translateX(50%)}[dir="rtl"] .list-collapsed::before{transform:scale(0.7) rotate(90deg) translate(84%, 6%)}[dir="rtl"] .wp-block-uagb-table-of-contents.uagb-toc__collapse--list ul.uagb-toc__list,[dir="rtl"] .wp-block-uagb-table-of-contents.uagb-toc__collapse--list ol.uagb-toc__list{padding-left:0;padding-right:2px;margin-left:0;margin-right:2.2em}
.uagb-block-20d84588.wp-block-uagb-table-of-contents{text-align: left;}.uagb-block-20d84588 .uagb-toc__list-wrap li a{color: #54595F;}.uagb-block-20d84588 .uagb-toc__wrap .uagb-toc__title-wrap{justify-content: left;}.uagb-block-20d84588 .uagb-toc__wrap .uagb-toc__title{justify-content: left;}.uagb-block-20d84588 .uagb-toc__wrap{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;border-color: #333;border-style: solid;padding-left: 30px;padding-right: 30px;padding-top: 30px;padding-bottom: 30px;background: #fff;width: 100%;}.uagb-block-20d84588 .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-20d84588 .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-20d84588 .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}.uagb-block-20d84588 .uagb-toc__list .uagb-toc__list{list-style-type: disc !important;}.uagb-block-20d84588 .uagb-toc__title{font-weight: Default;font-size: 20px;}.uagb-block-20d84588 .uagb-toc__list-wrap ol li a{text-decoration: underline;}@media only screen and (max-width: 976px) {.uagb-block-20d84588 .uagb-toc__wrap{border-style: solid;}.uagb-block-20d84588 .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-20d84588 .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-20d84588 .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}}@media only screen and (max-width: 767px) {.uagb-block-20d84588 .uagb-toc__wrap{border-style: solid;}.uagb-block-20d84588 .uagb-toc__list-wrap{column-count: 1;overflow: hidden;text-align: left;}.uagb-block-20d84588 .uagb-toc__list-wrap > ul.uagb-toc__list > li:first-child{padding-top: 0;}.uagb-block-20d84588 .uagb-toc__list-wrap ul.uagb-toc__list:last-child > li:last-child{padding-bottom: 0;}}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}a {
color: #12d11f;
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
a:hover {
color: #14971c;
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
a:focus {
outline: 0;
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
dl {
margin: 0 20px;
}
.padding-top-10px { padding-top: 10px; }
.padding-top-20px { padding-top: 20px; }
.padding-top-30px { padding-top: 30px; }
.padding-top-40px { padding-top: 40px; }
.padding-top-50px { padding-top: 50px; }
.padding-top-60px { padding-top: 60px; }
.padding-top-70px { padding-top: 70px; }
.padding-top-80px { padding-top: 80px; }
.padding-top-90px { padding-top: 90px; }
.padding-top-100px { padding-top: 100px; }
.padding-bottom-10px { padding-bottom: 10px; }
.padding-bottom-20px { padding-bottom: 20px; }
.padding-bottom-30px { padding-bottom: 30px; }
.padding-bottom-40px { padding-bottom: 40px; }
.padding-bottom-50px { padding-bottom: 50px; }
.padding-bottom-60px { padding-bottom: 60px; }
.padding-bottom-70px { padding-bottom: 70px; }
.padding-bottom-80px { padding-bottom: 80px; }
.padding-bottom-90px { padding-bottom: 90px; }
.padding-bottom-100px { padding-bottom: 100px; }
.margin-top-20px { margin-top: 20px; }
.margin-top-30px { margin-top: 30px; }
.margin-top-40px { margin-top: 40px; }
.margin-top-60px { margin-top: 60px; }
.margin-top-80px { margin-top: 80px; }
.margin-top-100px { margin-top: 100px; }
.margin-bottom-20px { margin-bottom: 20px; }
.margin-bottom-30px { margin-bottom: 30px; }
.margin-bottom-30px { margin-bottom: 30px; }
.margin-bottom-40px { margin-bottom: 40px; }
.margin-bottom-60px { margin-bottom: 60px; }
.margin-bottom-80px { margin-bottom: 80px; }
.margin-bottom-100px { margin-bottom: 100px; }
.white { color: #fff !important; }
.dark { color: #333 !important; }
.rt-animation { opacity: 0; }
.rt-animation.animated { opacity: 1; }
textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {
color: #c0c0c0;
opacity: 1;
}
input:-ms-input-placeholder {
color: #c0c0c0;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
color: #c0c0c0;
} body,
button,
input,
select,
textarea {
font: 12px/20px "Open Sans", sans-serif;
background-color: #f4f4f4;
color: #011d27;
font-weight: 400;
}
b, strong {
font-weight: bold;
}
p {
margin-bottom: 20px;
}
p:last-child {
margin-bottom: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
table {
width: 100%;
margin: 0 0 20px;
}
th,td {
padding: 7px;
text-align: center;
border-collapse: collapse; 
border: 1px solid;
border-color: #d6d6d6;
}
blockquote {
border-left: 3px solid #12d11f;
background-color: #011d27;
color: #fefefe;
font-size: 18px;
line-height: 24px;
padding: 67px 68px;
font-weight: 300;
}
blockquote > p:last-child {
margin-bottom: 0;
}
blockquote cite,
blockquote small {
font-size: 14px;
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 600;
}
blockquote > p:last-child {
margin-bottom: 0;
}
abbr[title] {
border-bottom: 1px dotted #c0c0c0;
cursor: help;
}
mark,
ins {
background-color: #12d11f;
color: #fff;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -6px;
}
sub {
bottom: -3px;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
address {
font-style: italic;
margin: 0 0 20px;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
background: #f9f9f9;
border: 1px solid #eee;
border-radius: 0;
font-family: Consolas, monospace;
height: auto;
margin: 0 0 20px;
overflow-x: auto;
padding: 20px;
}
h1 { font: 52px/62px "Oswald", sans-serif;}
h2 { font: 42px/50px "Oswald", sans-serif;}
h3 { font: 32px/38px "Oswald", sans-serif;}
h4 { font: 26px/31px "Oswald", sans-serif;}
h5 { font: 22px/27px "Oswald", sans-serif;}
h6 { font: 18px/22px "Oswald", sans-serif;}
h1, h2, h3, h4, h5, h6 { color: #011d27; font-weight: 300; margin: 10px 0 20px 0; }
h1.w6, h2.w6, h3.w6, h4.w6, h5.w6, h6.w6 { font-weight: 700; }
h1.w4, h2.w4, h3.w4, h4.w4, h5.w4, h6.w4 { font-weight: 400; } .alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 8px 30px 25px 0 !important;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 8px 0 25px 30px !important;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 10px;
} .sticky {
display: block;
}
.page-header {
margin: 0;
border: 0;
}
.page-header .nothing {
padding: 0;
background-color: transparent;
font-size: 40px;
line-height: 40px;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.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: 600;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .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 {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
margin: auto 0;
}
.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;
} hr {
background-color: #eee;
border: 0;
height: 1px;
margin-bottom: 20px;
}
ul,
ol {
padding: 0;
margin: 0 0 30px 25px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dd, dt {
line-height: 30px;
}
::-moz-selection { 
color: #fff; 
text-shadow: none; 
background: #333;
}
::-webkit-selection { 
color: #fff; 
text-shadow: none; 
background: #333; 
}
::selection { 
color: #fff; 
text-shadow: none; 
background: #333; 
} button,
input {
line-height: normal;
}
input,
textarea {
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); }
input[type="checkbox"] {
display: inline;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
line-height: 1;
cursor: pointer; -webkit-appearance: button; border: 0;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: #fff;
border: 1px solid #e4e4e4;
color: #333;
line-height: 20px;
padding: 9px 20px;
-webkit-transition: border 0.3s ease 0s;
-moz-transition: border 0.3s ease 0s;
-ms-transition: border 0.3s ease 0s;
-o-transition: border 0.3s ease 0s;
transition: border 0.3s ease 0s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
outline: 0;
border: 1px solid #011d27;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-family: "Oswald";
font-weight: 300;
font-size: 18px;
border: none;
color: #f4f4f4;
padding: 11px 25px;
background-color: #12d11f;
vertical-align: top;
outline: 0;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
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 {
background-color: #0f1521;
} .btn {
background-image: none;
}
textarea, 
input[type="text"],
input[type="submit"],
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input,
.dropdown-menu,
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
-webkit-appearance: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.post-password-form label {
color: #707070;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.color {
color: #12d11f;
} body.boxed .site {
max-width: 1230px;
margin: 50px auto;
} .top {
min-height: 2px;
background-color: #12d11f;
}
.top .contact-info {
margin: 10px 0;
padding: 0;
}
.top .contact-info li {
display: inline-block;
position: relative;
margin-right: 27px;
}
.top .contact-info li a {
color: #fff;
padding-left: 12px;
}
.top .contact-info li a:hover {
color: #0f1521;
}
.top .contact-info li i {
font-style: normal;
font-size: 15px;
width: 15px;
height: 15px;
position: relative;
}
.top .contact-info li i:before {
left: 0;
top: 3px;
position: absolute;
} .site-header {
background-color: #011d27;
z-index: 99;
position: relative;
}
body.boxed .site-header,
body.boxed .page-wrap {
max-width: 1230px;
}
body.boxed .site-header {
width: 100%;
}
body.boxed .panel-grid {
max-width: 1230px;
margin: 0 -15px !important;
}
body.boxed .panel-row-style {
margin: 0 !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.site-header.light,
.header.light #mainnav ul li ul li a {
background-color: #fff;
}
.site-header.light #mainnav > ul > li > a,
.site-header.light #mainnav ul li ul li a,
.site-header.light .no-nav {
color: #011d27;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.site-header.light #mainnav ul li ul li a:hover {
background-color: #011d27;
color: #fff;
}
.site-header.fixed {
position: fixed;
width: 100%;
z-index: 9999;
top: -100px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
} .mainnav .menu-fallback {
margin: 42px 0 43px 0;
display: inline-block;
}
#mainnav {
float: right;
}
#mainnav ul {
list-style: none; 
margin: 0;
float: left;
}
#mainnav > ul > li {
float: left;
}
#mainnav > ul > li > a {
display: block; 
line-height: 50px; 
background: transparent; 
color: #fff;
letter-spacing: 0.3px;
padding: 27px 14px 23px 15px;
}
#mainnav ul li a {
font-family: "Oswald";
font-weight: 300;
font-size: 20px;
}
#mainnav ul li ul li a { 
display: block; 
line-height: 36px;
background-color: #011d27;
color: #fff;
padding: 7px 25px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mainnav ul li {
position: relative;
}
#mainnav ul li ul {
width: 200px;
position: absolute; 
top: 100%; 
left: 0; 
opacity: 0; 
visibility: hidden;
padding: 5px 0 0;
background-color: #12d11f;
}
#mainnav ul li ul li ul {
left: 100%; 
top: 0px;
}
#mainnav .sub-menu li a:hover {
background-color: transparent;
}
.menu > li:hover:before {
content: ""; 
position: absolute; 
left:50%;
top:-3px;
border-width: 9px 10px;
border-color: #12d11f transparent transparent transparent;
border-style: solid;
margin-left: -9px;
}
body.boxed .menu > li:hover:before {
top: 0;
}
.menu2 > li:before {
content: ""; 
position: absolute; 
left: 15px;
bottom: -5px;
height: 5px;
width: 0;
background-color: #12d11f;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu2 > li:hover:before {
opacity: 1;
width: 100%;
}
#mainnav li:hover > ul {
opacity: 1;
visibility: visible;
z-index: 999;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
#mainnav .sub-menu {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: translate(0px, 10px);
-moz-transform: translate(0px, 10px);
-ms-transform: translate(0px, 10px);
-o-transform: translate(0px, 10px);
transform: translate(0px, 10px);
}
#mainnav ul li ul.right-sub {
right: 0;
left: auto;
}
#mainnav ul li ul ul.right-sub {
right: 100%;
} .btn-menu {
font-size: 28px;
font-family: "FontAwesome";
color: #12d11f;
float: right;
text-align:center;
width: 24px;
height: 24px;
margin-top: 41px;
cursor: pointer;
display: none;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.btn-menu:before{
content: "\f0c9";
}
#mainnav-mobi {
display: block;
margin: 0 auto;
width: 100%;
position: absolute;
background-color: #07232E;
z-index: 1000;
}
#mainnav-mobi ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#mainnav-mobi ul li {
margin:0;
position: relative;
text-align: left;
border-top: 1px solid rgba(18, 209, 31, 0.6);
cursor: pointer
}
#mainnav-mobi ul li:before {
border: 0;
}
#mainnav-mobi ul > li > a {
text-decoration: none;
height: 50px;
line-height: 50px;
padding: 0 30px;
color: #fff;
}
#mainnav-mobi ul.sub-menu {
top: 100%;
left: 0;
z-index: 2000;
position: relative;
background-color: #00051C;
}
#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
position: relative;
border-top: 1px solid rgba(18, 209, 31, 0.3);
}
#mainnav-mobi > ul > li > ul > li > ul > li a {
padding-left: 70px !important
}
#mainnav-mobi ul.sub-menu > li > a {
display: block;
text-decoration: none;
padding: 0 60px;
border-top-color: rgba(255,255,255,.1);
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#mainnav-mobi > ul > li > ul > li:first-child a {
border-top: none;
}
#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
color: #fff;
}
.btn-submenu:before {
content: "\f107";
color: #fff;
font-family: "FontAwesome";
font-size: 20px;
position: absolute;
right: 20px;
top: 25px;
padding: 10px 20px;
margin-top: -20px;
}
.btn-submenu.active:before {
content: "\f106"
} .page-title {
text-align: center;
padding: 53px 0 52px 0;
}
.page-title .title {
font-size: 24px;
color: #fff;
line-height: 28px;
font-weight: 300;
margin: -1px 0 0;
text-transform: uppercase;
}
.page-title ul {
margin: 0;
padding: 0;
}
.page-title ul li {
text-decoration: none;
display: inline-block;
margin-right: 3px;
} .page-title .breadcrumbs {
margin-top: 8px;
}
.page-title .breadcrumbs li {
position: relative;
padding-left: 10px;
}
.page-title .breadcrumbs li:before {
content: "/";
color: #12d11f;
top: 0;
left: 2px;
position: absolute;
}
.page-title .breadcrumbs li:first-child {
padding: 0;
}
.page-title .breadcrumbs li:first-child:before {
content: "";
}
.page-title .breadcrumbs,
.page-title .breadcrumbs a {
color: #12d11f;
}
.page-title .breadcrumbs a:hover {
color: #fff;
} .page-template.page-template-page_fullwidth .content-wrapper .content-area {
width: 100%;
}
.home.page .page-wrap {
padding-bottom: 0;
}
.page .page-wrap,
.blog .page-wrap,
.single-post .page-wrap {
padding-bottom: 130px;
}
.page-wrap {
padding-top: 58px;
background-color: #f4f4f4;
} .no-sidebar {
margin-bottom: 30px;
}
.home .content-wrapper .content-area {
width: 100%;
}
.content-wrapper .content-area,
.home.blog .content-wrapper .content-area {
width: 74.35%;
margin-right: 2.56%;
float: left;
} .content-wrapper .widget-area {
width: 23.076%;
float: right;
} .hentry {
margin-bottom: 60px;
}
.hentry .title-post {
font-size: 24px;
line-height: 29px;
font-weight: 300;
-ms-word-wrap: break-word;
word-wrap: break-word;
margin: 8px 0;
}
.hentry .title-post a {
color: #011d27;
}
.hentry .title-post a:hover {
color: #12d11f;
}
.hentry .entry-header .meta-post {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 24px;
}
.hentry .entry-header ul li {
display: inline-block;
margin-right: 20px;
}
.hentry .meta-post .post-comments a {
position: relative;
display: inline;
color: #011d27;
padding-right: 18px;
}
.hentry .meta-post .post-comments a:before,
.hentry .meta-post .post-comments a:after {
position: absolute;
content: ""; 
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.hentry .meta-post .post-comments a:before {
width: 13px;
height: 9px;
top: 2px;
right: 0;
background-color: #b9b9b9;
border-radius: 1px;
}
.hentry .meta-post .post-comments a:after {
right: 7px;
bottom: 3px;
border-width: 0 0 3px 3px;
border-color: transparent #b9b9b9;
border-style: solid;
}
.hentry .meta-post .post-comments a:hover {
color: #12d11f;
}
.hentry .meta-post .post-comments a:hover:before {
background-color: #12d11f;
}
.hentry .meta-post .post-comments a:hover:after {
border-color: transparent #12d11f;
}
.hentry .meta-post .post-categories {
color: #12d11f;
}
.hentry .meta-post .post-categories span {
color: #011d27;
}
.hentry .meta-post .post-author {
display: none;
}
.hentry .entry-post + .entry-footer {
margin-top: 24px;
}
.hentry .entry-thumb {
position: relative;
text-align: center;
}
.hentry .entry-thumb a {
display: inline-block;
position: relative;
}
.hentry .entry-thumb img {
border: 3px solid;
border-color: #e4e4e4;
}
.hentry .entry-thumb img + .overlay {
background-image: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/overlay.png);
background-position: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 5px solid;
border-color: #12d11f;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.hentry .entry-thumb img + .overlay:before {
content: "";
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
width: 50px;
height: 50px;
background-image: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/link.svg);
background-size: 50px 50px;
position: absolute;
}
.hentry .entry-thumb:hover img + .overlay {
opacity: 1;
}
.hentry.format-video .entry-content iframe,
.hentry.format-video .entry-post iframe {
width: 100%;
}
.hentry .entry-post .read-more {
font-family: "Oswald";
color: #fff;
font-size: 18px;
font-weight: 300;
padding: 13px 22px;
background-color: #0f1521;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.hentry .entry-post .read-more:hover {
background-color: #12d11f;
}
.hentry .twitter-tweet {
width: 100% !important;
}
.hentry .twitter-tweet .EmbeddedTweet {
max-width: 100% !important;
}
.hentry .entry-content {
margin-top: 20px;
}
.hentry .entry-content,
.hentry .entry-footer .edit-link {
margin-bottom: 20px;
}
.hentry .entry-footer {
float: left;
width: 100%;
}
.hentry .entry-footer .edit-link {
display: inline-block;
}
.page-links > span, 
.page-links a {
display: inline-block;
background-color: #0f1521;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 13px;
margin-right: 6px;
}
.page-links > span,
.page-links a:hover {
background-color: #12d11f;
} .posts-navigation .nav-links {
width: 100%;
margin: 0;
font-size: 18px;
font-family: "Oswald";
font-weight: 300;
text-align: center;
position: relative;
min-height: 46px;
}
.posts-navigation .nav-links .nav-previous {
position: absolute;
display: inline-block;
position: absolute;
color: #fff;
left: 0;
top: 0;
}
.posts-navigation .nav-links .nav-next {
position: absolute;
display: inline-block;
position: absolute;
color: #fff;
right: 0;
top: 0;
}
.posts-navigation .nav-links a {
background-color: #0f1521;
padding: 10px 15px 10px 35px;
color: #fff;
}
.posts-navigation .nav-links .nav-next a {
padding: 10px 35px 10px 15px;
}
.posts-navigation .nav-links a:hover {
background-color: #12d11f;
}
.posts-navigation .nav-links a:before {
content: "\f104";
position: absolute;
top: 50%;
left: 15px;
font-size: 20px;
margin-top: -10px;
font-family: "FontAwesome";
}
.posts-navigation .nav-links .nav-next a:before {
content: "\f105";
right: 15px;
left: auto;
}
.post-navigation {
float: left;
width: 100%;
margin-bottom: 40px;
}
.post-navigation .nav-links {
position: relative;
}
.post-navigation .nav-links .nav-previous {
position: absolute;
top: 0;
left: 0;
font-size: 15px;
width: 50%;
}
.post-navigation .nav-links .nav-next {
position: absolute;
top: 0;
right: 0;
font-size: 15px;
width: 50%;
text-align: right;
}
.pagination span, 
.pagination a {
display: inline-block;
background-color: #0f1521;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 13px;
margin-right: 6px;
}
.pagination span,
.pagination a:hover {
background-color: #12d11f;
} .author-post {
float: left;
position: relative;
width: 100%;
margin-bottom: 20px;
}
.author-post:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 70%;
height: 1px;
background-color: #e4e4e4;
}
.author-post .gravatar {
float: left;
width: 140px;
margin-top: 10px;
}
.author-post .gravatar img {
border: 3px solid;
border-color: #12d11f;
}
.author-post .info {
background-color: #011d27;
color: #fff;
padding: 0 0 20px 20px;
margin-bottom: 1px;
min-height: 140px;
margin-left: 142px;
}
.author-post .info h3 {
font-size: 18px;
line-height: 22px;
padding: 10px 0;
}
.author-post .info a {
font-weight: 300;
}
.author-post .categories-post,
.author-post .share-post {
float: right;
margin-bottom: 1px;
}
.author-post .share-post {
position: relative;
margin-right: 1px;
} .share-post {
background-color: #12d11f;
display: inline-block;
font-family: "Oswald";
font-weight: 300;
color: #fff;
}
.share-post span {
float: left;
line-height: 40px;
}
.share-post span.st_sharing {
padding-left: 21px;
padding-right: 21px;
}
.share-post span span {
font-size:0 !important;
background:none !important;
}
.share-post span span span {
padding-left: 35px !important;
height: 26px !important;
position: relative;
}
.share-post span span span:hover {
opacity: 1 !important;
}
.share-post span.st_facebook,
.share-post span.st_twitter,
.share-post span.st_pinterest,
.share-post span.st_email {
background-color: #11c21d;
background-image: none;
background-repeat: no-repeat;
display: block;
width: 40px;
height: 40px;
margin-right: 1px;
}
.share-post span span span:before {
content: "\f099";
font-family: "FontAwesome";
color: #fff;
font-size: 16px;
line-height: 40px;
position: absolute;
left: 50%;
margin-left: -8px;
top: 0;
}
.share-post span span span.facebook:before {
content: "\f09a";
}
.share-post span span span.pinterest:before {
content: "\f17d";
}
.share-post span:hover {
background-color: #14971c;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.share-post span:hover span span:before {
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
} .hentry .entry-footer .tags-links {
color: #12d11f;
margin-bottom: 10px;
}
.hentry .entry-footer .tags-links span {
color: #011d27;
} .bypostauthor {
display: block;
}
.comments-area {
float: left;
content: "";
width: 100%;
}
.comments-area .comment-title {
font-weight: 300;
font-size: 24px;
margin-bottom: 26px;
}
.comments-area article {
position: relative;
float: left;
width: 100%;
}
.comments-area article:after,
.comments-area article:before {
content: " ";
display: table-cell;
clear: both;
}
.comments-area .comment-list,
.comments-area .comment-list .children {
margin: 0;
padding: 0;
list-style: none;
}
.comments-area .comment-list {
float: left;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 24px;
width: 100%;
}
.comments-area .comment-list .children {
padding-left: 119px;
margin-top: 30px;
float: left;
width: 100%;
}
.comments-area .comment-list .avatar {
float: left;
}
.comments-area .comment-list .gravatar + .comment_content { 
margin-left: 120px;
}
.comments-area .comment-list .comment_content .comment_meta {
position: relative;
margin-bottom: 10px;
}
.comments-area .comment-list .comment_content .comment_meta:before {
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 1px;
background-color: #e4e4e4;
content: "";
}
.comments-area .comment-list .comment_content .comment_meta .comment_author {
margin-right: 3px;
}
.comments-area .comment-list .comment_content div[itemprop="text"] {
margin-top: -4px;
display: inline-block;
}
.comments-area .comment-list .comment_content div[itemprop="text"] p {
margin-bottom: 14px;
}
.comments-area .comment-list > li,
.comments-area .comment-list .children > li {
float: left;
margin-bottom: 33px;
width: 100%;
}
.comments-area .comment-list .children > li:last-child {
margin-bottom: 0;
}
.comments-area .comment-waiting {
margin-left: 115px;
color: rgba(255,0,0,0.7);
margin-bottom: 10px;
}
.comments-area .comment-list .gravatar + .comment-body + .comment-meta,
.comments-area .comment-list .gravatar + .comment-body + .comment-waiting + .comment-meta {
margin-left: 120px;
}
.comments-area .comment-list .comment-meta {
list-style: none;
margin: 0;
padding: 0;
color: #959595;
font-size: 10px;
font-family: "Open Sans";
font-weight: 300;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
.comments-area .comment-list .comment-meta li {
display: inline-block;
padding: 0 10px;
line-height: 26px;
position: relative;
padding-top: 1px;
padding-bottom: 2px;
}
.comments-area .comment-list .comment-meta li:first-child {
padding-left: 0;
}
.comments-area .comment-list .comment-meta li:before {
position: absolute;
content: "";
left: 0;
top: 50%;
width: 1px;
height: 10px;
margin-top: -5px;
background-color: #959595;
}
.comments-area .comment-list .comment-meta li:first-child:before {
width: 0;
}
.comments-area .comment-list .comment-meta li a {
color: #959595;
}
.comments-area .comment-list .comment-meta li a:hover {
color: #000;
}
.comments-area .comment-list .comment-reply-link {
position: absolute;
top: 0;
right: 0;
}
.comments-area .no-comments {
color: #E44E4E;
}
.comments-area .comment-respond {
float: left;
width: 100%;
}
.comments-area .comment-respond .comment-reply-title {
font-weight: 300;
margin-bottom: 26px;
font-size: 24px;
}
.comments-area .comment-respond label {
display: none;
}
.comments-area .comment-respond fieldset input,
.comments-area .comment-respond fieldset textarea {
height: 40px;
border-radius: 0;
border: 1px solid;
border-color: #e4e4e4;
padding-left: 10px;
outline: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.comments-area .comment-respond fieldset input:focus,
.comments-area .comment-respond fieldset textarea:focus {
border-color: #011d27;
}
.comments-area .comment-respond fieldset input {
width: 100%;
}
.comments-area .comment-respond fieldset {
margin-left: 3%;
display: inline-block;
width: 31%;
margin-bottom: 30px;
}
.comments-area .comment-respond fieldset.message {
width: 100%;
margin-left: 0;
margin-bottom: 6px;
}
.comments-area .comment-respond fieldset:first-child {
margin-left: 0;
}
.comments-area .comment-respond fieldset textarea {
height: auto;
width: 100%;
padding-top: 8px;
}
.comments-area .form-submit .submit {
float: right;
font-family: "Oswald";
font-weight: 300;
font-size: 18px;
border: none;
color: #f4f4f4;
padding: 10px 25px;
background-color: #12d11f;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.comments-area .form-submit .submit:hover {
background-color: #0f1521;
} .page-template-portfolio .content-area, 
.single-portfolio .content-area,
.tax-portfolio_category .content-area {
float: none !important;
margin: 0 !important;
width: 100% !important;
}
.work-filter {
background-color: #12d11f;
width: 100%;
position: relative;
z-index: 1;
margin: 0;
padding: 0;
margin-bottom: 58px !important;
}
.work-filter li {
display: inline-block;
text-decoration: none;
padding: 0;
margin-left: 1px;
border: 0;
}
.work-filter li:first-child {
margin-left: 0;
}
.work-filter li a {
display: inline-block;
font-family: "Oswald";
padding: 25px;
background-color: #11c21d;
color: #fff;
font-weight: 300;
font-size: 24px;
}
.work-filter .active a {
background-color: #14971c;
}
.works-container {
margin: 0 -15px;
}
.works-container .item {
width: 25%;
padding: 0 15px;
margin-bottom: 30px;
float: left;
}
.works-container .item-wrap {
position: relative;
overflow: hidden;
}
.works-container .item-wrap .hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
background: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/overlay.png);
background-position: center;
border: 5px solid #12d11f;
z-index: 1;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.works-container .item-wrap img {
border: 3px solid #cacaca;
}
.works-container .item-wrap .content {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
}
.works-container .item-wrap .content .link {
position: absolute;
bottom: 10%;
width: 100%;
-webkit-transition: bottom 0.3s ease-in-out;
-moz-transition: bottom 0.3s ease-in-out;
-ms-transition: bottom 0.3s ease-in-out;
-o-transition: bottom 0.3s ease-in-out;
transition: bottom 0.3s ease-in-out;
}
.works-container .item-wrap .content .link a {
background: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/link.svg);
background-size: 50px 50px;
width: 50px;
height: 50px;
display: inline-block;
}
.works-container .item-wrap .content .project {
font-weight: 300;
font-size: 24px;
color: #fff;
position: absolute;
bottom: 41%;
text-align: center;
width: 100%;
-webkit-transition: bottom 0.3s ease-in-out;
-moz-transition: bottom 0.3s ease-in-out;
-ms-transition: bottom 0.3s ease-in-out;
-o-transition: bottom 0.3s ease-in-out;
transition: bottom 0.3s ease-in-out;
}
.works-container .item-wrap .content .project a:hover{
color: #fff;
}
.works-container .item-wrap .hover + a img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.works-container .item-wrap:hover .hover + a img {
border-color: transparent;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.works-container .item-wrap:hover .hover {
opacity: 1;
}
.works-container .item-wrap:hover .content .link {
bottom: 17%;
}
.works-container .item-wrap:hover .content .project {
bottom: 34%;
}
.works-masonry .text-center {
bottom: 0;
left: 50%;
margin: 50px 0 0 -75px;
background-color: #0f1521;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
float: left;
position: relative;
}
.works-masonry .text-center:hover {
background-color: #12d11f;
}
.works-masonry .text-center a {
color: #fff;
padding: 25px;
font-family: "Oswald";
font-weight: 300;
font-size: 24px;
display: inline-block;
} .single-portfolio .page-wrap {
background-color: #fff;
}
.single-portfolio .portfolio-direc {
background-color: #12d11f;
float: left;
margin: 0 0 80px 0;
width: 100%;
}
.single-portfolio .portfolio-direc a {
background-color: #11c21d;
color: #fff;
display: inline-block;
padding: 0 25px;
font-family: "Oswald";
font-weight: 300;
font-size: 24px;
line-height: 74px;
}
.single-portfolio .portfolio-direc .next-posts {
float: right;
}
.single-portfolio .portfolio-direc .prev-posts {
float: left;
}
.single-portfolio .portfolio-info {
float: left;
width: 100%;
}
.single-portfolio .portfolio-img img {
border: 3px solid;
border-color: #e4e4e4;
}
.single-portfolio .portfolio-info .title {
font-size: 24px;
font-weight: 300;
margin: 0;
margin-top: -5px;
margin-bottom: 20px;
}
.single-portfolio .posts .some-posts li .post-overlay a:hover {
color: #fff;
}
.single-portfolio .portfolio-info p {
margin-bottom: 24px;
}
.single-portfolio .portfolio-info ul {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 15px;
}
.single-portfolio .portfolio-info ul li {
line-height: 20px;
}
.single-portfolio .portfolio-info ul li.portfolio-tags a {
font-weight: 700;
color: #011d27;
display: inline-block;
margin-right: 3px;
}
.single-portfolio .portfolio-info ul li.portfolio-tags a:hover {
color: #12d11f;
}
.single-portfolio .portfolio-info ul li span {
font-weight: 700;
color: #011d27;
}
.single-portfolio .posts {
float: left;
width: 100%;
text-align: center;
margin-top: 40px;
}
.single-portfolio .posts .title {
font-size: 24px;
font-weight: 300;
text-align: center;
margin-bottom: 58px;
}
.single-portfolio .posts .some-posts {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
margin-bottom: 50px;
}
.single-portfolio .posts .some-posts li {
float: left;
position: relative;
width: 270px;
overflow: hidden;
}
.single-portfolio .posts .some-posts li .post-overlay {
background-image: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/overlay.png);
background-position: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
border: 5px solid;
border-color: #12d11f;
z-index: 1;
-webkit-transition: opacity 0.1s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out;
-ms-transition: opacity 0.1s ease-in-out;
-o-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}
.single-portfolio .posts .some-posts li .post-overlay > a {
content: "";
bottom: 5%;
left: 50%;
margin-left: -25px;
width: 50px;
height: 50px;
background-image: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/link.svg);
background-size: 50px 50px;
position: absolute;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.single-portfolio .posts .some-posts li .post-overlay .title {
margin: 0;
font-weight: 300;
font-size: 24px;
color: #fff;
position: absolute;
bottom: 55%;
text-align: center;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.single-portfolio .posts .some-posts li:hover .post-overlay .title,
.single-portfolio .posts .some-posts li.active .post-overlay .title {
bottom: 47%;
}
.single-portfolio .posts .some-posts li:hover .post-overlay,
.single-portfolio .posts .some-posts li.active .post-overlay {
opacity: 1;
}
.single-portfolio .posts .some-posts li:hover .post-overlay > a,
.single-portfolio .posts .some-posts li.active .post-overlay > a {
opacity: 1;
bottom: 15%;
}
.single-portfolio .posts .some-posts li img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.single-portfolio .posts .some-posts li:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
} .contact {
padding-bottom: 120px;
}
.contact .title {
font-weight: 300;
margin-bottom: 26px;
}
#contact-form span {
margin-left: 3%;
display: inline-block;
height: 40px;
width: 31.33%;
margin-bottom: 30px;
}
#contact-form span input {
width: 100%;
}
#contact-form span.your-name {
margin-left: 0;
}
#contact-form span.your-message {
margin-left: 0;
width: 100%;
height: 100%;
border-radius: 0;
margin-bottom: 0;
}
#contact-form span.your-message textarea {
width: 100%;
height: 100%;
border: 1px solid #e4e4e4;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#contact-form p {
margin-bottom: 0;
}
#contact-form span.your-message textarea:focus {
color: #959595;
border-color: #0f1521;
}
#contact-form .textarea-wrap textarea:focus {
border-color: #0f1521;
}
#contact-form .wpcf7-submit {
float: right;
font-family: "Oswald";
font-weight: 300;
font-size: 18px;
border: none;
color: #f4f4f4;
padding: 10px 25px;
background-color: #12d11f;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
#contact-form .wpcf7-submit:hover {
background-color: #0f1521;
}
.wpcf7-form-control-wrap.your-name,
.wpcf7-form-control-wrap.your-email,
.wpcf7-form-control-wrap.tel-993 {
position: relative;
}
.wpcf7-form-control-wrap.your-name span,
.wpcf7-form-control-wrap.your-email span,
.wpcf7-form-control-wrap.tel-993 span {
position: absolute;
left: -8px;
bottom: -43px;
margin-bottom: 0 !important;
width: 100% !important;
} .widget {
margin-bottom: 58px;
}
.widget p {
margin-bottom: 20px;
}
.widget .widget-title {
font-size: 24px;
font-weight: 300;
padding-bottom: 20px;
position: relative;
line-height: 31px;
margin: 0 0 4px 0;
}
.widget .widget-title:after {
position: absolute;
content: "";
height: 1px;
width: 100%;
background-color: #e4e4e4;
bottom: 0;
left: 0;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.widget li {
border-bottom: 1px solid #e4e4e4;
padding: 15px 0;
}
.widget li a {
color: #011d27;
display: inline;
}
.widget li a:hover {
color: #12d11f;
} .widget_search {
position: relative;
margin-bottom: 22px;
}
.widget_search .screen-reader-text {
display: none;
}
.widget_search .searchform input[type="text"] {
width: 100%;
background-color: #011d27;
color: #fff;
height: 40px;
border: 0;
padding-left: 10px;
font-size: 18px;
font-weight: 300;
font-family: "Oswald";
outline: none;
}
.widget_search .searchform input[type="submit"] {
height: 40px;
width: 40px;
position: absolute;
top: 0;
right: 0;
border: 0;
outline: none;
margin: 0;
padding: 0;
cursor: pointer;
background-color: transparent;
z-index: 1;
}
.widget_search:after {
position: absolute;
bottom: 0;
right: 0;
content: "\f002";
font-family: "FontAwesome";
font-size: 25px;
color: #fff;
cursor: pointer;
padding: 10px 8px 10px 9px;
background-color: #11c21d;
}
.widget_search *::-webkit-input-placeholder {
color: #fff;
font-family: "Oswald";
font-size: 18px;
font-weight: 300;
}
.widget_search *:-moz-input-placeholder { color: #fff;
font-family: "Oswald";
font-size: 18px;
font-weight: 300;
} .widget_text .widget-title {
margin-bottom: 24px;
}
.widget_text {
position: relative;
padding-bottom: 4px;
} .widget_categories ul li a {
display: inline-block;
width: 90%;
} .widget_recent_post ul {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 32px;
}
.widget_recent_post ul li {
border: 0;
padding-bottom: 0;
}
.widget_recent_post ul li a {
display: inline-block;
width: 100%;
font-size: 12px;
line-height: 16px;
}
.widget_recent_post ul li span {
color: #11c21d;
font-size: 10px;
display: block;
margin-top: -5px;
} .widget_flicker {
overflow: hidden;
margin-top: 23px;
}
.widget_flicker .flickr_badge_image {
float: left;
margin: 0 12px 12px 0;
}
.widget_flicker ul {
margin: 0;
padding: 0;
position: relative;
}
.widget_flicker li {
float: left;
width: 100%;
border-bottom: 0;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.widget_flicker .hide_item {
margin-left: -500%;
}
.widget_flicker .flex-direction-nav {
display: none;
}
.widget_flicker .flickr_badge_image img {
border: 3px solid;
border-color: #e4e4e4;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget_flicker .flickr_badge_image:hover img {
border-color: #12d11f;
}
.widget_flicker button {
padding: 0;
position: relative;
display: inline-block;
width: 40px;
height: 40px;
background-color: #0f1521;
border: none;
outline: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget_flicker button:hover {
background-color: #12d11f;
}
.widget_flicker .flickr-prev {
margin-right: 1px;
}
.widget_flicker .flickr-prev:before {
position: absolute;
content: "\f104";
top: 10px;
left: 10px;
width: 20px;
font-style: normal;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
}
.widget_flicker .flickr-next:before {
position: absolute;
content: "\f105";
top: 10px;
left: 10px;
width: 20px;
font-style: normal;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
}
.widget_flicker .flickr-nav {
position: relative;
text-align: center;
}
.widget_flicker .flickr-nav:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background-color: #e4e4e4;
}  .footer-area {
background-color: #0f1521;
color: #bcd7e0;
padding: 40px 0;
}
.footer-area .widget .widget-title {
color: #fff;
line-height: 26px;
}
.footer-area .widget .widget-title:after {
height: 0;
}
.footer-area ul {
border: 0;
}
.footer-area ul li {
border-bottom: 0;
border-top: 1px solid #033243;
float: left;
width: 100%;
}
.footer-area ul li a {
color: #bcd7e0;
width: 100%;
}
.footer-area .widget_brand .brand-over {
border: 1px solid;
border-color: #033243;
padding: 45px 20px 19px 20px;
background-color: #0f1521;
}
.footer-area .widget_brand .brand-over .divider {
background-color: #033243;
}
.footer-area  ul li span {
color: #414c62;
}
.footer-area ul li:first-child,
.footer-area .widget_recent_post ul li {
border: 0;
} .footer-menu {
background-color: #151e32;
border-top: 1px solid #033243;
text-align: center;
padding: 38px 0 40px 0;
}
.footer-menu ul {
padding: 0;
margin: 0;
overflow: hidden;
}
.footer-menu ul li {
display: inline-block;
text-decoration: none;
padding-left: 12px;
padding-right: 9px;
position: relative;
}
.footer-menu ul li a {
display: inline-block;
font-size: 14px;
font-family: "Oswald";
font-weight: 300;
color: #fff;
}
.footer-menu ul li:hover:before {
border: 0;
}
.footer-menu ul li:after {
position: absolute;
content: "";
left: 0;
top: 3px;
width: 1px;
height: 70%;
background-color: #fff;
}
.footer-menu ul li:first-child:after {
width: 0;
}
.footer-menu ul li a:hover {
color: #12d11f;
}
.footer-menu .no-nav {
color: #fff;
}
.footer-menu .no-nav a:hover {
color: #329838;
} .footer-social span,
.footer-social ul,
.footer-social ul li a {
float: left;
margin: 0;
padding: 0;
}
.footer-social ul {
font-size: 0;
}
.footer-social ul li {
float: left;
margin-left: 1px;
list-style: none;
}
.footer-social ul li:first-child {
margin-left: 0;
}
.footer-social {
background-color: #12d11f;
}
.footer-social .socials {
float: right;
position: relative;
}
.footer-social .socials span {
color: #fff;
font-size: 24px;
padding-right: 45px;
line-height: 70px;
font-family: "Oswald";
font-weight: 300;
}
.footer-social .socials li a {
width: 70px;
line-height: 70px;
color: #fff;
font-size: 28px;
background-color: #11c21d;
text-align: center;
font-weight: 300;
font-family: "Oswald";
}
.footer-social .socials li a.active,
.footer-social .socials li a:hover {
background-color: #14971c;
} .bottom {
background-color: #12d11f;
text-align: center;
color: #fff;
font-size: 14px;
font-family: "Oswald";
font-weight: 300;
padding-top: 21px;
padding-bottom: 20px;
} .go-top {
position: fixed !important;
right: 20px;
bottom: -45px;
background-color: #161625;
color: #fff; 
display: block;
font-size: 22px;
line-height: 30px;
text-align: center;
width: 35px;
height: 35px;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
z-index: 9999;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.go-top:hover {
background-color: #12d11f;
color: #fff;
}
.go-top.show {
bottom: 15px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
}  .roll-title-box {
position: relative;
text-align: center;
}
.roll-title-box .title {
font-weight: 300;
font-size: 24px;
word-spacing: 1px;
margin: 0;
line-height: 40px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-title-box .sub-title {
font-weight: 400;
font-size: 36px;
word-spacing: -1.9px;
letter-spacing: 0px;
font-family: "Oswald", sans-serif;
line-height: 54px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .roll-title-box.left {
text-align: left;
} .roll-tag-list .widget-title {
margin-bottom: 24px;
}
.roll-tag-list .tags {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 15px;
}
.roll-tag-list .tags a {
font-family: "Oswald";
font-weight: 300;
font-size: 14px !important;
padding: 11px 10px;
margin-right: 2px;
margin-bottom: 10px;
text-shadow: none;
border-radius: 0;
color: #959595;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-tag-list .tags a:hover {
background-color: #0f1521;
color: #fff;
} .widget_mc4wp_widget #mc4wp_email {
outline: none;
border: 1px solid;
border-color: #e4e4e4;
border-radius: 0;
padding-left: 10px;
height: 40px;
width: 54.37%;
margin-right: 4.18%;
float: left;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget_mc4wp_widget #mc4wp_email:focus {
border-color: #0f1521;
}
.widget_mc4wp_widget input[type="submit"] {
border: 0;
background-color: #12d11f;
color: #f4f4f4;
padding: 10px 25px;
font-family: "Oswald";
font-weight: 300;
font-size: 18px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget_mc4wp_widget input[type="submit"]:hover {
background-color: #0f1521;
} .widget_brand .logo {
margin-bottom: 21px;
}
.widget_brand .divider {
margin-bottom: 34px;
width: 100%;
height: 1px;
background-color: #ccc;
} .widget-tweets {
overflow: hidden;
}
.widget-tweets ul li a {
color: #12d11f;
}
.widget-tweets ul li span {
color: #2BB335;
width: 100%;
display: inline-block;
font-size: 10px;
}
.widget-tweets ul li.hide {
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
} .roll-text .widget-title {
margin: 0;
}
.roll-text .widget-title:after {
height: 0;
} .roll-tabs ul {
overflow: hidden;
margin:0;
padding: 0;
}
.roll-tabs .menu-tab li {
position: relative;
bottom: -2px;
float: left;
margin-right: 2px;
list-style: none;
padding: 0;
}
.roll-tabs .menu-tab li a {
display: block;
background-color: #011d27;
color: #fff;
padding: 17px 30px 18px 30px;
font-family: "Oswald";
font-size: 18px;
font-weight: 400;
}
.roll-tabs .menu-tab li a:hover {
background-color: #12d11f;
text-decoration: none;
}
.roll-tabs .menu-tab li.active a {
background-color: #f4f4f4;
border: 1px solid #011d27;
padding: 16px 30px 17px 30px;
transition: none;
color: #011d27;
}
.roll-tabs .content-tab {
margin-top: 50px;
border: 1px solid #011d27;
padding: 23px 50px 5px 50px;
margin-top: -1px;
background-color: #f4f4f4;
} .roll-accordion {
margin: 0;
}
.roll-accordion .toggle-title {
position: relative;
line-height: 48px;
border: 1px solid #eeeeee;
padding-left: 66px;
font-size: 18px;
color: #191919;
cursor: pointer;
min-height: 50px;
background-color: #fff;
font-family: "Oswald";
}
.roll-accordion .toggle-title:before {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 48px;
content: "";
font-family: "FontAwesome";
font-size: 16px;
color: #b7b7b7;
background-color: #1dd329;
}
.roll-accordion .toggle-title.active:before {
height: 49px;
}
.roll-accordion .toggle-title:after,
.roll-accordion .toggle-title.active:after {
position: absolute;
left: 20px;
top: 0;
content: "\f107";
font-family: "FontAwesome";
font-size: 16px;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-accordion .toggle-title.active:after {
content: "\f106";
}
.roll-accordion .toggle-title.active {
border-bottom: none;
}
.roll-accordion .toggle-content {
display: none;
border: 1px solid #d6d6d6;
padding: 16px 20px 20px;
margin-left: 51px;
} .roll-experts {
text-align: left;
}
.roll-experts .widget-title:after {
height: 0;
}
.roll-experts p {
margin-bottom: 68px;
}
.roll-experts a {
font-size: 18px;
font-family: "Oswald";
padding: 14px 23px;
border: 1px solid #011d27;
display: inline-block;
color: #011d27;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-experts a:hover {
border-color: #1dd329;
color: #1dd329;
} .roll-single-members {
background-color: #011d27;
color: #bcd7e0;
margin-top: 10px;
float: left;
}
.roll-single-members .avarta {
position: relative;
width: 34.188%;
min-height: 400px;
padding: 20px;
overflow: hidden;
float: left;
}
.roll-single-members .infomation {
float: left;
width: 65.812%;
min-height: 400px;
padding-left: 33px;
padding-right: 41px;
}
.roll-single-members .infomation .full-name {
color: #bcd7e0;
font-size: 24px;
font-weight: 300;
padding: 0;
margin: 0;
margin-bottom: 7px;
margin-top: 36px;
}
.roll-single-members .infomation .regency {
color: #12d11f;
margin-bottom: 16px;
}
.roll-single-members .infomation .signature {
font-family: "Engagement";
font-size: 36px;
float: right;
margin-right: 7px;
margin-top: 11px;
margin-bottom: 41px;
} .roll-maps {
border: 5px solid;
border-color: #e4e4e4;
float: left;
width: 100%;
}
.roll-maps #map {
height: 300px;
} .roll-infomation .widget-title {
font-weight: 300;
margin-bottom: 26px;
font-size: 24px;
}
.roll-infomation .widget-title:after {
height: 0;
}
.roll-infomation p,
.roll-infomation a {
width: 100%;
display: inline-block;
position: relative;
padding-left: 40px;
}
.roll-infomation a {
color: #011d27;
}
.roll-infomation .icon {
font-family: "FontAwesome";
font-size: 20px;
color: #12d11f;
font-style: inherit;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 0;
margin-top: -10px;
}
.roll-infomation .icon:before {
top: 50%;
left: 0;
position: absolute;
width: 20px;
height: 20px;
margin-top: -10px;
}
.roll-infomation .address .icon {
font-style: italic;
} .ptp-pricing-table {
margin: 0 -15px !important;
}
body.boxed .ptp-pricing-table {
margin: 0 -5px !important;
}
.ptp-col {
padding: 0 1.25% !important;
width: 25% !important;
}
.ptp-col .ptp-item-container {
border: 1px solid #d6d6d6;
text-align: center;
padding: 40px 0 !important;
background-color: #f4f4f4;
}
div.ptp-not-most-popular,
.ptp-highlight,
.ptp-most-popular {
display: none;
}
div.ptp-item-container {
text-align: center;
border: 0 !important;
margin: 0 !important;
}
div.ptp-plan {
width: 100px !important;
height: 100px !important;
display: inline-block;
background-color: #1dd329 !important;
color: #fff !important;
padding: 30px 0 0 !important;
border-radius: 50% !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
div.ptp-plan .number {
font-size: 24px;
width: 100%;
display: inline-block;
line-height: 29px;
font-family: "Oswald";
font-weight: 400;
}
div.ptp-plan .month {
font-size: 12px;
font-weight: 400;
line-height: 20px;
color: #fff;
font-family: "Oswald";
}
div.ptp-price {
font-size: 24px !important;
padding: 0 !important;
margin: 27px 0 10px 0 !important;
width: 100%;
display: inline-block;
background-color: transparent !important;
font-family: "Oswald";
line-height: 30px;
}
div.ptp-price + div.ptp-bullet-item {
border-top:1px solid #d6d6d6 !important;
margin-top: 26px !important;
}
div.ptp-bullet-item {
background-color: transparent !important;
padding: 15px 0 14px 0 !important;
margin: 0 !important;
border-bottom: 1px solid #d6d6d6 !important;
}
div.ptp-bullet-item b {
font-size: 12px;
line-height: 20px;
}
div.ptp-cta {
margin: 40px 0 0 !important;
padding: 0 !important;
}
a.ptp-button {
font-family: "Oswald" !important;
font-weight: 300 !important;
font-size: 18px !important;
border: none !important;
color: #f4f4f4 !important;
padding: 10px 25px !important;
background-color: #12d11f !important;
line-height: 25px !important;
width: auto !important;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.ptp-highlight .ptp-plan,
.ptp-highlight .ptp-button,
.ptp-item-container:hover .ptp-plan,
.ptp-item-container:hover .ptp-button {
background-color: #011d27 !important;
} .roll-purchase-box {
display: table;
width: 100%;
}
.roll-purchase-box .purchase-left {
display: table-cell;
margin-top: -9px;
width: 85%;
}
.roll-purchase-box .purchase-left .title {
font-family: "Oswald";
font-weight: 300;
font-size: 24px;
line-height: 30px;
margin: 0 0 10px 0;
}
.roll-purchase-box .purchase-right {
width: 15%;
display: table-cell;
vertical-align: middle;
}
.roll-purchase-box .purchase-right a {
color: #1dd329;
font-family: "Oswald";
font-size: 18px;
padding: 15px 28px;
background-color: #011d27;
display: inline-block;
}
.roll-purchase-box .purchase-right a:hover {
color: #fff;
}
.roll-purchase-box.light .purchase-left .title {
color: #fff;
}
.roll-purchase-box.light .purchase-left .content {
color: #12d11f;
}
.roll-purchase-box.light .purchase-right a {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
.roll-purchase-box.light .purchase-right a:hover {
color: #fff;
background-color: #011d27;
border-color: #011d27;
} .roll-logo-client .items {
padding: 0 15px;
float: left;
width: 100%;
height: 125px;
border: 1px solid #e4e4e4;
text-align: center;
display: table;
}
.roll-logo-client .items a {
display: table-cell;
vertical-align: middle;
}
.roll-logo-client .owl-controls {
position: relative;
margin-top: 60px;
text-align: center;
}
.roll-logo-client .owl-controls .owl-prev,
.roll-logo-client .owl-controls .owl-next {
display: inline-block;
}
.roll-logo-client .owl-controls:before {
width: 100%;
content: "";
height: 1px;
background-color: #e4e4e4;
position: absolute;
top: 0;
left: 0;
margin-top: 25px;
}
.roll-logo-client .owl-controls .icons-angle-left,
.roll-logo-client .owl-controls .icons-angle-right {
width: 50px;
height: 50px;
background-color: #12d11f;
display: inline-block;
z-index: 99999;
position: relative;
margin-right: 4px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-logo-client .owl-controls .icons-angle-left:hover,
.roll-logo-client .owl-controls .icons-angle-right:hover {
background-color: #011d27;
}
.roll-logo-client .owl-controls .icons-angle-left:before {
position: absolute;
content: "\f104";
top: 15px;
left: 15px;
width: 20px;
font-style: normal;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
}
.roll-logo-client .owl-controls .icons-angle-right:before {
position: absolute;
content: "\f105";
top: 15px;
left: 15px;
width: 20px;
font-style: normal;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
}
.roll-logo-client.small {
background-color: #fff;
padding: 36px 100px;
position: relative;
}
.roll-logo-client.small .items {
border: 0;
height: auto;
}
.roll-logo-client.small .owl-controls {
position: absolute;
margin: 0;
top: 50%;
left: 0;
margin-top: -25px;
width: 100%;
padding: 0 25px;
}
.roll-logo-client.small .owl-controls .owl-nav {
position: relative;
}
.roll-logo-client.small .owl-controls .owl-prev {
position: absolute;
top: 0;
left: 0;
}
.roll-logo-client.small .owl-controls .owl-next {
position: absolute;
top: 0;
right: 0;
}
.roll-logo-client.small .owl-controls:before {
height: 0;
} .roll-progress-single {
position: relative;
margin-bottom: 9PX;
color: #fff;
height: 50px;
}
.roll-progress-single .name {
position: absolute;
left: 20px;
top: 16px;
font-family: "Oswald";
font-size: 18px;
font-weight: 400;
}
.roll-progress-single .progress-animate {
height: 10px;
width: 0;
background-color: #12d11f;
height: 100%;
padding-top: 16px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.roll-progress-single .progress-bar {
background-color: #011d27;
width: 100%;
height: 50px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.roll-progress-single .perc {
width: 0;
font-family: "Oswald";
font-size: 18px;
font-weight: 400;
text-align: right;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
padding-right: 10px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.roll-progress-single .perc.show {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
} .box-skill-wrap {
margin: 0 -15px;
display: table;
width: 100%;
}
.box-skill-wrap.items-4 .roll-box-skill {
width: 25%;
display: table-column;
height: 100%;
}
.box-skill-wrap.items-3 .roll-box-skill {
width: 33.33%;
height: 100%;
}
.box-skill-wrap.items-2 .roll-box-skill {
width: 50%;
height: 100%;
}
.box-skill-wrap.items-1 .roll-box-skill {
width: 100%;
height: 100%;
}
.roll-box-skill {
text-align: center;
float: left;
padding: 0 15px;
}
.roll-box-skill .skill {
position: relative;
height: 120px;
margin-bottom: 29px;
}
.roll-box-skill .skill .process {
text-align: center;
transform: rotate(90deg);
position: absolute;
display: inline-block;
top: 0;
left: 50%;
width: 120px;
height: 120px;
margin-left: -60px;
}
.roll-box-skill .skill .number {
text-align: center;
transform: rotate(-90deg);
position: absolute;
top: 50%;
right: 50%;
margin-top: -10px;
margin-right: -17px;
font-size: 24px;
font-family: "Oswald";
font-weight: 300;
}
.roll-box-skill .box-skill h4.title {
font-size: 24px;
font-family: "Oswald";
}
.roll-box-skill .title {
margin: 10px 0;
} .roll-members {
text-align: center;
margin-bottom: 30px;
}
.roll-members .member {
position: relative;
overflow: hidden;
float: left;
width: 100%;
}
.roll-members .member .avarta {
border: 3px solid #d6d6d6;
background-color: #fbfbfb;
}
.roll-members .member .social {
margin: 0;
padding: 0;
top: 3px;
left: 3px;
list-style: none;
position: absolute;
opacity: 0;
background-color: #12d11f;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;   
}
.roll-members .member .social li {
display: block;
margin: 0;
padding: 0;
border-bottom-color: transparent;
margin-top: 1px;
background-color: #11c21d;
margin-left: -10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-members .member .social li:hover {
background-color: #14971c;
}
.roll-members .member .social li:first-child {
margin-top: 0;
}
.roll-members .member .social li:nth-child(odd) {
margin-left: -10px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.roll-members .member:hover .social {
opacity: 1;
}
.roll-members .member:hover .social li {
margin-left: 0;
}
.roll-members .member .social li a {
padding: 10px 15.5px;
color: #fff;
font-size: 16px;
text-align: center;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-members .member .infomation {
background-color: #fbfbfb;
border: 1px solid #d6d6d6;
border-top: 0;
padding: 15px 0px;
}
.roll-members .member .infomation .full-name {
color: #bcd7e0;
font-size: 24px;
font-weight: 300;
padding: 0;
margin: 0;
margin-bottom: 7px;
letter-spacing: 0.25px;
}
.roll-members .member .infomation .regency {
color: #12d11f;
} .roll-newsflash-wrap {
float: left;
margin: 0 -15px;
text-align: center;
}
.roll-newsflash-wrap .items {
padding: 0 15px;
margin-bottom: 30px;
width: 20%;
float: left;
}
.roll-newsflash-wrap.col4 .items {
width: 25%;
overflow: hidden;
}
.roll-newsflash-wrap .link-img {
position: relative;
overflow: hidden;
}
.roll-newsflash-wrap .link-img .overlay {
position: absolute;
top: 0;
left: 0;
background: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/overlay.png);
background-position: center;
width: 100%;
height: 100%;
border: 5px solid #12d11f;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-newsflash-wrap .link-img .link {
content: "";
bottom: 10%;
left: 50%;
margin-left: -15px;
width: 30px;
height: 30px;
background: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/link.svg);
background-size: 30px 30px;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-newsflash-wrap.col4 .link-img .link {
width: 50px;
height: 50px;
background-size: 50px 50px;
margin-left: -25px;
}
.roll-newsflash-wrap .link-img .title {
font-weight: 300;
font-size: 24px;
position: absolute;
bottom: 50%;
line-height: 29px;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-newsflash-wrap .link-img .title a {
font-weight: 300;
font-size: 24px;
line-height: 29px;
color: #12d11f;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-newsflash-wrap .link-img img {
border: 3px solid #cacaca;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-newsflash-wrap .see-more {
float: left;
width: 100%;
}
.roll-newsflash-wrap .see-more a {
font-size: 18px;
display: inline-block;
font-family: "Oswald";
padding: 14px 23px;
border: 1px solid #011d27;
color: #011d27;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-newsflash-wrap .see-more a:hover {
color: #fff;
background-color: #011d27;
border-color: #011d27;
}
.roll-newsflash-wrap .link-img:hover img {
border-color: transparent;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.roll-newsflash-wrap .link-img:hover .overlay {
opacity: 1;
}
.roll-newsflash-wrap .link-img:hover .link {
bottom: 22%;
}
.roll-newsflash-wrap.col4 .link-img:hover .link {
bottom: 21.11%;
}
.roll-newsflash-wrap .link-img:hover .title {
bottom: 35%;
}
.roll-newsflash-wrap.col4 .link-img:hover .title {
bottom: 38%;
}
.roll-newsflash-wrap .link-img .title a:hover {
color: #fff;
} .roll-testimonial {
background-color: #011d27;
margin: 0 -15px;
}
body.boxed .roll-testimonial {
margin: 0;
}
.roll-testimonial.center {
text-align: center;
}
.roll-testimonial {
text-align: left;
}
.roll-testimonial.right {
text-align: right;
}
.testimonial-detail {
padding: 0 15px;
}
.testimonial-detail blockquote {
text-align: left;
margin: 0;
padding: 33px 30px 34px 30px;
border: 1px solid #033243;
border-left: 3px solid #12d11f;
background-color: #011d27;
position: relative;
color: #bcd7e0;
margin-bottom: 24px;
font: 12px/20px "Open Sans", sans-serif;
}
.roll-testimonial .testimonial-detail blockquote:before {
content: "";
position: absolute;
left: 55px;
bottom: -16px;
border-width: 8px;
border-color: #033243 transparent transparent #033243;
border-style: solid;
}
.roll-testimonial .testimonial-detail blockquote:after {
content: "";
position: absolute;
left: 56px;
bottom: -14px;
border-width: 7px;
border-color: #011d27 transparent transparent #011d27;
border-style: solid;
}
.roll-testimonial.center .testimonial-detail blockquote:before {
content: "";
position: absolute;
left: 50%;
bottom: -30px;
border-width: 15px;
border-color: #033243 transparent transparent transparent;
border-style: solid;
margin-left: -15px;
}
.roll-testimonial.center .testimonial-detail blockquote:after {
content: "";
position: absolute;
left: 50%;
bottom: -28px;
border-width: 14px;
border-color: #011d27 transparent transparent transparent;
border-style: solid;
margin-left: -14px;
}
.roll-testimonial.right .testimonial-detail blockquote:before {
content: "";
position: absolute;
left: auto;
right: 55px;
bottom: -16px;
border-width: 8px;
border-color: #033243 #033243 transparent transparent;
border-style: solid;
}
.roll-testimonial.right .testimonial-detail blockquote:after {
content: "";
position: absolute;
left: auto;
right: 56px;
bottom: -14px;
border-width: 7px;
border-color: #011d27 #011d27 transparent transparent;
border-style: solid;
}
.testimonial-detail .img-user {
display: inline-block;
width: 100px;
}
.testimonial-detail .img-user img {
border: 3px solid #12d11f;
border-radius: 50%;
-webkit-transition: border-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out;
-ms-transition: border-color 0.3s ease-in-out;
-o-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
}
.testimonial-detail:hover .img-user img {
border-color: #14971c;
}
.testimonial-detail .name {
width: 100%;
display: inline-block;
font-size: 14px;
margin-top: 7px;
color: #bcd7e0;
}
.roll-testimonial.no-nav .owl-controls {
display: none;
}
.roll-testimonial .owl-stage-outer + .owl-controls {
margin-top: 54px;
padding-bottom: 50px;
}
.roll-testimonial .owl-carousel.owl-loaded {
display: inline-block;
margin-bottom: 50px;
}
.roll-testimonial .owl-nav {
position: relative;
width: 100%;
}
.roll-testimonial .owl-nav:before {
content: "";
height: 1px;
width: 100%;
background-color: #033243;
top: 25px;
left: 0;
position: absolute;
}
.roll-testimonial .owl-prev {
position: absolute;
top: 0;
left: 50%;
width: 50px;
height: 50px;
margin-left: -50px;
background-color: #12d11f;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-testimonial .owl-next {
position: absolute;
top: 0;
right: 50%;
width: 50px;
height: 50px;
margin-right: -52px;
background-color: #12d11f;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-testimonial .icons-angle-left {
position: absolute;
top: 0;
left: 0;
width: 49px;
height: 49px;
}
.roll-testimonial .icons-angle-right {
position: absolute;
top: 0;
left: 0;
width: 49px;
height: 49px;
}
.roll-testimonial .icons-angle-left:before {
position: absolute;
content: "\f104";
top: 50%;
left: 50%;
margin-left: -3px;
margin-top: -10px;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
}
.roll-testimonial .icons-angle-right:before {
position: absolute;
content: "\f105";
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -3px;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
}
.roll-testimonial .owl-prev:hover,
.roll-testimonial .owl-next:hover {
background-color: #011d27;
border-color: #033243;
} .roll-icon-box-wrap {
margin: 0 -15px;
text-align: center;
float: left;
width: 100%;
}
body.boxed .roll-icon-box-wrap {
margin: 0;
}
.roll-icon-box-wrap.items-4 .roll-icon-box {
width: 25%;
padding: 0 15px;
}
.roll-icon-box-wrap.items-3 .roll-icon-box {
width: 33.33%;
padding: 0 15px;
}
.roll-icon-box-wrap.items-2 .roll-icon-box {
width: 50%;
padding: 0 15px;
}
.roll-icon-box-wrap.items-1 .roll-icon-box {
width: 100%;
padding: 0 15px;
}
.roll-icon-box {
float: left;
text-align: center;
position: relative;
}
.roll-icon-box .items-wrap {
border: 1px solid;
border-color: #d6d6d6; padding: 40px 20px;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.roll-icon-box.left {
border: 0;
padding: 0;
}
.roll-icon-box .icon {
border: 1px;
border-style: solid;
border-color: #12d11f;
width: 100px;
height: 100px;
display: inline-block;
margin-bottom: 24px;
background-color: #12d11f;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-icon-box.rectangle .icon {
border-radius: 0;
}
.roll-icon-box.left .icon {
background-color: #1dd329;
float: left;
text-align: center;
}
.roll-icon-box.left .items-wrap:hover .icon {
background-color: #011d27;
border-color: #011d27;
}
.roll-icon-box.not-fill .icon {
background-color: transparent;
border: 1px solid;
border-color: #1dd329;
}
.roll-icon-box .icon i {
font-size: 50px;
color: #fff;
top: 50%;
margin-top: -25px;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-icon-box.not-fill .icon i {
color: #1dd329;
}
.roll-icon-box.not-fill.left .icon i {
color: #1dd329;
}
.roll-icon-box.not-fill .items-wrap:hover {
background-color: #fff;
}
.roll-icon-box.not-fill .items-wrap:hover .icon {
background-color: #1dd329;
border-color: transparent;
}
.roll-icon-box.not-fill .items-wrap:hover .icon i {
color: #fff;
}
.roll-icon-box .title {
font-size: 24px;
line-height: 24px;
padding: 0;
margin: 0;
margin-bottom: 23px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-icon-box .title a {
font-size: 24px;
color: #011d27;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-icon-box:hover .title a {
color: #fff;
}
.roll-icon-box.left .items-wrap:hover .title a {
color: #011d27;
}
.roll-icon-box .title a:hover,
.roll-icon-box.left .title a:hover,
.roll-icon-box.not-fill:hover .title a:hover {
color: #12d11f;
}
.roll-icon-box.left .title {
padding-left: 130px;
text-align: left;
width: 100%;
}
.roll-icon-box .content {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-icon-box.left .content {
padding-left: 130px;
text-align: left;
width: 100%;
}
.roll-icon-box-wrap .read-more {
margin-top: 40px;
}
.roll-icon-box-wrap .read-more,
.roll-icon-box .read-more  {
background-color: #12d11f;
color: #fff;
font-size: 18px;
font-weight: 400;
font-family: "Oswald";
padding: 14px 23px;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-icon-box-wrap .roll-icon-box.left + .read-more {
margin-top: 0;
}
.roll-icon-box-wrap .no-fill .read-more,
.roll-icon-box.no-fill .read-more {
background-color: transparent;
border: 1px solid;
border-color: #0f1521;
color: #0f1521;
}
.roll-icon-box .items-wrap:hover {
border-color: #011d27;
background-color: #011d27;
}
.roll-icon-box.left .items-wrap:hover {
background-color: #fff;
}
.roll-icon-box .items-wrap:hover .title {
color: #fff;
}
.roll-icon-box .items-wrap:hover .content {
color: #bcd7e0;
}
.roll-icon-box.left .items-wrap:hover .content {
color: #011d27;
}
.roll-icon-box.not-fill .items-wrap:hover .title a,
.roll-icon-box.not-fill .items-wrap:hover .content {
color: #011d27;
} .roll-slider {
position: relative;
padding: 0;
}
.roll-slider .script-slide {
display: none;
}
.roll-slider .background-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.roll-slider div.img,
.roll-slider div.text,
.roll-slider div.link {
position: absolute;
display: inline-block;
}
.roll-slider .flexslider .flex-direction-nav .flex-prev,
.roll-slider .flexslider .flex-direction-nav .flex-next {
top: 50%;
}
.roll-slider .flexslider .slides > li {
height: 100%;
overflow: hidden;
}
.roll-slider .flexslider .slides {
overflow: hidden;
}
.roll-slider .flexslider .slides + .container {
height: 0;
}
.roll-slider .load-video {
position: absolute;
background: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/loader.gif);
width: 32px;
height: 32px;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
}
.roll-slider .bg_video .buttonBar {
opacity: 0;
}
.roll-slider .description {
position: absolute;
z-index: 99;
height: 100px;
text-align: center;
bottom: -50px;
left: 0;
width: 100%;
}
.roll-slider .description .title {
display: inline-block;
width: 100%;
font-weight: 300;
font-size: 24px;
margin: 0;
color: #fff;
font-family: "Oswald";
line-height: 30px;
margin: 19px 0 7px 0;
}
.roll-slider  .description .subtitle {
color: #12d11f;
}
.roll-slider .description .des-prev,
.roll-slider .description .des-next {
position: absolute;
top: 50%;
height: 50px;
width: 50px;
border:1px solid;
border-color: #12d11f;
color: #12d11f;
background-color: transparent;
margin-top: -25px;
}
.roll-slider .description button:before {
font-size: 20px;
}
.roll-slider .description .des-prev {
left: 25px;
}
.roll-slider .description .des-next {
right: 25px;
}
.roll-slider .description + img {
position: absolute;
z-index: 2;
bottom: -100px;
left: 0;
}
.roll-slider .text.import1 p {
font-size: 36px;
font-family: "Oswald";
font-weight: 300;
line-height: 42px;
padding: 9px 27px;
color: #ffffff;
margin: 0;
}
.roll-slider .text.import2 p {
font-size: 36px;
font-family: "Oswald";
font-weight: 300;
line-height: 42px;
padding: 9px 27px;
color: #ffffff;
margin: 0;
}
.roll-slider .text p {
font-size: 14px;
font-family: "Open Sans";
font-weight: 400;
line-height: 20px;
padding: 0;
color: #ffffff;
margin: 0;
}
.roll-slider .link a {
font-size: 18px;
font-family: "Oswald";
font-weight: 400;
padding: 12px 23px;
display: inline-block;
} @media only screen and (min-width: 1930px) {
} @media only screen and (max-width: 1199px) {
.roll-purchase-box .purchase-left {
width: 80%;
}
.roll-purchase-box .purchase-right {
width: 20%;
}
.roll-members .member .social li a {
font-size: 14px;
padding: 5px 11px;
}
.single-portfolio .posts .some-posts li {
width: 290px;
}
.widget_mc4wp_widget #mc4wp_email {
width: 53%;
margin-right: 1%;
}
.widget_flicker .flickr_badge_image {
width: 67px;
margin: 0 5px 5px 0;
}
.mc4wp-form input[type=submit] {
margin-top: 1px;
}
.testimonial-detail {
padding: 0;
}
.box-skill-wrap.items-4 .roll-box-skill,
.roll-newsflash-wrap.col4 .items,
.roll-icon-box-wrap.items-4 .roll-icon-box,
.works-container .item {
width: 25%;
}
.footer-area .widget_brand .brand-over {
margin-top: 0 !important;
}
.widget_flicker .flickr_badge_image {
width: 67px;
}
.author-post:after {
width: 60%;
}
.comments-area .comment-list .children {
padding-left: 90px;
}
.comments-area .comment-list .gravatar {
width: 90px;
}
.comments-area .comment-list .gravatar + .comment_content {
margin-left: 100px;
}
body.boxed .site,
body.boxed .site-header, 
body.boxed .page-wrap {
max-width: 1000px;
}
} @media only screen and (max-width: 979px) {
.btn-menu {
display: block ;
}
.roll-newsflash-wrap.col4 .items {
width: 50%;
}
.roll-purchase-box,
.roll-purchase-box .purchase-left,
.roll-purchase-box .purchase-right {
display: block;
}
.roll-purchase-box .purchase-left,
.roll-purchase-box .purchase-right {
width: 100%;
}
.ptp-col {
width: 50% !important;
float: left;
margin-bottom: 15px;
}
.roll-icon-box-wrap.items-4 .roll-icon-box,
.works-container .item {
width: 50%;
margin-bottom: 15px;
}
.roll-icon-box-wrap.items-3 .roll-icon-box {
margin-bottom: 15px;
width: 33.33%;
}
.widget_flicker .flickr_badge_image {
width: 50px;
}
.roll-newsflash-wrap.col5 .items {
width: 33.33%;
}
.roll-icon-box.left .icon {
float: none;
}
.roll-icon-box.left .title,
.roll-icon-box.left .content {
padding-left: 0;
text-align: center;
}
.siteorigin-panels-stretch {
background-size: cover;
}
.widget_mc4wp_widget #mc4wp_email {
width: 100%;
margin: 0;
margin-bottom: 1px;
}
#contact-form .input-wrap {
width: 31.5%;
margin-right: -4px;
}
#mainnav-mobi {
right: 0;
}
.header-inner-pages .top,
.header-inner-pages header,
.page-title,
.page-wrap,
.footer-social,
.footer-area,
.footer-menu,
.site-footer {
padding: auto 5px;
}
blockquote {
padding: 40px 51px;
}
.single-portfolio .posts .some-posts li {
width: 220px;
}
.comments-area .comment-list .children {
padding-left: 30px;
}
.comments-area .comment-list .gravatar {
width: 60px;
}
.comments-area .comment-list .gravatar + .comment_content {
margin-left: 70px;
}
.comments-area .comment-respond fieldset {
width: 31.3%;
margin-right: -4px;
}
.single-portfolio .portfolio-direc {
margin-bottom: 30px;
}
.pagination,
.comments-area {
margin-bottom: 50px;
}
body.boxed .site,
body.boxed .site-header, 
body.boxed .page-wrap {
max-width: 780px;
}
body.boxed .ptp-pricing-table {
margin: 0 !important;
}
} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
} @media only screen and (min-width: 768px) and (max-width: 959px) {
} @media only screen and (max-width: 767px) {
.panel-grid-cell {
padding: 0 10px !important;
}
.header-wrap .col-xs-12,
.box-skill-wrap.items-4 .roll-box-skill, 
.roll-newsflash-wrap.col4 .items, 
.roll-icon-box-wrap.items-4 .roll-icon-box, 
.works-container .item {
width: 50%;
}
.content-wrapper .content-area,
.content-wrapper .widget-area {
width: 100%;
}
#contact-form .input-wrap {
width: 31.5%;
margin-right: -4px;
}
.ptp-col {
padding: 0 5px !important;
}
.ptp-pricing-table {
padding-left: 20px;
}
.widget_flicker .flickr_badge_image {
width: 75px;
}
.widget_mc4wp_widget #mc4wp_email {
width: 80%;
margin-right: 10px;
}
.roll-testimonial {
padding: 0 0 0 15px;
}
.roll-newsflash-wrap,
.box-skill-wrap,
.roll-icon-box-wrap,
.works-container {
margin: 0;
}
.roll-icon-box .items-wrap {
padding: 20px 5px;
}
.roll-icon-box-wrap.items-3 .roll-icon-box,
.roll-icon-box-wrap.items-3 .roll-icon-box.left {
width: 100%;
}
.footer-social .socials {
height: auto;
text-align: center;
float: left;
}
.footer-social .socials span {
float: none;
padding: 0;
}
.footer-social ul {
float: left;
width: 100%;
}
.footer-social ul li {
margin: 0;
margin-right: 1px;
}
body.boxed .site,
body.boxed .site-header, 
body.boxed .page-wrap,
body.boxed .panel-grid {
max-width: 100%;
}
body.boxed .ptp-pricing-table,
body.boxed .panel-grid {
margin: 0 !important;
}
body.boxed .panel-row-style {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.boxed .ptp-pricing-table,
body.boxed .roll-testimonial {
padding-left: 0;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
} @media only screen and (max-width: 479px) {
#mainnav-mobi {
width: 180%;
}
.box-skill-wrap.items-4 .roll-box-skill, 
.roll-newsflash-wrap.col4 .items, 
.roll-icon-box-wrap.items-4 .roll-icon-box, 
.roll-icon-box-wrap.items-3 .roll-icon-box, 
.works-container .item,
.roll-newsflash-wrap.col5 .items,
.roll-newsflash-wrap.col4 .items,
.roll-newsflash-wrap.col3 .items,
.roll-single-members .infomation,
.single-portfolio .posts .some-posts li,
.widget_mc4wp_widget #mc4wp_email,
.roll-icon-box-wrap.items-2 .roll-icon-box,
.roll-icon-box-wrap.items-3 .roll-icon-box.left,
#contact-form .input-wrap {
width: 100%;
margin-bottom: 15px;
}
.ptp-col {
margin-left: 15px;
width: 100% !important;
}
.ptp-pricing-table {
padding-left: 0;
}
.roll-purchase-box .purchase-left {
margin-top: 0;
}
.roll-single-members .avarta {
width: 100%;
min-height: 0;
}
.comments-area .comment-list .comment-reply-link {
position: relative;
padding: 0 5px;
}
.comments-area .comment-list .comment-reply-link:before {
content: "(";
position: absolute;
top: -2px;
left: 0;
}
.comments-area .comment-list .comment-reply-link:after {
content: ")";
position: absolute;
top: -2px;
right: 0;
}
.comments-area .comment-list .gravatar {
width: 50px;
}
.comments-area .comment-list .gravatar + .comment_content {
margin-left: 60px;
}
.comments-area .comment-list .children {
padding-left: 10px;
}
.comments-area .comment-list .children .children {
padding-left: 10px;
}
.widget_widget_progress_single {
margin-bottom: 30px !important;
}
.comment-respond,
.roll-tabs {
margin-bottom: 30px;
}
blockquote {
padding: 15px 26px;
font-size: 15px;
}
.post-navigation .nav-links .nav-next,
.post-navigation .nav-links .nav-previous {
position: relative;
}
.roll-logo-client.small {
padding: 36px 50px;
}
.roll-logo-client.small .owl-controls .owl-prev {
left: -15px;
}
.roll-logo-client.small .owl-controls .owl-next {
right: -20px;
}
#contact-form .input-wrap,
.comments-area .comment-respond fieldset {
margin-left: 0;
}
.roll-accordion .toggle-content {
margin-left: 0;
padding: 11px 15px 15px;
}
.roll-single-members,
.roll-newsflash-wrap,
.comments-area .comment-respond fieldset {
width: 100%;
}
.roll-single-members .infomation {
padding: 0 10px;
}
.roll-single-members .avarta {
padding: 10px;
}
.roll-newsflash-wrap .items {
padding: 0;
}
.roll-tabs .content-tab {
padding: 13px 20px 20px;
}
.roll-progress-single .name {
left: 10px;
font-size: 16px;
}
.roll-progress-single .perc {
font-size: 16px;
}
.roll-title-box .title {
margin-bottom: 10px;
}
.roll-title-box .sub-title {
font-size: 27px;
line-height: 35px;
}
.single-portfolio .portfolio-direc a {
font-size: 20px;
line-height: 55px;
}
select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], .uneditable-input {
width: 100%;
}
body.boxed .ptp-col {
margin-left: 0;
}
.footer-social ul li {
margin-top: 1px;
}
}
a {
color: #12d11f;
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
a:hover {
color: #14971c;
text-decoration: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
a:focus {
outline: 0;
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
dl {
margin: 0 20px;
}
.padding-top-10px { padding-top: 10px; }
.padding-top-20px { padding-top: 20px; }
.padding-top-30px { padding-top: 30px; }
.padding-top-40px { padding-top: 40px; }
.padding-top-50px { padding-top: 50px; }
.padding-top-60px { padding-top: 60px; }
.padding-top-70px { padding-top: 70px; }
.padding-top-80px { padding-top: 80px; }
.padding-top-90px { padding-top: 90px; }
.padding-top-100px { padding-top: 100px; }
.padding-bottom-10px { padding-bottom: 10px; }
.padding-bottom-20px { padding-bottom: 20px; }
.padding-bottom-30px { padding-bottom: 30px; }
.padding-bottom-40px { padding-bottom: 40px; }
.padding-bottom-50px { padding-bottom: 50px; }
.padding-bottom-60px { padding-bottom: 60px; }
.padding-bottom-70px { padding-bottom: 70px; }
.padding-bottom-80px { padding-bottom: 80px; }
.padding-bottom-90px { padding-bottom: 90px; }
.padding-bottom-100px { padding-bottom: 100px; }
.margin-top-20px { margin-top: 20px; }
.margin-top-30px { margin-top: 30px; }
.margin-top-40px { margin-top: 40px; }
.margin-top-60px { margin-top: 60px; }
.margin-top-80px { margin-top: 80px; }
.margin-top-100px { margin-top: 100px; }
.margin-bottom-20px { margin-bottom: 20px; }
.margin-bottom-30px { margin-bottom: 30px; }
.margin-bottom-30px { margin-bottom: 30px; }
.margin-bottom-40px { margin-bottom: 40px; }
.margin-bottom-60px { margin-bottom: 60px; }
.margin-bottom-80px { margin-bottom: 80px; }
.margin-bottom-100px { margin-bottom: 100px; }
.white { color: #fff !important; }
.dark { color: #333 !important; }
.rt-animation { opacity: 0; }
.rt-animation.animated { opacity: 1; }
textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {
color: #c0c0c0;
opacity: 1;
}
input:-ms-input-placeholder {
color: #c0c0c0;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
color: #c0c0c0;
} body,
button,
input,
select,
textarea {
font: 12px/20px "Open Sans", sans-serif;
background-color: #f4f4f4;
color: #011d27;
font-weight: 400;
}
b, strong {
font-weight: bold;
}
p {
margin-bottom: 20px;
}
p:last-child {
margin-bottom: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
table {
width: 100%;
margin: 0 0 20px;
}
th,td {
padding: 7px;
text-align: center;
border-collapse: collapse; 
border: 1px solid;
border-color: #d6d6d6;
}
blockquote {
border-left: 3px solid #12d11f;
background-color: #011d27;
color: #fefefe;
font-size: 18px;
line-height: 24px;
padding: 67px 68px;
font-weight: 300;
}
blockquote > p:last-child {
margin-bottom: 0;
}
blockquote cite,
blockquote small {
font-size: 14px;
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 600;
}
blockquote > p:last-child {
margin-bottom: 0;
}
abbr[title] {
border-bottom: 1px dotted #c0c0c0;
cursor: help;
}
mark,
ins {
background-color: #12d11f;
color: #fff;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -6px;
}
sub {
bottom: -3px;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
address {
font-style: italic;
margin: 0 0 20px;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
background: #f9f9f9;
border: 1px solid #eee;
border-radius: 0;
font-family: Consolas, monospace;
height: auto;
margin: 0 0 20px;
overflow-x: auto;
padding: 20px;
}
h1 { font: 52px/62px "Oswald", sans-serif;}
h2 { font: 42px/50px "Oswald", sans-serif;}
h3 { font: 32px/38px "Oswald", sans-serif;}
h4 { font: 26px/31px "Oswald", sans-serif;}
h5 { font: 22px/27px "Oswald", sans-serif;}
h6 { font: 18px/22px "Oswald", sans-serif;}
h1, h2, h3, h4, h5, h6 { color: #011d27; font-weight: 300; margin: 10px 0 20px 0; }
h1.w6, h2.w6, h3.w6, h4.w6, h5.w6, h6.w6 { font-weight: 700; }
h1.w4, h2.w4, h3.w4, h4.w4, h5.w4, h6.w4 { font-weight: 400; } .alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 8px 30px 25px 0 !important;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 8px 0 25px 30px !important;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 10px;
} .sticky {
display: block;
}
.page-header {
margin: 0;
border: 0;
}
.page-header .nothing {
padding: 0;
background-color: transparent;
font-size: 40px;
line-height: 40px;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.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: 600;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .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 {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
margin: auto 0;
}
.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;
} hr {
background-color: #eee;
border: 0;
height: 1px;
margin-bottom: 20px;
}
ul,
ol {
padding: 0;
margin: 0 0 30px 25px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dd, dt {
line-height: 30px;
}
::-moz-selection { 
color: #fff; 
text-shadow: none; 
background: #333;
}
::-webkit-selection { 
color: #fff; 
text-shadow: none; 
background: #333; 
}
::selection { 
color: #fff; 
text-shadow: none; 
background: #333; 
} button,
input {
line-height: normal;
}
input,
textarea {
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); }
input[type="checkbox"] {
display: inline;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
line-height: 1;
cursor: pointer; -webkit-appearance: button; border: 0;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: #fff;
border: 1px solid #e4e4e4;
color: #333;
line-height: 20px;
padding: 9px 20px;
-webkit-transition: border 0.3s ease 0s;
-moz-transition: border 0.3s ease 0s;
-ms-transition: border 0.3s ease 0s;
-o-transition: border 0.3s ease 0s;
transition: border 0.3s ease 0s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
outline: 0;
border: 1px solid #011d27;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-family: "Oswald";
font-weight: 300;
font-size: 18px;
border: none;
color: #f4f4f4;
padding: 11px 25px;
background-color: #12d11f;
vertical-align: top;
outline: 0;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
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 {
background-color: #0f1521;
} .btn {
background-image: none;
}
textarea, 
input[type="text"],
input[type="submit"],
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input,
.dropdown-menu,
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
-webkit-appearance: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
.post-password-form label {
color: #707070;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.color {
color: #12d11f;
} body.boxed .site {
max-width: 1230px;
margin: 50px auto;
} .top {
min-height: 2px;
background-color: #12d11f;
}
.top .contact-info {
margin: 10px 0;
padding: 0;
}
.top .contact-info li {
display: inline-block;
position: relative;
margin-right: 27px;
}
.top .contact-info li a {
color: #fff;
padding-left: 12px;
}
.top .contact-info li a:hover {
color: #0f1521;
}
.top .contact-info li i {
font-style: normal;
font-size: 15px;
width: 15px;
height: 15px;
position: relative;
}
.top .contact-info li i:before {
left: 0;
top: 3px;
position: absolute;
} .site-header {
background-color: #011d27;
z-index: 99;
position: relative;
}
body.boxed .site-header,
body.boxed .page-wrap {
max-width: 1230px;
}
body.boxed .site-header {
width: 100%;
}
body.boxed .panel-grid {
max-width: 1230px;
margin: 0 -15px !important;
}
body.boxed .panel-row-style {
margin: 0 !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.site-header.light,
.header.light #mainnav ul li ul li a {
background-color: #fff;
}
.site-header.light #mainnav > ul > li > a,
.site-header.light #mainnav ul li ul li a,
.site-header.light .no-nav {
color: #011d27;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.site-header.light #mainnav ul li ul li a:hover {
background-color: #011d27;
color: #fff;
}
.site-header.fixed {
position: fixed;
width: 100%;
z-index: 9999;
top: -100px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
} .mainnav .menu-fallback {
margin: 42px 0 43px 0;
display: inline-block;
}
#mainnav {
float: right;
}
#mainnav ul {
list-style: none; 
margin: 0;
float: left;
}
#mainnav > ul > li {
float: left;
}
#mainnav > ul > li > a {
display: block; 
line-height: 50px; 
background: transparent; 
color: #fff;
letter-spacing: 0.3px;
padding: 27px 14px 23px 15px;
}
#mainnav ul li a {
font-family: "Oswald";
font-weight: 300;
font-size: 20px;
}
#mainnav ul li ul li a { 
display: block; 
line-height: 36px;
background-color: #011d27;
color: #fff;
padding: 7px 25px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#mainnav ul li {
position: relative;
}
#mainnav ul li ul {
width: 200px;
position: absolute; 
top: 100%; 
left: 0; 
opacity: 0; 
visibility: hidden;
padding: 5px 0 0;
background-color: #12d11f;
}
#mainnav ul li ul li ul {
left: 100%; 
top: 0px;
}
#mainnav .sub-menu li a:hover {
background-color: transparent;
}
.menu > li:hover:before {
content: ""; 
position: absolute; 
left:50%;
top:-3px;
border-width: 9px 10px;
border-color: #12d11f transparent transparent transparent;
border-style: solid;
margin-left: -9px;
}
body.boxed .menu > li:hover:before {
top: 0;
}
.menu2 > li:before {
content: ""; 
position: absolute; 
left: 15px;
bottom: -5px;
height: 5px;
width: 0;
background-color: #12d11f;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu2 > li:hover:before {
opacity: 1;
width: 100%;
}
#mainnav li:hover > ul {
opacity: 1;
visibility: visible;
z-index: 999;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
#mainnav .sub-menu {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: translate(0px, 10px);
-moz-transform: translate(0px, 10px);
-ms-transform: translate(0px, 10px);
-o-transform: translate(0px, 10px);
transform: translate(0px, 10px);
}
#mainnav ul li ul.right-sub {
right: 0;
left: auto;
}
#mainnav ul li ul ul.right-sub {
right: 100%;
} .btn-menu {
font-size: 28px;
font-family: "FontAwesome";
color: #12d11f;
float: right;
text-align:center;
width: 24px;
height: 24px;
margin-top: 41px;
cursor: pointer;
display: none;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.btn-menu:before{
content: "\f0c9";
}
#mainnav-mobi {
display: block;
margin: 0 auto;
width: 100%;
position: absolute;
background-color: #07232E;
z-index: 1000;
}
#mainnav-mobi ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#mainnav-mobi ul li {
margin:0;
position: relative;
text-align: left;
border-top: 1px solid rgba(18, 209, 31, 0.6);
cursor: pointer
}
#mainnav-mobi ul li:before {
border: 0;
}
#mainnav-mobi ul > li > a {
text-decoration: none;
height: 50px;
line-height: 50px;
padding: 0 30px;
color: #fff;
}
#mainnav-mobi ul.sub-menu {
top: 100%;
left: 0;
z-index: 2000;
position: relative;
background-color: #00051C;
}
#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
position: relative;
border-top: 1px solid rgba(18, 209, 31, 0.3);
}
#mainnav-mobi > ul > li > ul > li > ul > li a {
padding-left: 70px !important
}
#mainnav-mobi ul.sub-menu > li > a {
display: block;
text-decoration: none;
padding: 0 60px;
border-top-color: rgba(255,255,255,.1);
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#mainnav-mobi > ul > li > ul > li:first-child a {
border-top: none;
}
#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
color: #fff;
}
.btn-submenu:before {
content: "\f107";
color: #fff;
font-family: "FontAwesome";
font-size: 20px;
position: absolute;
right: 20px;
top: 25px;
padding: 10px 20px;
margin-top: -20px;
}
.btn-submenu.active:before {
content: "\f106"
} .page-title {
text-align: center;
padding: 53px 0 52px 0;
}
.page-title .title {
font-size: 24px;
color: #fff;
line-height: 28px;
font-weight: 300;
margin: -1px 0 0;
text-transform: uppercase;
}
.page-title ul {
margin: 0;
padding: 0;
}
.page-title ul li {
text-decoration: none;
display: inline-block;
margin-right: 3px;
} .page-title .breadcrumbs {
margin-top: 8px;
}
.page-title .breadcrumbs li {
position: relative;
padding-left: 10px;
}
.page-title .breadcrumbs li:before {
content: "/";
color: #12d11f;
top: 0;
left: 2px;
position: absolute;
}
.page-title .breadcrumbs li:first-child {
padding: 0;
}
.page-title .breadcrumbs li:first-child:before {
content: "";
}
.page-title .breadcrumbs,
.page-title .breadcrumbs a {
color: #12d11f;
}
.page-title .breadcrumbs a:hover {
color: #fff;
} .page-template.page-template-page_fullwidth .content-wrapper .content-area {
width: 100%;
}
.home.page .page-wrap {
padding-bottom: 0;
}
.page .page-wrap,
.blog .page-wrap,
.single-post .page-wrap {
padding-bottom: 130px;
}
.page-wrap {
padding-top: 58px;
background-color: #f4f4f4;
} .no-sidebar {
margin-bottom: 30px;
}
.home .content-wrapper .content-area {
width: 100%;
}
.content-wrapper .content-area,
.home.blog .content-wrapper .content-area {
width: 74.35%;
margin-right: 2.56%;
float: left;
} .content-wrapper .widget-area {
width: 23.076%;
float: right;
} .hentry {
margin-bottom: 60px;
}
.hentry .title-post {
font-size: 24px;
line-height: 29px;
font-weight: 300;
-ms-word-wrap: break-word;
word-wrap: break-word;
margin: 8px 0;
}
.hentry .title-post a {
color: #011d27;
}
.hentry .title-post a:hover {
color: #12d11f;
}
.hentry .entry-header .meta-post {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 24px;
}
.hentry .entry-header ul li {
display: inline-block;
margin-right: 20px;
}
.hentry .meta-post .post-comments a {
position: relative;
display: inline;
color: #011d27;
padding-right: 18px;
}
.hentry .meta-post .post-comments a:before,
.hentry .meta-post .post-comments a:after {
position: absolute;
content: ""; 
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.hentry .meta-post .post-comments a:before {
width: 13px;
height: 9px;
top: 2px;
right: 0;
background-color: #b9b9b9;
border-radius: 1px;
}
.hentry .meta-post .post-comments a:after {
right: 7px;
bottom: 3px;
border-width: 0 0 3px 3px;
border-color: transparent #b9b9b9;
border-style: solid;
}
.hentry .meta-post .post-comments a:hover {
color: #12d11f;
}
.hentry .meta-post .post-comments a:hover:before {
background-color: #12d11f;
}
.hentry .meta-post .post-comments a:hover:after {
border-color: transparent #12d11f;
}
.hentry .meta-post .post-categories {
color: #12d11f;
}
.hentry .meta-post .post-categories span {
color: #011d27;
}
.hentry .meta-post .post-author {
display: none;
}
.hentry .entry-post + .entry-footer {
margin-top: 24px;
}
.hentry .entry-thumb {
position: relative;
text-align: center;
}
.hentry .entry-thumb a {
display: inline-block;
position: relative;
}
.hentry .entry-thumb img {
border: 3px solid;
border-color: #e4e4e4;
}
.hentry .entry-thumb img + .overlay {
background-image: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/overlay.png);
background-position: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 5px solid;
border-color: #12d11f;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.hentry .entry-thumb img + .overlay:before {
content: "";
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
width: 50px;
height: 50px;
background-image: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/link.svg);
background-size: 50px 50px;
position: absolute;
}
.hentry .entry-thumb:hover img + .overlay {
opacity: 1;
}
.hentry.format-video .entry-content iframe,
.hentry.format-video .entry-post iframe {
width: 100%;
}
.hentry .entry-post .read-more {
font-family: "Oswald";
color: #fff;
font-size: 18px;
font-weight: 300;
padding: 13px 22px;
background-color: #0f1521;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.hentry .entry-post .read-more:hover {
background-color: #12d11f;
}
.hentry .twitter-tweet {
width: 100% !important;
}
.hentry .twitter-tweet .EmbeddedTweet {
max-width: 100% !important;
}
.hentry .entry-content {
margin-top: 20px;
}
.hentry .entry-content,
.hentry .entry-footer .edit-link {
margin-bottom: 20px;
}
.hentry .entry-footer {
float: left;
width: 100%;
}
.hentry .entry-footer .edit-link {
display: inline-block;
}
.page-links > span, 
.page-links a {
display: inline-block;
background-color: #0f1521;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 13px;
margin-right: 6px;
}
.page-links > span,
.page-links a:hover {
background-color: #12d11f;
} .posts-navigation .nav-links {
width: 100%;
margin: 0;
font-size: 18px;
font-family: "Oswald";
font-weight: 300;
text-align: center;
position: relative;
min-height: 46px;
}
.posts-navigation .nav-links .nav-previous {
position: absolute;
display: inline-block;
position: absolute;
color: #fff;
left: 0;
top: 0;
}
.posts-navigation .nav-links .nav-next {
position: absolute;
display: inline-block;
position: absolute;
color: #fff;
right: 0;
top: 0;
}
.posts-navigation .nav-links a {
background-color: #0f1521;
padding: 10px 15px 10px 35px;
color: #fff;
}
.posts-navigation .nav-links .nav-next a {
padding: 10px 35px 10px 15px;
}
.posts-navigation .nav-links a:hover {
background-color: #12d11f;
}
.posts-navigation .nav-links a:before {
content: "\f104";
position: absolute;
top: 50%;
left: 15px;
font-size: 20px;
margin-top: -10px;
font-family: "FontAwesome";
}
.posts-navigation .nav-links .nav-next a:before {
content: "\f105";
right: 15px;
left: auto;
}
.post-navigation {
float: left;
width: 100%;
margin-bottom: 40px;
}
.post-navigation .nav-links {
position: relative;
}
.post-navigation .nav-links .nav-previous {
position: absolute;
top: 0;
left: 0;
font-size: 15px;
width: 50%;
}
.post-navigation .nav-links .nav-next {
position: absolute;
top: 0;
right: 0;
font-size: 15px;
width: 50%;
text-align: right;
}
.pagination span, 
.pagination a {
display: inline-block;
background-color: #0f1521;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 13px;
margin-right: 6px;
}
.pagination span,
.pagination a:hover {
background-color: #12d11f;
} .author-post {
float: left;
position: relative;
width: 100%;
margin-bottom: 20px;
}
.author-post:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 70%;
height: 1px;
background-color: #e4e4e4;
}
.author-post .gravatar {
float: left;
width: 140px;
margin-top: 10px;
}
.author-post .gravatar img {
border: 3px solid;
border-color: #12d11f;
}
.author-post .info {
background-color: #011d27;
color: #fff;
padding: 0 0 20px 20px;
margin-bottom: 1px;
min-height: 140px;
margin-left: 142px;
}
.author-post .info h3 {
font-size: 18px;
line-height: 22px;
padding: 10px 0;
}
.author-post .info a {
font-weight: 300;
}
.author-post .categories-post,
.author-post .share-post {
float: right;
margin-bottom: 1px;
}
.author-post .share-post {
position: relative;
margin-right: 1px;
} .share-post {
background-color: #12d11f;
display: inline-block;
font-family: "Oswald";
font-weight: 300;
color: #fff;
}
.share-post span {
float: left;
line-height: 40px;
}
.share-post span.st_sharing {
padding-left: 21px;
padding-right: 21px;
}
.share-post span span {
font-size:0 !important;
background:none !important;
}
.share-post span span span {
padding-left: 35px !important;
height: 26px !important;
position: relative;
}
.share-post span span span:hover {
opacity: 1 !important;
}
.share-post span.st_facebook,
.share-post span.st_twitter,
.share-post span.st_pinterest,
.share-post span.st_email {
background-color: #11c21d;
background-image: none;
background-repeat: no-repeat;
display: block;
width: 40px;
height: 40px;
margin-right: 1px;
}
.share-post span span span:before {
content: "\f099";
font-family: "FontAwesome";
color: #fff;
font-size: 16px;
line-height: 40px;
position: absolute;
left: 50%;
margin-left: -8px;
top: 0;
}
.share-post span span span.facebook:before {
content: "\f09a";
}
.share-post span span span.pinterest:before {
content: "\f17d";
}
.share-post span:hover {
background-color: #14971c;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.share-post span:hover span span:before {
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
} .hentry .entry-footer .tags-links {
color: #12d11f;
margin-bottom: 10px;
}
.hentry .entry-footer .tags-links span {
color: #011d27;
} .bypostauthor {
display: block;
}
.comments-area {
float: left;
content: "";
width: 100%;
}
.comments-area .comment-title {
font-weight: 300;
font-size: 24px;
margin-bottom: 26px;
}
.comments-area article {
position: relative;
float: left;
width: 100%;
}
.comments-area article:after,
.comments-area article:before {
content: " ";
display: table-cell;
clear: both;
}
.comments-area .comment-list,
.comments-area .comment-list .children {
margin: 0;
padding: 0;
list-style: none;
}
.comments-area .comment-list {
float: left;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 24px;
width: 100%;
}
.comments-area .comment-list .children {
padding-left: 119px;
margin-top: 30px;
float: left;
width: 100%;
}
.comments-area .comment-list .avatar {
float: left;
}
.comments-area .comment-list .gravatar + .comment_content { 
margin-left: 120px;
}
.comments-area .comment-list .comment_content .comment_meta {
position: relative;
margin-bottom: 10px;
}
.comments-area .comment-list .comment_content .comment_meta:before {
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 1px;
background-color: #e4e4e4;
content: "";
}
.comments-area .comment-list .comment_content .comment_meta .comment_author {
margin-right: 3px;
}
.comments-area .comment-list .comment_content div[itemprop="text"] {
margin-top: -4px;
display: inline-block;
}
.comments-area .comment-list .comment_content div[itemprop="text"] p {
margin-bottom: 14px;
}
.comments-area .comment-list > li,
.comments-area .comment-list .children > li {
float: left;
margin-bottom: 33px;
width: 100%;
}
.comments-area .comment-list .children > li:last-child {
margin-bottom: 0;
}
.comments-area .comment-waiting {
margin-left: 115px;
color: rgba(255,0,0,0.7);
margin-bottom: 10px;
}
.comments-area .comment-list .gravatar + .comment-body + .comment-meta,
.comments-area .comment-list .gravatar + .comment-body + .comment-waiting + .comment-meta {
margin-left: 120px;
}
.comments-area .comment-list .comment-meta {
list-style: none;
margin: 0;
padding: 0;
color: #959595;
font-size: 10px;
font-family: "Open Sans";
font-weight: 300;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}
.comments-area .comment-list .comment-meta li {
display: inline-block;
padding: 0 10px;
line-height: 26px;
position: relative;
padding-top: 1px;
padding-bottom: 2px;
}
.comments-area .comment-list .comment-meta li:first-child {
padding-left: 0;
}
.comments-area .comment-list .comment-meta li:before {
position: absolute;
content: "";
left: 0;
top: 50%;
width: 1px;
height: 10px;
margin-top: -5px;
background-color: #959595;
}
.comments-area .comment-list .comment-meta li:first-child:before {
width: 0;
}
.comments-area .comment-list .comment-meta li a {
color: #959595;
}
.comments-area .comment-list .comment-meta li a:hover {
color: #000;
}
.comments-area .comment-list .comment-reply-link {
position: absolute;
top: 0;
right: 0;
}
.comments-area .no-comments {
color: #E44E4E;
}
.comments-area .comment-respond {
float: left;
width: 100%;
}
.comments-area .comment-respond .comment-reply-title {
font-weight: 300;
margin-bottom: 26px;
font-size: 24px;
}
.comments-area .comment-respond label {
display: none;
}
.comments-area .comment-respond fieldset input,
.comments-area .comment-respond fieldset textarea {
height: 40px;
border-radius: 0;
border: 1px solid;
border-color: #e4e4e4;
padding-left: 10px;
outline: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.comments-area .comment-respond fieldset input:focus,
.comments-area .comment-respond fieldset textarea:focus {
border-color: #011d27;
}
.comments-area .comment-respond fieldset input {
width: 100%;
}
.comments-area .comment-respond fieldset {
margin-left: 3%;
display: inline-block;
width: 31%;
margin-bottom: 30px;
}
.comments-area .comment-respond fieldset.message {
width: 100%;
margin-left: 0;
margin-bottom: 6px;
}
.comments-area .comment-respond fieldset:first-child {
margin-left: 0;
}
.comments-area .comment-respond fieldset textarea {
height: auto;
width: 100%;
padding-top: 8px;
}
.comments-area .form-submit .submit {
float: right;
font-family: "Oswald";
font-weight: 300;
font-size: 18px;
border: none;
color: #f4f4f4;
padding: 10px 25px;
background-color: #12d11f;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.comments-area .form-submit .submit:hover {
background-color: #0f1521;
} .page-template-portfolio .content-area, 
.single-portfolio .content-area,
.tax-portfolio_category .content-area {
float: none !important;
margin: 0 !important;
width: 100% !important;
}
.work-filter {
background-color: #12d11f;
width: 100%;
position: relative;
z-index: 1;
margin: 0;
padding: 0;
margin-bottom: 58px !important;
}
.work-filter li {
display: inline-block;
text-decoration: none;
padding: 0;
margin-left: 1px;
border: 0;
}
.work-filter li:first-child {
margin-left: 0;
}
.work-filter li a {
display: inline-block;
font-family: "Oswald";
padding: 25px;
background-color: #11c21d;
color: #fff;
font-weight: 300;
font-size: 24px;
}
.work-filter .active a {
background-color: #14971c;
}
.works-container {
margin: 0 -15px;
}
.works-container .item {
width: 25%;
padding: 0 15px;
margin-bottom: 30px;
float: left;
}
.works-container .item-wrap {
position: relative;
overflow: hidden;
}
.works-container .item-wrap .hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
background: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/overlay.png);
background-position: center;
border: 5px solid #12d11f;
z-index: 1;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.works-container .item-wrap img {
border: 3px solid #cacaca;
}
.works-container .item-wrap .content {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
}
.works-container .item-wrap .content .link {
position: absolute;
bottom: 10%;
width: 100%;
-webkit-transition: bottom 0.3s ease-in-out;
-moz-transition: bottom 0.3s ease-in-out;
-ms-transition: bottom 0.3s ease-in-out;
-o-transition: bottom 0.3s ease-in-out;
transition: bottom 0.3s ease-in-out;
}
.works-container .item-wrap .content .link a {
background: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/link.svg);
background-size: 50px 50px;
width: 50px;
height: 50px;
display: inline-block;
}
.works-container .item-wrap .content .project {
font-weight: 300;
font-size: 24px;
color: #fff;
position: absolute;
bottom: 41%;
text-align: center;
width: 100%;
-webkit-transition: bottom 0.3s ease-in-out;
-moz-transition: bottom 0.3s ease-in-out;
-ms-transition: bottom 0.3s ease-in-out;
-o-transition: bottom 0.3s ease-in-out;
transition: bottom 0.3s ease-in-out;
}
.works-container .item-wrap .content .project a:hover{
color: #fff;
}
.works-container .item-wrap .hover + a img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.works-container .item-wrap:hover .hover + a img {
border-color: transparent;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.works-container .item-wrap:hover .hover {
opacity: 1;
}
.works-container .item-wrap:hover .content .link {
bottom: 17%;
}
.works-container .item-wrap:hover .content .project {
bottom: 34%;
}
.works-masonry .text-center {
bottom: 0;
left: 50%;
margin: 50px 0 0 -75px;
background-color: #0f1521;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
float: left;
position: relative;
}
.works-masonry .text-center:hover {
background-color: #12d11f;
}
.works-masonry .text-center a {
color: #fff;
padding: 25px;
font-family: "Oswald";
font-weight: 300;
font-size: 24px;
display: inline-block;
} .single-portfolio .page-wrap {
background-color: #fff;
}
.single-portfolio .portfolio-direc {
background-color: #12d11f;
float: left;
margin: 0 0 80px 0;
width: 100%;
}
.single-portfolio .portfolio-direc a {
background-color: #11c21d;
color: #fff;
display: inline-block;
padding: 0 25px;
font-family: "Oswald";
font-weight: 300;
font-size: 24px;
line-height: 74px;
}
.single-portfolio .portfolio-direc .next-posts {
float: right;
}
.single-portfolio .portfolio-direc .prev-posts {
float: left;
}
.single-portfolio .portfolio-info {
float: left;
width: 100%;
}
.single-portfolio .portfolio-img img {
border: 3px solid;
border-color: #e4e4e4;
}
.single-portfolio .portfolio-info .title {
font-size: 24px;
font-weight: 300;
margin: 0;
margin-top: -5px;
margin-bottom: 20px;
}
.single-portfolio .posts .some-posts li .post-overlay a:hover {
color: #fff;
}
.single-portfolio .portfolio-info p {
margin-bottom: 24px;
}
.single-portfolio .portfolio-info ul {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 15px;
}
.single-portfolio .portfolio-info ul li {
line-height: 20px;
}
.single-portfolio .portfolio-info ul li.portfolio-tags a {
font-weight: 700;
color: #011d27;
display: inline-block;
margin-right: 3px;
}
.single-portfolio .portfolio-info ul li.portfolio-tags a:hover {
color: #12d11f;
}
.single-portfolio .portfolio-info ul li span {
font-weight: 700;
color: #011d27;
}
.single-portfolio .posts {
float: left;
width: 100%;
text-align: center;
margin-top: 40px;
}
.single-portfolio .posts .title {
font-size: 24px;
font-weight: 300;
text-align: center;
margin-bottom: 58px;
}
.single-portfolio .posts .some-posts {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
margin-bottom: 50px;
}
.single-portfolio .posts .some-posts li {
float: left;
position: relative;
width: 270px;
overflow: hidden;
}
.single-portfolio .posts .some-posts li .post-overlay {
background-image: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/overlay.png);
background-position: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
border: 5px solid;
border-color: #12d11f;
z-index: 1;
-webkit-transition: opacity 0.1s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out;
-ms-transition: opacity 0.1s ease-in-out;
-o-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}
.single-portfolio .posts .some-posts li .post-overlay > a {
content: "";
bottom: 5%;
left: 50%;
margin-left: -25px;
width: 50px;
height: 50px;
background-image: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/link.svg);
background-size: 50px 50px;
position: absolute;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.single-portfolio .posts .some-posts li .post-overlay .title {
margin: 0;
font-weight: 300;
font-size: 24px;
color: #fff;
position: absolute;
bottom: 55%;
text-align: center;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.single-portfolio .posts .some-posts li:hover .post-overlay .title,
.single-portfolio .posts .some-posts li.active .post-overlay .title {
bottom: 47%;
}
.single-portfolio .posts .some-posts li:hover .post-overlay,
.single-portfolio .posts .some-posts li.active .post-overlay {
opacity: 1;
}
.single-portfolio .posts .some-posts li:hover .post-overlay > a,
.single-portfolio .posts .some-posts li.active .post-overlay > a {
opacity: 1;
bottom: 15%;
}
.single-portfolio .posts .some-posts li img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.single-portfolio .posts .some-posts li:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
} .contact {
padding-bottom: 120px;
}
.contact .title {
font-weight: 300;
margin-bottom: 26px;
}
#contact-form span {
margin-left: 3%;
display: inline-block;
height: 40px;
width: 31.33%;
margin-bottom: 30px;
}
#contact-form span input {
width: 100%;
}
#contact-form span.your-name {
margin-left: 0;
}
#contact-form span.your-message {
margin-left: 0;
width: 100%;
height: 100%;
border-radius: 0;
margin-bottom: 0;
}
#contact-form span.your-message textarea {
width: 100%;
height: 100%;
border: 1px solid #e4e4e4;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#contact-form p {
margin-bottom: 0;
}
#contact-form span.your-message textarea:focus {
color: #959595;
border-color: #0f1521;
}
#contact-form .textarea-wrap textarea:focus {
border-color: #0f1521;
}
#contact-form .wpcf7-submit {
float: right;
font-family: "Oswald";
font-weight: 300;
font-size: 18px;
border: none;
color: #f4f4f4;
padding: 10px 25px;
background-color: #12d11f;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
#contact-form .wpcf7-submit:hover {
background-color: #0f1521;
}
.wpcf7-form-control-wrap.your-name,
.wpcf7-form-control-wrap.your-email,
.wpcf7-form-control-wrap.tel-993 {
position: relative;
}
.wpcf7-form-control-wrap.your-name span,
.wpcf7-form-control-wrap.your-email span,
.wpcf7-form-control-wrap.tel-993 span {
position: absolute;
left: -8px;
bottom: -43px;
margin-bottom: 0 !important;
width: 100% !important;
} .widget {
margin-bottom: 58px;
}
.widget p {
margin-bottom: 20px;
}
.widget .widget-title {
font-size: 24px;
font-weight: 300;
padding-bottom: 20px;
position: relative;
line-height: 31px;
margin: 0 0 4px 0;
}
.widget .widget-title:after {
position: absolute;
content: "";
height: 1px;
width: 100%;
background-color: #e4e4e4;
bottom: 0;
left: 0;
}
.widget ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.widget li {
border-bottom: 1px solid #e4e4e4;
padding: 15px 0;
}
.widget li a {
color: #011d27;
display: inline;
}
.widget li a:hover {
color: #12d11f;
} .widget_search {
position: relative;
margin-bottom: 22px;
}
.widget_search .screen-reader-text {
display: none;
}
.widget_search .searchform input[type="text"] {
width: 100%;
background-color: #011d27;
color: #fff;
height: 40px;
border: 0;
padding-left: 10px;
font-size: 18px;
font-weight: 300;
font-family: "Oswald";
outline: none;
}
.widget_search .searchform input[type="submit"] {
height: 40px;
width: 40px;
position: absolute;
top: 0;
right: 0;
border: 0;
outline: none;
margin: 0;
padding: 0;
cursor: pointer;
background-color: transparent;
z-index: 1;
}
.widget_search:after {
position: absolute;
bottom: 0;
right: 0;
content: "\f002";
font-family: "FontAwesome";
font-size: 25px;
color: #fff;
cursor: pointer;
padding: 10px 8px 10px 9px;
background-color: #11c21d;
}
.widget_search *::-webkit-input-placeholder {
color: #fff;
font-family: "Oswald";
font-size: 18px;
font-weight: 300;
}
.widget_search *:-moz-input-placeholder { color: #fff;
font-family: "Oswald";
font-size: 18px;
font-weight: 300;
} .widget_text .widget-title {
margin-bottom: 24px;
}
.widget_text {
position: relative;
padding-bottom: 4px;
} .widget_categories ul li a {
display: inline-block;
width: 90%;
} .widget_recent_post ul {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 32px;
}
.widget_recent_post ul li {
border: 0;
padding-bottom: 0;
}
.widget_recent_post ul li a {
display: inline-block;
width: 100%;
font-size: 12px;
line-height: 16px;
}
.widget_recent_post ul li span {
color: #11c21d;
font-size: 10px;
display: block;
margin-top: -5px;
} .widget_flicker {
overflow: hidden;
margin-top: 23px;
}
.widget_flicker .flickr_badge_image {
float: left;
margin: 0 12px 12px 0;
}
.widget_flicker ul {
margin: 0;
padding: 0;
position: relative;
}
.widget_flicker li {
float: left;
width: 100%;
border-bottom: 0;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.widget_flicker .hide_item {
margin-left: -500%;
}
.widget_flicker .flex-direction-nav {
display: none;
}
.widget_flicker .flickr_badge_image img {
border: 3px solid;
border-color: #e4e4e4;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget_flicker .flickr_badge_image:hover img {
border-color: #12d11f;
}
.widget_flicker button {
padding: 0;
position: relative;
display: inline-block;
width: 40px;
height: 40px;
background-color: #0f1521;
border: none;
outline: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget_flicker button:hover {
background-color: #12d11f;
}
.widget_flicker .flickr-prev {
margin-right: 1px;
}
.widget_flicker .flickr-prev:before {
position: absolute;
content: "\f104";
top: 10px;
left: 10px;
width: 20px;
font-style: normal;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
}
.widget_flicker .flickr-next:before {
position: absolute;
content: "\f105";
top: 10px;
left: 10px;
width: 20px;
font-style: normal;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
}
.widget_flicker .flickr-nav {
position: relative;
text-align: center;
}
.widget_flicker .flickr-nav:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background-color: #e4e4e4;
}  .footer-area {
background-color: #0f1521;
color: #bcd7e0;
padding: 40px 0;
}
.footer-area .widget .widget-title {
color: #fff;
line-height: 26px;
}
.footer-area .widget .widget-title:after {
height: 0;
}
.footer-area ul {
border: 0;
}
.footer-area ul li {
border-bottom: 0;
border-top: 1px solid #033243;
float: left;
width: 100%;
}
.footer-area ul li a {
color: #bcd7e0;
width: 100%;
}
.footer-area .widget_brand .brand-over {
border: 1px solid;
border-color: #033243;
padding: 45px 20px 19px 20px;
background-color: #0f1521;
}
.footer-area .widget_brand .brand-over .divider {
background-color: #033243;
}
.footer-area  ul li span {
color: #414c62;
}
.footer-area ul li:first-child,
.footer-area .widget_recent_post ul li {
border: 0;
} .footer-menu {
background-color: #151e32;
border-top: 1px solid #033243;
text-align: center;
padding: 38px 0 40px 0;
}
.footer-menu ul {
padding: 0;
margin: 0;
overflow: hidden;
}
.footer-menu ul li {
display: inline-block;
text-decoration: none;
padding-left: 12px;
padding-right: 9px;
position: relative;
}
.footer-menu ul li a {
display: inline-block;
font-size: 14px;
font-family: "Oswald";
font-weight: 300;
color: #fff;
}
.footer-menu ul li:hover:before {
border: 0;
}
.footer-menu ul li:after {
position: absolute;
content: "";
left: 0;
top: 3px;
width: 1px;
height: 70%;
background-color: #fff;
}
.footer-menu ul li:first-child:after {
width: 0;
}
.footer-menu ul li a:hover {
color: #12d11f;
}
.footer-menu .no-nav {
color: #fff;
}
.footer-menu .no-nav a:hover {
color: #329838;
} .footer-social span,
.footer-social ul,
.footer-social ul li a {
float: left;
margin: 0;
padding: 0;
}
.footer-social ul {
font-size: 0;
}
.footer-social ul li {
float: left;
margin-left: 1px;
list-style: none;
}
.footer-social ul li:first-child {
margin-left: 0;
}
.footer-social {
background-color: #12d11f;
}
.footer-social .socials {
float: right;
position: relative;
}
.footer-social .socials span {
color: #fff;
font-size: 24px;
padding-right: 45px;
line-height: 70px;
font-family: "Oswald";
font-weight: 300;
}
.footer-social .socials li a {
width: 70px;
line-height: 70px;
color: #fff;
font-size: 28px;
background-color: #11c21d;
text-align: center;
font-weight: 300;
font-family: "Oswald";
}
.footer-social .socials li a.active,
.footer-social .socials li a:hover {
background-color: #14971c;
} .bottom {
background-color: #12d11f;
text-align: center;
color: #fff;
font-size: 14px;
font-family: "Oswald";
font-weight: 300;
padding-top: 21px;
padding-bottom: 20px;
} .go-top {
position: fixed !important;
right: 20px;
bottom: -45px;
background-color: #161625;
color: #fff; 
display: block;
font-size: 22px;
line-height: 30px;
text-align: center;
width: 35px;
height: 35px;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
z-index: 9999;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.go-top:hover {
background-color: #12d11f;
color: #fff;
}
.go-top.show {
bottom: 15px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
}  .roll-title-box {
position: relative;
text-align: center;
}
.roll-title-box .title {
font-weight: 300;
font-size: 24px;
word-spacing: 1px;
margin: 0;
line-height: 40px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-title-box .sub-title {
font-weight: 400;
font-size: 36px;
word-spacing: -1.9px;
letter-spacing: 0px;
font-family: "Oswald", sans-serif;
line-height: 54px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .roll-title-box.left {
text-align: left;
} .roll-tag-list .widget-title {
margin-bottom: 24px;
}
.roll-tag-list .tags {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 15px;
}
.roll-tag-list .tags a {
font-family: "Oswald";
font-weight: 300;
font-size: 14px !important;
padding: 11px 10px;
margin-right: 2px;
margin-bottom: 10px;
text-shadow: none;
border-radius: 0;
color: #959595;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-tag-list .tags a:hover {
background-color: #0f1521;
color: #fff;
} .widget_mc4wp_widget #mc4wp_email {
outline: none;
border: 1px solid;
border-color: #e4e4e4;
border-radius: 0;
padding-left: 10px;
height: 40px;
width: 54.37%;
margin-right: 4.18%;
float: left;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget_mc4wp_widget #mc4wp_email:focus {
border-color: #0f1521;
}
.widget_mc4wp_widget input[type="submit"] {
border: 0;
background-color: #12d11f;
color: #f4f4f4;
padding: 10px 25px;
font-family: "Oswald";
font-weight: 300;
font-size: 18px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget_mc4wp_widget input[type="submit"]:hover {
background-color: #0f1521;
} .widget_brand .logo {
margin-bottom: 21px;
}
.widget_brand .divider {
margin-bottom: 34px;
width: 100%;
height: 1px;
background-color: #ccc;
} .widget-tweets {
overflow: hidden;
}
.widget-tweets ul li a {
color: #12d11f;
}
.widget-tweets ul li span {
color: #2BB335;
width: 100%;
display: inline-block;
font-size: 10px;
}
.widget-tweets ul li.hide {
opacity: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
} .roll-text .widget-title {
margin: 0;
}
.roll-text .widget-title:after {
height: 0;
} .roll-tabs ul {
overflow: hidden;
margin:0;
padding: 0;
}
.roll-tabs .menu-tab li {
position: relative;
bottom: -2px;
float: left;
margin-right: 2px;
list-style: none;
padding: 0;
}
.roll-tabs .menu-tab li a {
display: block;
background-color: #011d27;
color: #fff;
padding: 17px 30px 18px 30px;
font-family: "Oswald";
font-size: 18px;
font-weight: 400;
}
.roll-tabs .menu-tab li a:hover {
background-color: #12d11f;
text-decoration: none;
}
.roll-tabs .menu-tab li.active a {
background-color: #f4f4f4;
border: 1px solid #011d27;
padding: 16px 30px 17px 30px;
transition: none;
color: #011d27;
}
.roll-tabs .content-tab {
margin-top: 50px;
border: 1px solid #011d27;
padding: 23px 50px 5px 50px;
margin-top: -1px;
background-color: #f4f4f4;
} .roll-accordion {
margin: 0;
}
.roll-accordion .toggle-title {
position: relative;
line-height: 48px;
border: 1px solid #eeeeee;
padding-left: 66px;
font-size: 18px;
color: #191919;
cursor: pointer;
min-height: 50px;
background-color: #fff;
font-family: "Oswald";
}
.roll-accordion .toggle-title:before {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 48px;
content: "";
font-family: "FontAwesome";
font-size: 16px;
color: #b7b7b7;
background-color: #1dd329;
}
.roll-accordion .toggle-title.active:before {
height: 49px;
}
.roll-accordion .toggle-title:after,
.roll-accordion .toggle-title.active:after {
position: absolute;
left: 20px;
top: 0;
content: "\f107";
font-family: "FontAwesome";
font-size: 16px;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-accordion .toggle-title.active:after {
content: "\f106";
}
.roll-accordion .toggle-title.active {
border-bottom: none;
}
.roll-accordion .toggle-content {
display: none;
border: 1px solid #d6d6d6;
padding: 16px 20px 20px;
margin-left: 51px;
} .roll-experts {
text-align: left;
}
.roll-experts .widget-title:after {
height: 0;
}
.roll-experts p {
margin-bottom: 68px;
}
.roll-experts a {
font-size: 18px;
font-family: "Oswald";
padding: 14px 23px;
border: 1px solid #011d27;
display: inline-block;
color: #011d27;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-experts a:hover {
border-color: #1dd329;
color: #1dd329;
} .roll-single-members {
background-color: #011d27;
color: #bcd7e0;
margin-top: 10px;
float: left;
}
.roll-single-members .avarta {
position: relative;
width: 34.188%;
min-height: 400px;
padding: 20px;
overflow: hidden;
float: left;
}
.roll-single-members .infomation {
float: left;
width: 65.812%;
min-height: 400px;
padding-left: 33px;
padding-right: 41px;
}
.roll-single-members .infomation .full-name {
color: #bcd7e0;
font-size: 24px;
font-weight: 300;
padding: 0;
margin: 0;
margin-bottom: 7px;
margin-top: 36px;
}
.roll-single-members .infomation .regency {
color: #12d11f;
margin-bottom: 16px;
}
.roll-single-members .infomation .signature {
font-family: "Engagement";
font-size: 36px;
float: right;
margin-right: 7px;
margin-top: 11px;
margin-bottom: 41px;
} .roll-maps {
border: 5px solid;
border-color: #e4e4e4;
float: left;
width: 100%;
}
.roll-maps #map {
height: 300px;
} .roll-infomation .widget-title {
font-weight: 300;
margin-bottom: 26px;
font-size: 24px;
}
.roll-infomation .widget-title:after {
height: 0;
}
.roll-infomation p,
.roll-infomation a {
width: 100%;
display: inline-block;
position: relative;
padding-left: 40px;
}
.roll-infomation a {
color: #011d27;
}
.roll-infomation .icon {
font-family: "FontAwesome";
font-size: 20px;
color: #12d11f;
font-style: inherit;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 0;
margin-top: -10px;
}
.roll-infomation .icon:before {
top: 50%;
left: 0;
position: absolute;
width: 20px;
height: 20px;
margin-top: -10px;
}
.roll-infomation .address .icon {
font-style: italic;
} .ptp-pricing-table {
margin: 0 -15px !important;
}
body.boxed .ptp-pricing-table {
margin: 0 -5px !important;
}
.ptp-col {
padding: 0 1.25% !important;
width: 25% !important;
}
.ptp-col .ptp-item-container {
border: 1px solid #d6d6d6;
text-align: center;
padding: 40px 0 !important;
background-color: #f4f4f4;
}
div.ptp-not-most-popular,
.ptp-highlight,
.ptp-most-popular {
display: none;
}
div.ptp-item-container {
text-align: center;
border: 0 !important;
margin: 0 !important;
}
div.ptp-plan {
width: 100px !important;
height: 100px !important;
display: inline-block;
background-color: #1dd329 !important;
color: #fff !important;
padding: 30px 0 0 !important;
border-radius: 50% !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
div.ptp-plan .number {
font-size: 24px;
width: 100%;
display: inline-block;
line-height: 29px;
font-family: "Oswald";
font-weight: 400;
}
div.ptp-plan .month {
font-size: 12px;
font-weight: 400;
line-height: 20px;
color: #fff;
font-family: "Oswald";
}
div.ptp-price {
font-size: 24px !important;
padding: 0 !important;
margin: 27px 0 10px 0 !important;
width: 100%;
display: inline-block;
background-color: transparent !important;
font-family: "Oswald";
line-height: 30px;
}
div.ptp-price + div.ptp-bullet-item {
border-top:1px solid #d6d6d6 !important;
margin-top: 26px !important;
}
div.ptp-bullet-item {
background-color: transparent !important;
padding: 15px 0 14px 0 !important;
margin: 0 !important;
border-bottom: 1px solid #d6d6d6 !important;
}
div.ptp-bullet-item b {
font-size: 12px;
line-height: 20px;
}
div.ptp-cta {
margin: 40px 0 0 !important;
padding: 0 !important;
}
a.ptp-button {
font-family: "Oswald" !important;
font-weight: 300 !important;
font-size: 18px !important;
border: none !important;
color: #f4f4f4 !important;
padding: 10px 25px !important;
background-color: #12d11f !important;
line-height: 25px !important;
width: auto !important;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.ptp-highlight .ptp-plan,
.ptp-highlight .ptp-button,
.ptp-item-container:hover .ptp-plan,
.ptp-item-container:hover .ptp-button {
background-color: #011d27 !important;
} .roll-purchase-box {
display: table;
width: 100%;
}
.roll-purchase-box .purchase-left {
display: table-cell;
margin-top: -9px;
width: 85%;
}
.roll-purchase-box .purchase-left .title {
font-family: "Oswald";
font-weight: 300;
font-size: 24px;
line-height: 30px;
margin: 0 0 10px 0;
}
.roll-purchase-box .purchase-right {
width: 15%;
display: table-cell;
vertical-align: middle;
}
.roll-purchase-box .purchase-right a {
color: #1dd329;
font-family: "Oswald";
font-size: 18px;
padding: 15px 28px;
background-color: #011d27;
display: inline-block;
}
.roll-purchase-box .purchase-right a:hover {
color: #fff;
}
.roll-purchase-box.light .purchase-left .title {
color: #fff;
}
.roll-purchase-box.light .purchase-left .content {
color: #12d11f;
}
.roll-purchase-box.light .purchase-right a {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
.roll-purchase-box.light .purchase-right a:hover {
color: #fff;
background-color: #011d27;
border-color: #011d27;
} .roll-logo-client .items {
padding: 0 15px;
float: left;
width: 100%;
height: 125px;
border: 1px solid #e4e4e4;
text-align: center;
display: table;
}
.roll-logo-client .items a {
display: table-cell;
vertical-align: middle;
}
.roll-logo-client .owl-controls {
position: relative;
margin-top: 60px;
text-align: center;
}
.roll-logo-client .owl-controls .owl-prev,
.roll-logo-client .owl-controls .owl-next {
display: inline-block;
}
.roll-logo-client .owl-controls:before {
width: 100%;
content: "";
height: 1px;
background-color: #e4e4e4;
position: absolute;
top: 0;
left: 0;
margin-top: 25px;
}
.roll-logo-client .owl-controls .icons-angle-left,
.roll-logo-client .owl-controls .icons-angle-right {
width: 50px;
height: 50px;
background-color: #12d11f;
display: inline-block;
z-index: 99999;
position: relative;
margin-right: 4px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-logo-client .owl-controls .icons-angle-left:hover,
.roll-logo-client .owl-controls .icons-angle-right:hover {
background-color: #011d27;
}
.roll-logo-client .owl-controls .icons-angle-left:before {
position: absolute;
content: "\f104";
top: 15px;
left: 15px;
width: 20px;
font-style: normal;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
}
.roll-logo-client .owl-controls .icons-angle-right:before {
position: absolute;
content: "\f105";
top: 15px;
left: 15px;
width: 20px;
font-style: normal;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
}
.roll-logo-client.small {
background-color: #fff;
padding: 36px 100px;
position: relative;
}
.roll-logo-client.small .items {
border: 0;
height: auto;
}
.roll-logo-client.small .owl-controls {
position: absolute;
margin: 0;
top: 50%;
left: 0;
margin-top: -25px;
width: 100%;
padding: 0 25px;
}
.roll-logo-client.small .owl-controls .owl-nav {
position: relative;
}
.roll-logo-client.small .owl-controls .owl-prev {
position: absolute;
top: 0;
left: 0;
}
.roll-logo-client.small .owl-controls .owl-next {
position: absolute;
top: 0;
right: 0;
}
.roll-logo-client.small .owl-controls:before {
height: 0;
} .roll-progress-single {
position: relative;
margin-bottom: 9PX;
color: #fff;
height: 50px;
}
.roll-progress-single .name {
position: absolute;
left: 20px;
top: 16px;
font-family: "Oswald";
font-size: 18px;
font-weight: 400;
}
.roll-progress-single .progress-animate {
height: 10px;
width: 0;
background-color: #12d11f;
height: 100%;
padding-top: 16px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.roll-progress-single .progress-bar {
background-color: #011d27;
width: 100%;
height: 50px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.roll-progress-single .perc {
width: 0;
font-family: "Oswald";
font-size: 18px;
font-weight: 400;
text-align: right;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
padding-right: 10px;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.roll-progress-single .perc.show {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
} .box-skill-wrap {
margin: 0 -15px;
display: table;
width: 100%;
}
.box-skill-wrap.items-4 .roll-box-skill {
width: 25%;
display: table-column;
height: 100%;
}
.box-skill-wrap.items-3 .roll-box-skill {
width: 33.33%;
height: 100%;
}
.box-skill-wrap.items-2 .roll-box-skill {
width: 50%;
height: 100%;
}
.box-skill-wrap.items-1 .roll-box-skill {
width: 100%;
height: 100%;
}
.roll-box-skill {
text-align: center;
float: left;
padding: 0 15px;
}
.roll-box-skill .skill {
position: relative;
height: 120px;
margin-bottom: 29px;
}
.roll-box-skill .skill .process {
text-align: center;
transform: rotate(90deg);
position: absolute;
display: inline-block;
top: 0;
left: 50%;
width: 120px;
height: 120px;
margin-left: -60px;
}
.roll-box-skill .skill .number {
text-align: center;
transform: rotate(-90deg);
position: absolute;
top: 50%;
right: 50%;
margin-top: -10px;
margin-right: -17px;
font-size: 24px;
font-family: "Oswald";
font-weight: 300;
}
.roll-box-skill .box-skill h4.title {
font-size: 24px;
font-family: "Oswald";
}
.roll-box-skill .title {
margin: 10px 0;
} .roll-members {
text-align: center;
margin-bottom: 30px;
}
.roll-members .member {
position: relative;
overflow: hidden;
float: left;
width: 100%;
}
.roll-members .member .avarta {
border: 3px solid #d6d6d6;
background-color: #fbfbfb;
}
.roll-members .member .social {
margin: 0;
padding: 0;
top: 3px;
left: 3px;
list-style: none;
position: absolute;
opacity: 0;
background-color: #12d11f;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;   
}
.roll-members .member .social li {
display: block;
margin: 0;
padding: 0;
border-bottom-color: transparent;
margin-top: 1px;
background-color: #11c21d;
margin-left: -10px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-members .member .social li:hover {
background-color: #14971c;
}
.roll-members .member .social li:first-child {
margin-top: 0;
}
.roll-members .member .social li:nth-child(odd) {
margin-left: -10px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.roll-members .member:hover .social {
opacity: 1;
}
.roll-members .member:hover .social li {
margin-left: 0;
}
.roll-members .member .social li a {
padding: 10px 15.5px;
color: #fff;
font-size: 16px;
text-align: center;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-members .member .infomation {
background-color: #fbfbfb;
border: 1px solid #d6d6d6;
border-top: 0;
padding: 15px 0px;
}
.roll-members .member .infomation .full-name {
color: #bcd7e0;
font-size: 24px;
font-weight: 300;
padding: 0;
margin: 0;
margin-bottom: 7px;
letter-spacing: 0.25px;
}
.roll-members .member .infomation .regency {
color: #12d11f;
} .roll-newsflash-wrap {
float: left;
margin: 0 -15px;
text-align: center;
}
.roll-newsflash-wrap .items {
padding: 0 15px;
margin-bottom: 30px;
width: 20%;
float: left;
}
.roll-newsflash-wrap.col4 .items {
width: 25%;
overflow: hidden;
}
.roll-newsflash-wrap .link-img {
position: relative;
overflow: hidden;
}
.roll-newsflash-wrap .link-img .overlay {
position: absolute;
top: 0;
left: 0;
background: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/overlay.png);
background-position: center;
width: 100%;
height: 100%;
border: 5px solid #12d11f;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-newsflash-wrap .link-img .link {
content: "";
bottom: 10%;
left: 50%;
margin-left: -15px;
width: 30px;
height: 30px;
background: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/link.svg);
background-size: 30px 30px;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-newsflash-wrap.col4 .link-img .link {
width: 50px;
height: 50px;
background-size: 50px 50px;
margin-left: -25px;
}
.roll-newsflash-wrap .link-img .title {
font-weight: 300;
font-size: 24px;
position: absolute;
bottom: 50%;
line-height: 29px;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-newsflash-wrap .link-img .title a {
font-weight: 300;
font-size: 24px;
line-height: 29px;
color: #12d11f;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-newsflash-wrap .link-img img {
border: 3px solid #cacaca;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-newsflash-wrap .see-more {
float: left;
width: 100%;
}
.roll-newsflash-wrap .see-more a {
font-size: 18px;
display: inline-block;
font-family: "Oswald";
padding: 14px 23px;
border: 1px solid #011d27;
color: #011d27;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-newsflash-wrap .see-more a:hover {
color: #fff;
background-color: #011d27;
border-color: #011d27;
}
.roll-newsflash-wrap .link-img:hover img {
border-color: transparent;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.roll-newsflash-wrap .link-img:hover .overlay {
opacity: 1;
}
.roll-newsflash-wrap .link-img:hover .link {
bottom: 22%;
}
.roll-newsflash-wrap.col4 .link-img:hover .link {
bottom: 21.11%;
}
.roll-newsflash-wrap .link-img:hover .title {
bottom: 35%;
}
.roll-newsflash-wrap.col4 .link-img:hover .title {
bottom: 38%;
}
.roll-newsflash-wrap .link-img .title a:hover {
color: #fff;
} .roll-testimonial {
background-color: #011d27;
margin: 0 -15px;
}
body.boxed .roll-testimonial {
margin: 0;
}
.roll-testimonial.center {
text-align: center;
}
.roll-testimonial {
text-align: left;
}
.roll-testimonial.right {
text-align: right;
}
.testimonial-detail {
padding: 0 15px;
}
.testimonial-detail blockquote {
text-align: left;
margin: 0;
padding: 33px 30px 34px 30px;
border: 1px solid #033243;
border-left: 3px solid #12d11f;
background-color: #011d27;
position: relative;
color: #bcd7e0;
margin-bottom: 24px;
font: 12px/20px "Open Sans", sans-serif;
}
.roll-testimonial .testimonial-detail blockquote:before {
content: "";
position: absolute;
left: 55px;
bottom: -16px;
border-width: 8px;
border-color: #033243 transparent transparent #033243;
border-style: solid;
}
.roll-testimonial .testimonial-detail blockquote:after {
content: "";
position: absolute;
left: 56px;
bottom: -14px;
border-width: 7px;
border-color: #011d27 transparent transparent #011d27;
border-style: solid;
}
.roll-testimonial.center .testimonial-detail blockquote:before {
content: "";
position: absolute;
left: 50%;
bottom: -30px;
border-width: 15px;
border-color: #033243 transparent transparent transparent;
border-style: solid;
margin-left: -15px;
}
.roll-testimonial.center .testimonial-detail blockquote:after {
content: "";
position: absolute;
left: 50%;
bottom: -28px;
border-width: 14px;
border-color: #011d27 transparent transparent transparent;
border-style: solid;
margin-left: -14px;
}
.roll-testimonial.right .testimonial-detail blockquote:before {
content: "";
position: absolute;
left: auto;
right: 55px;
bottom: -16px;
border-width: 8px;
border-color: #033243 #033243 transparent transparent;
border-style: solid;
}
.roll-testimonial.right .testimonial-detail blockquote:after {
content: "";
position: absolute;
left: auto;
right: 56px;
bottom: -14px;
border-width: 7px;
border-color: #011d27 #011d27 transparent transparent;
border-style: solid;
}
.testimonial-detail .img-user {
display: inline-block;
width: 100px;
}
.testimonial-detail .img-user img {
border: 3px solid #12d11f;
border-radius: 50%;
-webkit-transition: border-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out;
-ms-transition: border-color 0.3s ease-in-out;
-o-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
}
.testimonial-detail:hover .img-user img {
border-color: #14971c;
}
.testimonial-detail .name {
width: 100%;
display: inline-block;
font-size: 14px;
margin-top: 7px;
color: #bcd7e0;
}
.roll-testimonial.no-nav .owl-controls {
display: none;
}
.roll-testimonial .owl-stage-outer + .owl-controls {
margin-top: 54px;
padding-bottom: 50px;
}
.roll-testimonial .owl-carousel.owl-loaded {
display: inline-block;
margin-bottom: 50px;
}
.roll-testimonial .owl-nav {
position: relative;
width: 100%;
}
.roll-testimonial .owl-nav:before {
content: "";
height: 1px;
width: 100%;
background-color: #033243;
top: 25px;
left: 0;
position: absolute;
}
.roll-testimonial .owl-prev {
position: absolute;
top: 0;
left: 50%;
width: 50px;
height: 50px;
margin-left: -50px;
background-color: #12d11f;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-testimonial .owl-next {
position: absolute;
top: 0;
right: 50%;
width: 50px;
height: 50px;
margin-right: -52px;
background-color: #12d11f;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-testimonial .icons-angle-left {
position: absolute;
top: 0;
left: 0;
width: 49px;
height: 49px;
}
.roll-testimonial .icons-angle-right {
position: absolute;
top: 0;
left: 0;
width: 49px;
height: 49px;
}
.roll-testimonial .icons-angle-left:before {
position: absolute;
content: "\f104";
top: 50%;
left: 50%;
margin-left: -3px;
margin-top: -10px;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
}
.roll-testimonial .icons-angle-right:before {
position: absolute;
content: "\f105";
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -3px;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
}
.roll-testimonial .owl-prev:hover,
.roll-testimonial .owl-next:hover {
background-color: #011d27;
border-color: #033243;
} .roll-icon-box-wrap {
margin: 0 -15px;
text-align: center;
float: left;
width: 100%;
}
body.boxed .roll-icon-box-wrap {
margin: 0;
}
.roll-icon-box-wrap.items-4 .roll-icon-box {
width: 25%;
padding: 0 15px;
}
.roll-icon-box-wrap.items-3 .roll-icon-box {
width: 33.33%;
padding: 0 15px;
}
.roll-icon-box-wrap.items-2 .roll-icon-box {
width: 50%;
padding: 0 15px;
}
.roll-icon-box-wrap.items-1 .roll-icon-box {
width: 100%;
padding: 0 15px;
}
.roll-icon-box {
float: left;
text-align: center;
position: relative;
}
.roll-icon-box .items-wrap {
border: 1px solid;
border-color: #d6d6d6; padding: 40px 20px;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.roll-icon-box.left {
border: 0;
padding: 0;
}
.roll-icon-box .icon {
border: 1px;
border-style: solid;
border-color: #12d11f;
width: 100px;
height: 100px;
display: inline-block;
margin-bottom: 24px;
background-color: #12d11f;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-icon-box.rectangle .icon {
border-radius: 0;
}
.roll-icon-box.left .icon {
background-color: #1dd329;
float: left;
text-align: center;
}
.roll-icon-box.left .items-wrap:hover .icon {
background-color: #011d27;
border-color: #011d27;
}
.roll-icon-box.not-fill .icon {
background-color: transparent;
border: 1px solid;
border-color: #1dd329;
}
.roll-icon-box .icon i {
font-size: 50px;
color: #fff;
top: 50%;
margin-top: -25px;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-icon-box.not-fill .icon i {
color: #1dd329;
}
.roll-icon-box.not-fill.left .icon i {
color: #1dd329;
}
.roll-icon-box.not-fill .items-wrap:hover {
background-color: #fff;
}
.roll-icon-box.not-fill .items-wrap:hover .icon {
background-color: #1dd329;
border-color: transparent;
}
.roll-icon-box.not-fill .items-wrap:hover .icon i {
color: #fff;
}
.roll-icon-box .title {
font-size: 24px;
line-height: 24px;
padding: 0;
margin: 0;
margin-bottom: 23px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-icon-box .title a {
font-size: 24px;
color: #011d27;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-icon-box:hover .title a {
color: #fff;
}
.roll-icon-box.left .items-wrap:hover .title a {
color: #011d27;
}
.roll-icon-box .title a:hover,
.roll-icon-box.left .title a:hover,
.roll-icon-box.not-fill:hover .title a:hover {
color: #12d11f;
}
.roll-icon-box.left .title {
padding-left: 130px;
text-align: left;
width: 100%;
}
.roll-icon-box .content {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-icon-box.left .content {
padding-left: 130px;
text-align: left;
width: 100%;
}
.roll-icon-box-wrap .read-more {
margin-top: 40px;
}
.roll-icon-box-wrap .read-more,
.roll-icon-box .read-more  {
background-color: #12d11f;
color: #fff;
font-size: 18px;
font-weight: 400;
font-family: "Oswald";
padding: 14px 23px;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.roll-icon-box-wrap .roll-icon-box.left + .read-more {
margin-top: 0;
}
.roll-icon-box-wrap .no-fill .read-more,
.roll-icon-box.no-fill .read-more {
background-color: transparent;
border: 1px solid;
border-color: #0f1521;
color: #0f1521;
}
.roll-icon-box .items-wrap:hover {
border-color: #011d27;
background-color: #011d27;
}
.roll-icon-box.left .items-wrap:hover {
background-color: #fff;
}
.roll-icon-box .items-wrap:hover .title {
color: #fff;
}
.roll-icon-box .items-wrap:hover .content {
color: #bcd7e0;
}
.roll-icon-box.left .items-wrap:hover .content {
color: #011d27;
}
.roll-icon-box.not-fill .items-wrap:hover .title a,
.roll-icon-box.not-fill .items-wrap:hover .content {
color: #011d27;
} .roll-slider {
position: relative;
padding: 0;
}
.roll-slider .script-slide {
display: none;
}
.roll-slider .background-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.roll-slider div.img,
.roll-slider div.text,
.roll-slider div.link {
position: absolute;
display: inline-block;
}
.roll-slider .flexslider .flex-direction-nav .flex-prev,
.roll-slider .flexslider .flex-direction-nav .flex-next {
top: 50%;
}
.roll-slider .flexslider .slides > li {
height: 100%;
overflow: hidden;
}
.roll-slider .flexslider .slides {
overflow: hidden;
}
.roll-slider .flexslider .slides + .container {
height: 0;
}
.roll-slider .load-video {
position: absolute;
background: url(//www.nicolas-mauhin.fr/wp-content/themes/colores/images/loader.gif);
width: 32px;
height: 32px;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
}
.roll-slider .bg_video .buttonBar {
opacity: 0;
}
.roll-slider .description {
position: absolute;
z-index: 99;
height: 100px;
text-align: center;
bottom: -50px;
left: 0;
width: 100%;
}
.roll-slider .description .title {
display: inline-block;
width: 100%;
font-weight: 300;
font-size: 24px;
margin: 0;
color: #fff;
font-family: "Oswald";
line-height: 30px;
margin: 19px 0 7px 0;
}
.roll-slider  .description .subtitle {
color: #12d11f;
}
.roll-slider .description .des-prev,
.roll-slider .description .des-next {
position: absolute;
top: 50%;
height: 50px;
width: 50px;
border:1px solid;
border-color: #12d11f;
color: #12d11f;
background-color: transparent;
margin-top: -25px;
}
.roll-slider .description button:before {
font-size: 20px;
}
.roll-slider .description .des-prev {
left: 25px;
}
.roll-slider .description .des-next {
right: 25px;
}
.roll-slider .description + img {
position: absolute;
z-index: 2;
bottom: -100px;
left: 0;
}
.roll-slider .text.import1 p {
font-size: 36px;
font-family: "Oswald";
font-weight: 300;
line-height: 42px;
padding: 9px 27px;
color: #ffffff;
margin: 0;
}
.roll-slider .text.import2 p {
font-size: 36px;
font-family: "Oswald";
font-weight: 300;
line-height: 42px;
padding: 9px 27px;
color: #ffffff;
margin: 0;
}
.roll-slider .text p {
font-size: 14px;
font-family: "Open Sans";
font-weight: 400;
line-height: 20px;
padding: 0;
color: #ffffff;
margin: 0;
}
.roll-slider .link a {
font-size: 18px;
font-family: "Oswald";
font-weight: 400;
padding: 12px 23px;
display: inline-block;
} @media only screen and (min-width: 1930px) {
} @media only screen and (max-width: 1199px) {
.roll-purchase-box .purchase-left {
width: 80%;
}
.roll-purchase-box .purchase-right {
width: 20%;
}
.roll-members .member .social li a {
font-size: 14px;
padding: 5px 11px;
}
.single-portfolio .posts .some-posts li {
width: 290px;
}
.widget_mc4wp_widget #mc4wp_email {
width: 53%;
margin-right: 1%;
}
.widget_flicker .flickr_badge_image {
width: 67px;
margin: 0 5px 5px 0;
}
.mc4wp-form input[type=submit] {
margin-top: 1px;
}
.testimonial-detail {
padding: 0;
}
.box-skill-wrap.items-4 .roll-box-skill,
.roll-newsflash-wrap.col4 .items,
.roll-icon-box-wrap.items-4 .roll-icon-box,
.works-container .item {
width: 25%;
}
.footer-area .widget_brand .brand-over {
margin-top: 0 !important;
}
.widget_flicker .flickr_badge_image {
width: 67px;
}
.author-post:after {
width: 60%;
}
.comments-area .comment-list .children {
padding-left: 90px;
}
.comments-area .comment-list .gravatar {
width: 90px;
}
.comments-area .comment-list .gravatar + .comment_content {
margin-left: 100px;
}
body.boxed .site,
body.boxed .site-header, 
body.boxed .page-wrap {
max-width: 1000px;
}
} @media only screen and (max-width: 979px) {
.btn-menu {
display: block ;
}
.roll-newsflash-wrap.col4 .items {
width: 50%;
}
.roll-purchase-box,
.roll-purchase-box .purchase-left,
.roll-purchase-box .purchase-right {
display: block;
}
.roll-purchase-box .purchase-left,
.roll-purchase-box .purchase-right {
width: 100%;
}
.ptp-col {
width: 50% !important;
float: left;
margin-bottom: 15px;
}
.roll-icon-box-wrap.items-4 .roll-icon-box,
.works-container .item {
width: 50%;
margin-bottom: 15px;
}
.roll-icon-box-wrap.items-3 .roll-icon-box {
margin-bottom: 15px;
width: 33.33%;
}
.widget_flicker .flickr_badge_image {
width: 50px;
}
.roll-newsflash-wrap.col5 .items {
width: 33.33%;
}
.roll-icon-box.left .icon {
float: none;
}
.roll-icon-box.left .title,
.roll-icon-box.left .content {
padding-left: 0;
text-align: center;
}
.siteorigin-panels-stretch {
background-size: cover;
}
.widget_mc4wp_widget #mc4wp_email {
width: 100%;
margin: 0;
margin-bottom: 1px;
}
#contact-form .input-wrap {
width: 31.5%;
margin-right: -4px;
}
#mainnav-mobi {
right: 0;
}
.header-inner-pages .top,
.header-inner-pages header,
.page-title,
.page-wrap,
.footer-social,
.footer-area,
.footer-menu,
.site-footer {
padding: auto 5px;
}
blockquote {
padding: 40px 51px;
}
.single-portfolio .posts .some-posts li {
width: 220px;
}
.comments-area .comment-list .children {
padding-left: 30px;
}
.comments-area .comment-list .gravatar {
width: 60px;
}
.comments-area .comment-list .gravatar + .comment_content {
margin-left: 70px;
}
.comments-area .comment-respond fieldset {
width: 31.3%;
margin-right: -4px;
}
.single-portfolio .portfolio-direc {
margin-bottom: 30px;
}
.pagination,
.comments-area {
margin-bottom: 50px;
}
body.boxed .site,
body.boxed .site-header, 
body.boxed .page-wrap {
max-width: 780px;
}
body.boxed .ptp-pricing-table {
margin: 0 !important;
}
} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
} @media only screen and (min-width: 768px) and (max-width: 959px) {
} @media only screen and (max-width: 767px) {
.panel-grid-cell {
padding: 0 10px !important;
}
.header-wrap .col-xs-12,
.box-skill-wrap.items-4 .roll-box-skill, 
.roll-newsflash-wrap.col4 .items, 
.roll-icon-box-wrap.items-4 .roll-icon-box, 
.works-container .item {
width: 50%;
}
.content-wrapper .content-area,
.content-wrapper .widget-area {
width: 100%;
}
#contact-form .input-wrap {
width: 31.5%;
margin-right: -4px;
}
.ptp-col {
padding: 0 5px !important;
}
.ptp-pricing-table {
padding-left: 20px;
}
.widget_flicker .flickr_badge_image {
width: 75px;
}
.widget_mc4wp_widget #mc4wp_email {
width: 80%;
margin-right: 10px;
}
.roll-testimonial {
padding: 0 0 0 15px;
}
.roll-newsflash-wrap,
.box-skill-wrap,
.roll-icon-box-wrap,
.works-container {
margin: 0;
}
.roll-icon-box .items-wrap {
padding: 20px 5px;
}
.roll-icon-box-wrap.items-3 .roll-icon-box,
.roll-icon-box-wrap.items-3 .roll-icon-box.left {
width: 100%;
}
.footer-social .socials {
height: auto;
text-align: center;
float: left;
}
.footer-social .socials span {
float: none;
padding: 0;
}
.footer-social ul {
float: left;
width: 100%;
}
.footer-social ul li {
margin: 0;
margin-right: 1px;
}
body.boxed .site,
body.boxed .site-header, 
body.boxed .page-wrap,
body.boxed .panel-grid {
max-width: 100%;
}
body.boxed .ptp-pricing-table,
body.boxed .panel-grid {
margin: 0 !important;
}
body.boxed .panel-row-style {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.boxed .ptp-pricing-table,
body.boxed .roll-testimonial {
padding-left: 0;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
} @media only screen and (max-width: 479px) {
#mainnav-mobi {
width: 180%;
}
.box-skill-wrap.items-4 .roll-box-skill, 
.roll-newsflash-wrap.col4 .items, 
.roll-icon-box-wrap.items-4 .roll-icon-box, 
.roll-icon-box-wrap.items-3 .roll-icon-box, 
.works-container .item,
.roll-newsflash-wrap.col5 .items,
.roll-newsflash-wrap.col4 .items,
.roll-newsflash-wrap.col3 .items,
.roll-single-members .infomation,
.single-portfolio .posts .some-posts li,
.widget_mc4wp_widget #mc4wp_email,
.roll-icon-box-wrap.items-2 .roll-icon-box,
.roll-icon-box-wrap.items-3 .roll-icon-box.left,
#contact-form .input-wrap {
width: 100%;
margin-bottom: 15px;
}
.ptp-col {
margin-left: 15px;
width: 100% !important;
}
.ptp-pricing-table {
padding-left: 0;
}
.roll-purchase-box .purchase-left {
margin-top: 0;
}
.roll-single-members .avarta {
width: 100%;
min-height: 0;
}
.comments-area .comment-list .comment-reply-link {
position: relative;
padding: 0 5px;
}
.comments-area .comment-list .comment-reply-link:before {
content: "(";
position: absolute;
top: -2px;
left: 0;
}
.comments-area .comment-list .comment-reply-link:after {
content: ")";
position: absolute;
top: -2px;
right: 0;
}
.comments-area .comment-list .gravatar {
width: 50px;
}
.comments-area .comment-list .gravatar + .comment_content {
margin-left: 60px;
}
.comments-area .comment-list .children {
padding-left: 10px;
}
.comments-area .comment-list .children .children {
padding-left: 10px;
}
.widget_widget_progress_single {
margin-bottom: 30px !important;
}
.comment-respond,
.roll-tabs {
margin-bottom: 30px;
}
blockquote {
padding: 15px 26px;
font-size: 15px;
}
.post-navigation .nav-links .nav-next,
.post-navigation .nav-links .nav-previous {
position: relative;
}
.roll-logo-client.small {
padding: 36px 50px;
}
.roll-logo-client.small .owl-controls .owl-prev {
left: -15px;
}
.roll-logo-client.small .owl-controls .owl-next {
right: -20px;
}
#contact-form .input-wrap,
.comments-area .comment-respond fieldset {
margin-left: 0;
}
.roll-accordion .toggle-content {
margin-left: 0;
padding: 11px 15px 15px;
}
.roll-single-members,
.roll-newsflash-wrap,
.comments-area .comment-respond fieldset {
width: 100%;
}
.roll-single-members .infomation {
padding: 0 10px;
}
.roll-single-members .avarta {
padding: 10px;
}
.roll-newsflash-wrap .items {
padding: 0;
}
.roll-tabs .content-tab {
padding: 13px 20px 20px;
}
.roll-progress-single .name {
left: 10px;
font-size: 16px;
}
.roll-progress-single .perc {
font-size: 16px;
}
.roll-title-box .title {
margin-bottom: 10px;
}
.roll-title-box .sub-title {
font-size: 27px;
line-height: 35px;
}
.single-portfolio .portfolio-direc a {
font-size: 20px;
line-height: 55px;
}
select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], .uneditable-input {
width: 100%;
}
body.boxed .ptp-col {
margin-left: 0;
}
.footer-social ul li {
margin-top: 1px;
}
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-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 rubberBand {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
-ms-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
-ms-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
-ms-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-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% {
opacity: 1;
-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% {
opacity: 1;
-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(-360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-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-out;
animation-timing-function: ease-out;
}
40% {
-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-out;
animation-timing-function: ease-out;
}
50% {
-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-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0deg) 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 slideInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
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);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes slideOutDown {
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);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-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);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
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);
-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;
opacity: 1;
}
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;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
-ms-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
-ms-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(48px);
transform: scale(.475) translateX(48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
-ms-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(48px);
-ms-transform: scale(.475) translateX(48px);
transform: scale(.475) translateX(48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-48px);
transform: scale(.475) translateX(-48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
-ms-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-48px);
-ms-transform: scale(.475) translateX(-48px);
transform: scale(.475) translateX(-48px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
-ms-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
60% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
-ms-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(-60px);
-ms-transform: scale(.475) translateY(-60px);
transform: scale(.475) translateY(-60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(2000px);
-ms-transform: scale(.1) translateY(2000px);
transform: scale(.1) translateY(2000px);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(42px);
transform: scale(.475) translateX(42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(42px);
-ms-transform: scale(.475) translateX(42px);
transform: scale(.475) translateX(42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(-2000px);
-ms-transform: scale(.1) translateX(-2000px);
transform: scale(.1) translateX(-2000px);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-42px);
transform: scale(.475) translateX(-42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateX(-42px);
-ms-transform: scale(.475) translateX(-42px);
transform: scale(.475) translateX(-42px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateX(2000px);
-ms-transform: scale(.1) translateX(2000px);
transform: scale(.1) translateX(2000px);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-transform-origin: center top;
transform-origin: center top;
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale(.475) translateY(60px);
-ms-transform: scale(.475) translateY(60px);
transform: scale(.475) translateY(60px);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translateY(-2000px);
-ms-transform: scale(.1) translateY(-2000px);
transform: scale(.1) translateY(-2000px);
-webkit-transform-origin: center top;
-ms-transform-origin: center top;
transform-origin: center top;
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
 span.bouton_tuto {
background-color: #ccc;
border-radius: 3px;
padding: 0.16em 0.3em;
}
span.gras_simple {
font-weight: 600;
}
span.chapo {
font: 17px/28px "Oswald", sans-serif;
}  p.liste_formation_tuto_title, p.liste_formation_tuto_img {
text-align:center;
margin:0;
} li {
line-height: 1.6em;
}
p {
line-height: 1.6em;
} body, button, input, select, textarea {
font: 400 15px/20px "Open Sans", sans-serif;
} .top .contact-info li.email {
display: none;
} body.home div.articles_home div.rpwe-summary {
font-size: 1em;
padding: 0 1%;
} .datadock_home {
width: 70%;
margin: auto;
background-color: #d5dce2;
overflow: auto;
padding: 1em;
}
.datadock_home_img {
float: left;
margin-right: 1em;
}
.datadock_home_txt {
padding-top: 1.4em;
}
img.datadock_col_droite {
margin: auto;
display: block;
}
body.body.amp-frontpage a.su-post-thumbnail {
display: block;
float: left;
margin: 1% 2% 0 0;
}
amp-anim.attachment-post-thumbnail.size-post-thumbnail.wp-post-image.amp-wp-enforced-sizes.i-amphtml-element.i-amphtml-layout-intrinsic.i-amphtml-layout-size-defined.i-amphtml-built.i-amphtml-layout {
float: left;
margin: 1% 4% 0 0;
} p.titre_formation {
font: 42px/50px "Oswald", sans-serif;
font-weight: 300;
font-size: 24px;
word-spacing: 1px;
margin: 0;
line-height: 40px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #36424a;
}
h2.chapo_titre {
font: 27px/33px "Oswald", sans-serif;
color: #36424a;
}
.page-title .title {
text-transform: inherit;
}
body.single h2 {
font-size: 2em;
line-height: normal;
}
body.single h3 {
font-size: 1.5em;
line-height: normal;
}
body.single h4 {
font-size: 1.4em;
line-height: normal;
}
body.home div.articles_home h3.rpwe-title a {
font-size: 1.4em;
font-weight: 100;
text-decoration: none;
}
body.single p.titre_article_p {
font-size: 2.8em;
font-family: "Oswald", sans-serif;
line-height: 1.8em;
}    div#secondary aside.widget_black_studio_tinymce div.textwidget div.su-note {
margin: 0 0 0.3em 0 !important;
}
div#secondary aside.widget_black_studio_tinymce div.textwidget div.su-note-inner {
padding: 0.4em 1em !important;
}
div#rpwe_widget-5 {
margin-bottom: 24px;
}   i.conseil {
float: left;
padding: 1% 2% 1% 1%;
}
img.conseil_image {
margin: -2px 0 -4px 30px !important;
} div.liste_formations div.su-column.su-column-size-1-2 {
background-color: #FFF;
padding: 3% 1%;
}
div.liste_formations h3, div.liste_formations p {
text-align: center;
}
div.liste_formations p {
margin: 5% auto;
width: 85%;
}
div.liste_formations_deux_col {
display:none;
}
div#pl-w57b1e51b0010a .panel-grid-cell .so-panel, div#pl-w57b1e51b0010a .panel-grid-cell .so-panel:last-child, div#pl-w57b1e93ae8541 .panel-grid-cell .so-panel, div#pl-w57b1e93ae8541 .panel-grid-cell .so-panel:last-child, div#pl-w57b1f1ef32d96 .panel-grid-cell .so-panel, div#pl-w57b1f1ef32d96 .panel-grid-cell .so-panel:last-child, div#pl-w57b1f1ef32e27 .panel-grid-cell .so-panel, div#pl-w57b1f1ef32e27 .panel-grid-cell .so-panel:last-child {
margin-bottom: 1em;
} .liste_formations_trois_col.panel-widget-style a:hover {
color: #36424A;
text-decoration: none;
}
div.entry-content a, div.content-area a {
color: #36424A;
text-decoration: underline;
}
div.entry-content a:hover, div.content-area a:hover {
color: #aacb56;
text-decoration: none;
}
div.roll-icon-box-wrap a {
color: #36424A;
text-decoration: none;
}
div.roll-icon-box-wrap a:hover {
text-decoration: underline;
}
div.entry-content a.read-more, div.entry-content a.more-link {
text-decoration: none;
margin-top: 0;
}
div.ptp-cta a.ptp-button {
text-decoration: none;
}
div.entry-content a.read-more:hover, div.entry-content a.more-link:hover {
color: #36424A;
text-decoration: none;
}
.liens_hover_bleu:hover {
color: #36424A;
text-decoration: none;
}
.roll-icon-box-wrap .read-more, .roll-icon-box .read-more {
font-size: 1.3em;
line-height: 1.4em;
padding: 0.5em 1em;
margin-top: 0;
}
a.signature_bottom {
color: #36424A;
}
a.signature_bottom:hover {
color: #FFF;
}
nav#mainnav > ul > li > a {
padding: 18px 14px 20px 15px;
}  .fa-viadeo:before {
content: "\f2a9";
}
.slogan_partage {
font-size: 1.2em;
} .page-title {
padding: 26px 0 26px 0;
}
.page .page-wrap, .blog .page-wrap, .single-post .page-wrap {
padding-bottom: 50px;
}
div.roll-icon-box-wrap p {
font-size: 14px;
}
div.articles_home {
}
div.articles_home li {
border: 1px solid #36424A;
margin-bottom: 3%;
margin-left: 3.5%;
padding-bottom: 10px;
padding-top: 0;
list-style-type: none;
display: inline-block;
vertical-align: top;
width: 30.33%;
text-align: center;
}
div.articles_home li:nth-child(3n+1) { margin-left: 0;
}
div.articles_home h3.rpwe-title {
font-size: 20px !important
}
div.rpwe-summary {
position: relative;
}
div.rpwe-summary a.more-link {
background: #aacb56 none repeat scroll 0 0;
bottom: -45px;
color: #fff;
font-family: "Oswald";
font-size: 17px;
font-weight: 400;
left: 25%;
padding: 2%;
position: absolute;
width: 50%;
}
div.rpwe-summary a.more-link:hover {
color: #36424a;
}
.page-wrap {
padding-top: 15px;
} div.testimonial-detail blockquote {
border-color: #aacb56;
}
div.temoignages_filet .roll-testimonial .owl-nav:before {
background-color: #6c7e89;
}
div.temoignages_filet .footer-area .widget_brand .brand-over .divider, .roll-testimonial .owl-nav::before {
background-color: #6c7e89;
}
div.roll-testimonial.center {
padding: 10px 2px;
} .cta_coaching {
width: 50%;
margin: 2em auto;
}
.cta_coaching .su-box-title {
text-align: center;
}
.cta_coaching p {
text-align: center;
}
.cta_coaching p.gras_simple {
font-weight: 600;
font-size: 1.7em;
line-height: inherit;
}
.cta_coaching p img {
max-width: 80%;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button {
top: 46%;
right: 3em;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button a {
color: #fff;
text-shadow: none;
font-size: 1.2em;
font-weight: 700;
padding: 1em;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button a:hover {
color: #36424a;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed {
background-image: none;
background-color: #36424a;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed h2 {
font-size: 2.5em;
padding-bottom: 0.2em;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed h5 {
font-size: 1.7em;
}
div.action_contact_col .origin-widget.origin-widget-call-to-action-simple-dark_dashed h2 {
font-size: 1.8em;
padding-bottom: 0.2em;
}
div.action_contact_col .origin-widget.origin-widget-call-to-action-simple-dark_dashed h5 {
font-size: 1.2em;
}
div.action_contact_col .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button {
top: 74%;
right: 1.5em;
}
div.action_contact_col .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button a {
color: #fff;
text-shadow: none;
font-size: 1em;
font-weight: 700;
padding: 0.5em;
}
div.action_contact_col .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button a:hover {
color: #36424a;
}
div.action_contact_col .origin-widget.origin-widget-call-to-action-simple-dark_dashed {
background-image: none;
background-color: #36424a;
}
div.make_agence_web {
background-color: #36424a;
padding: 10px 10px 13px;
border-radius: 3px;
}
.make_agence_web_p {
text-align: center;
color: #ffffff !important;
font-family: "Open Sans", sans-serif;
font-size: 16px !important;
font-weight: 300;
margin-bottom: 10px!important;
} p.prix_coach_radio_left, p.prix_coach_radio_right {
float: left;
width: 20%;
margin: 0 14% 3%;
}
p.prix_coach_radio_left span.wpcf7-list-item, p.prix_coach_radio_right span.wpcf7-list-item {
margin-left: 0.5em;
clear: both;
float: left;
}
p.demi_colonne_left {
float: left;
width: 49%;
}
p.demi_colonne_right {
float: right;
width: 49%;
}
p.demi_colonne_left input, p.demi_colonne_right input, div.formulaire_coaching input[type="text"], div.formulaire_coaching input[type="email"], div.formulaire_coaching input[type="tel"], div.formulaire_coaching input[type="checkbox"] {
width: 100%;
height: 3em;
}
p.demande_coaching textarea {
width: 100%;
}
.texte_centre {
text-align: center;
} span.wpcf7-form-control.wpcf7-acceptance label input.case_rgpd {
float: left;
width: 20px;
margin: 0.5em;
}
span.wpcf7-form-control.wpcf7-acceptance label input.case_rgpd_coaching {
float: left;
width: 15px;
margin: -0.6em 0.5em;
}
span.wpcf7-form-control.wpcf7-acceptance label input.case_rgpd_formation {
float: left;
width: 15px;
margin: -0.1em 0.5em;
}
p.ligne_rgpd_formation a {
color: #36424a;
text-decoration: underline;
}
p.ligne_rgpd_formation a:hover {
text-decoration: none;
} div.formulaire_contact {
width: 60%;
margin: auto;
}
div.formulaire_contact input[type="text"],  div.formulaire_contact input[type="email"],  div.formulaire_contact input[type="tel"],  div.formulaire_contact textarea,  div.formulaire_contact input[type="checkbox"] {
width: 100%;
margin: auto;
display: table;
}
div.formulaire_contact input[type="radio"] {
margin: auto 5px auto 10px;
vertical-align: middle;
}
div.formulaire_contact input[type="submit"] {
width: 40%;
margin: auto;
display: table;
}
.form_titre_principal {
color: #36424a;
font-weight: inherit;
margin: 10px 0 20px 0;
font-family: "Oswald", sans-serif;
font-size: 2.2em;
line-height: initial;
}
.forma_titre_secondaire {
margin: 0 0 0.7% 0;
color: #36424a;
font-family: "Oswald", sans-serif;
font-weight: inherit;
font-size: 1.6em;
line-height: initial;
}  .textwidget picture {
text-align: center;
}
div.tabs_programme {
background-color: transparent;
}
div.tabs_programme div.su-tabs-nav {
border-bottom: 1px solid #F4F4F4;
margin-top: -1px;
}
div.tabs_programme div.su-tabs-nav span.su-tabs-current {
background-color: transparent;
color: #36424A;
padding: 17px 30px 18px 30px;
font-family: "Oswald";
font-size: 18px;
font-weight: 400;
border-top: 1px solid #aacb56;
border-right: 1px solid #aacb56;
border-bottom: 1px solid #F4F4F4;
border-left: 1px solid #aacb56;
}
div.tabs_programme div.su-tabs-nav span.su-tabs-current:hover {
background-color: transparent;
}
div.tabs_programme div.su-tabs-nav span {
background-color: #011d27;
color: #fff;
padding: 17px 30px 18px 30px;
font-family: "Oswald";
font-size: 18px;
font-weight: 400;
}
div.tabs_programme div.su-tabs-nav span:hover {
background-color: #aacb56;
}
div.tabs_programme div.su-tabs-panes {
border: 1px solid #aacb56;
background: transparent;
margin-top: -2px;
}
div.tabs_programme div.su-tabs-pane {
background: transparent;
padding: 23px 40px 5px 40px;
font: 400 15px/20px "Open Sans", sans-serif;
}
div.tabs_programme div.su-tabs-pane ul li {
list-style: url(https://www.nicolas-mauhin.fr/wp-content/plugins/siteorigin-panels/widgets/img/checks/green.png);
line-height: 1em;
margin-left: 24px;
padding-left: 6px;
}
div.telecharger_programme {
display: none;
}
div.programme_widget {
text-align: center;
}
div.programme_widget img {
border: 1px solid #36424a;
}
aside#text-5 {
display: block;
margin-bottom: 0;
padding-top: 2%;
}
aside#nav_menu-2 {
display: block;
} img.img_marge {
margin-bottom: 2%;
} .a_propos_auteur {
text-align: center;
font-weight: 700;
font-size: 1.1em;
padding: 1% 0 0;
}
.author-post .gravatar img {
border-radius: 50%;
}
.author-post .gravatar {
margin-bottom: 10px;
margin-top: -4px;
}
.author-post .info {
margin-left: 156px;
margin-top: 17px;
min-height: 125px;
padding: 0 15px 20px 20px;
}
.author-post .info h4 {
font-size: 25px;
line-height: 19px;
padding: 18px 0 0;
}
.author-post .info a {
color: #aacb56;
text-decoration: none;
margin-right: 0.3em;
}
.author-post .info a:hover {
color: #ffffff;
}
.author-post:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #e4e4e4;
}
.author-post:after {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #e4e4e4;
} div.qualite-formations ul {
margin: 0;
padding: 0 0 0 3%;
list-style: disc;
overflow: initial;
} div.titre_formule h3.widget-title {
text-align: center;
}
.ptp-four-col, .ptp-three-col, .ptp-two-col {
border: 2px solid #aacb56;
}
.ptp-col.ptp-four-col.ptp-highlight, .ptp-three-col.ptp-highlight, .ptp-two-col.ptp-highlight {
border: 2px solid #36424a;
}
span.tarifs_prix {
font-size: 1em!important;
font-weight: 600;
display: block;
text-align: center;
margin-top: -3px;
margin-left: 2px;
}
span.tarifs_prix.devis {
margin-top: 4px;
margin-left: 0;
}
span.tarifs_prix_top {
font-size: 1em!important;
font-weight: 600;
display: block;
margin-top: -9px;
margin-left: 2px;
text-align: center;
}
span.tarifs_jour {
font-size: 50%;
font-weight: normal;
display: block;
margin-top: -7px;
text-align: center;
}
span.tarifs_personne {
font-size: 50%;
font-weight: normal;
margin-top: -6px;
display: block;
text-align: center;
}
small.tarifs_taxes {
display: block;
font-size: 60%;
margin: -5px;
}
#ptp-341 div.ptp-bullet-item {
}
#ptp-341 a span.tarifs_txt_bouton {
font-size: 0.9em;
} #mainnav ul li ul {
width: 250px;
}
#mainnav-mobi > ul > li > ul > li > ul > li a {
padding: 0 28px !important;
} .mfp-hide {
display: none !important;
}
#formulaire_poppup, #formulaire_poppup_carte {
background-color: #aacb56;
border-radius: 0.5%;
margin: 4% auto 0;
padding: 0.5% 4% 0.5%;
width: 70%;
position: relative;
}
div.formulaire_formation {
width: 100%;
margin: auto;
}
div.formulaire_formation input[type="text"],  div.formulaire_formation input[type="email"],  div.formulaire_formation input[type="tel"],  div.formulaire_formation textarea,  div.formulaire_formation input[type="checkbox"] {
width: 100%;
margin: auto;
display: table;
}
div.formulaire_formation input[type="text"],  div.formulaire_formation input[type="email"],  div.formulaire_formation input[type="tel"],  div.formulaire_formation input[type="checkbox"] {
height: 29px;
padding: 1% 2%;
}
div.formulaire_formation textarea {
height: 130px;
}
div.formulaire_formation input[type="radio"] {
margin: auto 5px auto 10px;
vertical-align: middle;
}
div.formulaire_formation input[type="submit"] {
width: 40%;
margin: -9% 0 0;
background-color: #36424A;
display: table;
float: right;
line-height: 1.7em;
font-size: 2em;
}
p.form_formation_demicolonne {
width: 49%;
float: left;
}
p.form_formation_demicolonne:nth-child(even) {
margin-left: 2%;
}
div.formulaire_formation h3 {
margin: 0 0 0.7% 0;
} @media screen and (max-width: 767px) {
section.roll-slider.head-slide.parallax {
display: none;
}
}
.roll-slider .background-slide {
background-image: linear-gradient(to right top, #afc2cd, #b7c6d0, #becad3, #c6cfd5, #cdd3d8)!important;
}
div.col-md-12 div.img > img {
margin-top: -19px;
} p.titres_widget_footer {
font: 26px/32px "Oswald", sans-serif;
font-weight: 100;
letter-spacing: -0.002em;
color: #FFF;
}
div.footer-widgets ul.rpwe-ul li.rpwe-li.rpwe-clearfix {
padding: 0;
}
.widget p.wysija-paragraph {
margin-bottom: 5px;
}
.widget p.wysija-paragraph input.wysija-input[type="text"] {
width: 100%;
height: 30px;
}
aside#text-7 {
margin-bottom: 0;
}
form.widget_wysija hr {
margin: 5px auto 10px;
}
.widget {
margin-bottom: 20px;
}
.titres_widget {
font-family: "Oswald", sans-serif;
color: #36424a;
font-size: 24px;
font-weight: 300;
padding-bottom: 0;
position: relative;
line-height: 31px;
margin: 0;
}
p.titres_widget_all {
margin-bottom: 0;
font-size: 1.7em;
line-height: normal;
font-family: "Oswald", sans-serif;
text-align: center;
}
p.titres_widget_grand {
margin-bottom: 0;
font-size: 2.2em;
font-family: "Oswald", sans-serif;
}
p.titres_widget_grand i {
color:#AACB56;
}
.widget p.titres_widget {
margin-bottom: 0;
}
aside#text-8 {
margin-bottom: 0;
}
aside.widget.widget_black_studio_tinymce {
margin-top: 0.5em;
margin-bottom: 0;
}
div.footer-widgets div.widget_black_studio_tinymce {
margin-bottom: 1em;
}
h2.titre_widget_footer {
color: #FFF;
font-size: 2em;
text-align: center;
margin: 0;
padding: 0;
}
aside.recent-posts-extended div.rpwe-block img.rpwe-thumb {
border: 0 transparent !important;
box-shadow: none !important;
margin: 2px 10px 4px 0;
padding: 0 !important;
}   p.p_formations {
text-align: center;
} .related_post_titre {
font-size: 1.5em;
line-height: normal;
text-align: center;
color: #36424a;
font-weight: 300;
margin: 10px 0 20px 0;
font-family: "Oswald", sans-serif;
}
.crp_related li {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.crp_related li {
margin: 3px !important;
padding: 4px;
}
.crp_related a {
overflow: initial;
width: 100%;
}
.crp_related li, .crp_related a {
height: 171px;
}
.crp_related .crp_title {
bottom: 8px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-size: .85em;
width: 100%;
}
.crp_related img {
max-width: 200px;
margin: auto;
}  @media only screen and (max-width: 1024px) {
.content-wrapper .content-area, .content-wrapper .widget-area {
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.content-wrapper .content-area, .content-wrapper .widget-area {
width: 100%;
}
}
@media only screen and (min-width: 1930px) {
} @media only screen and (max-width: 1199px) {
} @media only screen and (max-width: 979px) {
} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .datadock_home_txt {
padding-top: 0.5em;
} p.prix_coach_radio_left, p.prix_coach_radio_right {
float: left;
width: 27%;
margin: 0 10% 3%;
} div.formulaire_contact {
width: 95%;
margin: auto;
} div#nikos span#fleche_clignote {
position: absolute;
top: 400px;
} .roll-icon-box .items-wrap {
padding: 40px 14px;
}
div.liste_formations h3 {
font-size: 1.6em;
}
div.liste_formations p {
width: 87%;
}
.roll-title-box .sub-title {
font-size: 2em;
} div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button {
top: 35%;
right: 3em;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed h2 {
font-size: 2em;
width: 100%;
line-height: 1.2em;
}
div.action_contact_col .origin-widget.origin-widget-call-to-action-simple-dark_dashed h2 {
font-size: 1.9em;
padding-bottom: 0.2em;
width: 56%;
line-height: 1.2em;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed h5 {
font-size: 1.3em;
}
div.action_contact_col .origin-widget.origin-widget-call-to-action-simple-dark_dashed h5 {
font-size: 1.26em;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button a {
font-size: 1em;
padding: 0.8em;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button {
top: 51%;
right: 3em;
}
div.action_contact_col .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button {
top: 37%;
right: 2.5em;
}
p.title_cta {
font-size: 2.2em;
text-align: center;
line-height: 1em;
margin-bottom: 0;
}
p.description_cta {
text-align: center;
font-size: 1.7em;
line-height: 1.25em;
margin: 0 auto 1em;
font-weight: 300;
font-family:"Oswald", sans-serif;
} a.ptp-button span.su-lightbox b {
line-height: 2.6em;
} div.footer-area {
padding: 15px 0;
}
h2.titre_widget_footer {
font-size: 1.6em;
}
div.widget_sow-google-map {
margin-bottom: 25px;
} p.titres_widget_grand {
text-align: center;
}
p.titres_widget_grand span.titre_widget_formations {
clear: both;
font-size: 0.8em;
}
p.titres_widget_grand i {
display: table;
margin: auto;
}
.titres_widget {
font-size: 1.3em;
letter-spacing: -0.002em;
text-align: center;
}
.menu-formations-wordpress-container a {
font-size: 0.8em;
}
.menu-formations-wordpress-container ul li {
text-align: center;
} .roll-title-box .title {
font-size: 1.5em;
} #formulaire_poppup {
margin: 9% auto 0;
}
div.formulaire_formation input[type="submit"] {
margin: -12% auto 0;
}
.formulaire_formation br {
display: none;
}
} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .datadock_home {
width: 90%;
}
.datadock_home_txt {
padding-top: 0.7em;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) { img.site-logo {
margin-left: 8em;
} body.home .entry-content h1 {
font-size: 3em;
} .roll-title-box .sub-title {
font-size: 2.2em;
} p.prix_coach_radio_left, p.prix_coach_radio_right {
float: left;
width: 50%;
margin: auto;
} div.formulaire_contact {
width: 95%;
margin: auto;
} .comments-area .comment-respond fieldset {
width: 45.3%;
margin-right: -4px;
}
input#comment-reply {
float: none;
margin: auto;
display: block;
}
div#reply-title.comment-reply-title {
font-weight: 600!important;
margin-bottom: 26px!important;
margin-top: 25px!important;
font-size: 24px!important;
text-align: center!important;
} div.formulaire_formation input[type="submit"] {
margin: -14% auto 0;
}
#formulaire_poppup {
width: 80%;
} div.col-md-12 div.img > img {
margin-left: -45px;
}
div#nikos div.link {
left: 56%;
top: 400px;
}
div#nikos div.default > p {
font-size: 15px;
line-height: 19px;
padding: 3px 9px;
}
span#fleche_clignote {
position: absolute;
top: -9999px;
} .roll-testimonial.center.owl-carousel.owl-theme.owl-loaded {
margin: auto;
}
.roll-testimonial .owl-stage-outer + .owl-controls {
margin-top: 0;
} .roll-icon-box-wrap {
margin: auto;
text-align: center;
float: left;
width: 100%;
}
div#pg-w57bccd6d437d2-0 .panel-grid-cell {
padding-left: 0;
padding-right: 0;
}
div.liste_formations_trois_col {
display:none;
}
div.liste_formations_deux_col {
display:block;
}
div#pg-w57b1e51b0010a-0 .panel-grid-cell {
padding-left: 35px;
padding-right: 0;
}
div#pg-w57b1f1ef32e27-0 .panel-grid-cell {
padding-left: 0;
padding-right: 0;
}
div#pg-w57b1e51b0010a-0 .roll-icon-box-wrap.items-1 .roll-icon-box, div#pg-w57b1f1ef32e27-0 div.roll-icon-box-wrap.items-1 .roll-icon-box {
width: 100%;
padding: 0;
}
div#pgc-w55ef5815555c2-0-0, div#pgc-w55ef5815555c2-0-1, div#pgc-w55ef5815555c2-0-2, div#pgc-w55ef5815555c2-0-3, div#pgc-w57b1f1ef32e27-0-0, div#pgc-w57b1f1ef32e27-0-1 {
margin: 2% auto 2% 4.5%;
width: 45%;
}
div#pg-w55ef5815555c2-0 div.panel-grid-cell {
float: none;
display: inline-block;
vertical-align: top;
}
div#pg-w55ef5815555c2-0 div.roll-icon-box div.items-wrap div.content p {
min-height: 120px;
} div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button {
top: 35%;
right: 3em;
}
div.action_contact_col .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button {
top: 37%;
right: 2.5em;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed h2 {
font-size: 2em;
width: 55%;
line-height: 1.2em;
}
div.action_contact_col .origin-widget.origin-widget-call-to-action-simple-dark_dashed h2 {
font-size: 1.8em;
padding-bottom: 0.2em;
width: 70%;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed h5 {
font-size: 1.3em;
} div.rpwe-summary a.more-link {
bottom: -34px;
}
div.articles_home h3.rpwe-title {
font-size: 1em !important;
}
body.home div.articles_home h3.rpwe-title a {
font-weight: 100;
text-decoration: none;
padding: 0 1%;
line-height: normal;
}
body.home div.articles_home div.rpwe-summary {
font-size: 0.8em;
padding: 0 2%;
line-height: normal;
} p.titres_widget_grand {
text-align: center;
}
p.titres_widget_grand span.titre_widget_formations {
clear: both;
font-size: 0.8em;
}
p.titres_widget_grand i {
display: table;
margin: auto;
}
.titres_widget {
font-size: 1.05em;
letter-spacing: -0.002em;
text-align: center;
}
.menu-formations-wordpress-container a {
font-size: 0.9em;
}
.menu-formations-wordpress-container ul li {
text-align: center;
} div.footer-widget.col-md-3 {
float: left;
width: 50%;
}
div.so-widget-sow-google-map.so-widget-sow-google-map-base img {
width: 100%;
height: auto;
} .crp_related li {
width: 49%;
}
.crp_related img {
max-width: 100%;
margin: auto;
}
} @media only screen and (max-width: 767px) { div#pg-24-0, div#formation_liste, div#cta_home, div#pg-24-3, div#pg-24-4 {
margin-left: 0;
margin-right: 0;
}
div.row {
margin-right: 0;
margin-left: 0;
}
div.panel-grid-cell {
padding: 0 0 !important;
} p.titres_widget, p.titres_widget_grand {
display:block;
} .post-navigation .nav-links .nav-previous {
position: relative;
top: 0;
left: 0;
font-size: 15px;
width: 46%;
float: left;
}
.post-navigation .nav-links .nav-next {
position: relative;
top: 0;
right: 0;
font-size: 15px;
width: 46%;
text-align: right;
float: right;
} div.articles_home h3.rpwe-title {
font-size: 0.9em !important;
padding: 0 2%;
}
body.home div.articles_home div.rpwe-summary {
font-size: 0.8em;
padding: 0 1%;
line-height: initial;
} div.liste_formations_trois_col {
display:none;
}
div.liste_formations_deux_col {
display: block;
}
#pg-w57bcd045a5c2a-0 .panel-grid-cell, #pg-w57bccd6d437d2-0 .panel-grid-cell {
float: none;
width: 100%;
margin: auto;
}
div.liste_formations_deux_col #pgc-w57bcd045a5c2a-0-0 .panel-grid-cell, div.liste_formations_deux_col div#pgc-w57b1f1ef32e27-0-0, div.liste_formations_deux_col div#pgc-w57bcd045a5c2a-0-1, div#pgc-w57bcd045a5c2a-0-0 {
float: none;
width: 100%;
margin: auto;
}
div.liste_formations_deux_col div.roll-icon-box .items-wrap {
padding: 20px 10px;
}
div.liste_formations_deux_col.panel-widget-style div.panel-grid div.padding-bottom-30px {
padding-bottom: 0;
} .cta_coaching {
width: 100%;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed h2 {
font-size: 1.6em;
padding-bottom: 0.8em;
line-height: 1.5em;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed h5 {
font-size: 1.5em;
}
body.home div.action_contact.panel-widget-style {
width: 90%;
margin: auto;
} .btn-menu {
margin-right: 10%;
}
header.site-header.fixed {
padding-top: 0;
}
div.roll-title-box .sub-title {
font-size: 21px;
line-height: 15px;
} div.so-widget-sow-google-map.so-widget-sow-google-map-base img {
width: 100%;
height: auto;
}
div.footer-area {
padding: 20px 0 0;
} body.home div.textwidget p {
text-align: justify;
padding: 0 2%;
}
p.p_formations {
text-align: justify;
padding: 0 5%;
} .roll-title-box .title {
font-size: 1.4em;
line-height: 1.4em;
}
body.single p.titre_article_p {
font-size: 1.8em;
font-family: "Oswald", sans-serif;
line-height: normal;
}body.single h2 {
font-size: 1.7em;
line-height: normal;
}
body.single h3 {
font-size: 1.5em;
line-height: normal;
} div.box-skill-wrap.items-4 div.roll-box-skill {
width: 50%;
margin-bottom: 0;
float: left;
}
div.box-skill-wrap div.roll-box-skill div.skill {
margin-bottom: 4px;
}
div.box-skill-wrap div.roll-box-skill h3.title {
margin: 0;
font-size: 1.5em;
} div.footer-social div.socials {
height: auto;
text-align: center;
float: left;
margin-top: 1em;
}
div.footer-social div.socials span {
font-size: 24px;
line-height: 28px;
} p.prix_coach_radio_left, p.prix_coach_radio_right {
width: 50%;
margin: auto;
}
p.demi_colonne_left {
float: none;
width: 100%;
}
p.demi_colonne_right {
float: none;
width: 100%;
} .author-post .gravatar {
float: none;
margin: auto;
}
.author-post .info {
padding: 0 15px 20px;
margin: auto;
} input#comment-reply {
float: none;
margin: auto;
display: block;
} div.zem_rp_content ul.related_post li {
width: 49% !important;
}
div.zem_rp_content ul.related_post li a {
font-size: 1.2rem!important;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) and (orientation : landscape) { .datadock_home {
width: 100%;
}
.datadock_home_txt {
padding-top: 0.5em;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) { header.site-header.fixed {
padding-top: 0;
}
img.site-logo {
width: 75%;
} div.formulaire_contact {
width: 95%;
margin: auto;
}
div.formulaire_contact span.vousetes span.form_vousetes span.wpcf7-list-item {
clear: both;
display: block;
} div.telecharger_programme {
display: block;
}
aside#text-5 {
display: block;
}
aside#nav_menu-2 {
display: block;
} div#nikos_slider, div#nikos_slider0 {
height: 195px;
}
div.flexslider {
height: 183px;
}
div#nikos_slider div#nikos div.img {
height: 190px;
overflow: hidden;
}
div.col-md-12 div.img > img {
margin-top: -8px;
max-width: 43.7%;
}
div#nikos div.import1 {
left: 25%;
top: 8px;
}
div#nikos div.import1 > p {
font-size: 15px;
line-height: 18px;
padding: 3px 9px;
}
div#nikos div.import2 {
left: 25%;
top: 57px;
}
div#nikos div.import2 > p {
font-size: 14px;
line-height: 17px;
padding: 4px 9px;
}
div#nikos div.default {
left: 25%;
top: 100px;
}
div#nikos div.default > p {
font-size: 10px;
line-height: 14px;
padding: 3px 9px;
}
div#nikos div.link {
left: 56%;
top: 160px;
}
div#nikos div.link > a {
font-size: 11px !important;
line-height: 11px !important;
padding: 7.38462px 14.1538px !important;
}
div#nikos span#fleche_clignote {
bottom: -70px;
left: -17px;
position: absolute;
} div#pgc-w55ef5815555c2-0-0, div#pgc-w55ef5815555c2-0-1, div#pgc-w55ef5815555c2-0-2, div#pgc-w55ef5815555c2-0-3 {
margin: 2% auto;
width: 100%;
}
#pg-w55ef5815555c2-0 .panel-grid-cell {
float: none;
} body.home main#main div.entry-content h1 {
font-size: 1.9em;
width: 90%;
margin: auto;
line-height: 1.9em;
} div.articles_home li {
display: inline-block;
margin-bottom: 8%;
margin-left: 0;
width: 100%;
}
div.articles_home li div.rpwe-summary {
width: 90%;
margin: auto;
}
div.articles_home li div.rpwe-summary a.more-link {
bottom: -55px;
} .roll-testimonial {
margin: 0;
}
div.testimonial-detail {
width: 90%;
margin: auto;
}
div.testimonial-detail blockquote {
padding: 6px;
}
div.testimonial-detail div.img-user {
display: none;
}
.testimonial-detail .name {
margin-top: 0;
}
.roll-testimonial .owl-stage-outer + .owl-controls {
margin-top: 17px;
} div.icon {
float: left;
margin: 3%;
}
div.roll-icon-box h3.title {
margin: 0 auto 2%;
}
div.roll-icon-box h3.title a {
font-size: 1.2em;
}
div.roll-icon-box-wrap p {
font-size: 1em;
margin: auto;
}
div.roll-icon-box-wrap a.read-more { margin: 2% auto 0;
} div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed h2 {
font-size: 1.2em;
line-height: 1.2em;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed h5 {
font-size: 1.2em;
} p.demande_coaching textarea {
height: 140px;
} div.footer-social div.socials {
float: none;
}
div.footer-area div.footer-widget.col-md-3 {
float: left;
width: 50%;
}
div.footer-area h2.titre_widget_footer {
font-size: 1.5em;
}
div.footer-area div.widget {
margin-bottom: 5%;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed .origin-widget-button {
top: initial;
right: initial;
position: relative;
margin: 2% auto 0;
width: 44%;
} #formulaire_poppup, #formulaire_poppup_carte {
width: 90%;
}
.formulaire_formation br {
display: none;
}
.form_titre_principal {
margin: 10px 0 0 0;
font-size: 2em;
}
div.formulaire_formation input[type="submit"] {
margin: -14% 0 0;
}
} @media only screen and (max-width : 479px) and (orientation : portrait) { .datadock_home {
width: 100%;
}
.datadock_home_img {
margin-bottom: 0.5em;
}
.datadock_home_txt {
padding-top: 0;
font-size: 0.8em;
}
}
@media only screen and (max-width: 479px) { div.formulaire_contact {
width: 95%;
margin: auto;
}
div.formulaire_contact span.vousetes span.form_vousetes span.wpcf7-list-item {
clear: both;
display: block;
} div#pl-w55eeef08b700c div.panel-grid-cell {
float: none;
width: 75%;
margin: 4% auto;
} div.telecharger_programme {
display: block;
}
aside#text-5 {
display: block;
}
aside#nav_menu-2 {
display: block;
} #formulaire_poppup, #formulaire_poppup_carte {
margin: 26% auto 0;
width: 90%;
}
p.form_formation_demicolonne {
width: 100%;
float: none;
}
p.form_formation_demicolonne:nth-child(even) {
margin-left: 0;
}
div.formulaire_formation h2 {
font-size: 22px;
margin: 7% auto 0;
}
div.formulaire_formation h3 {
font-size: 20px;
margin: -3% 0 2%;
}
.formulaire_formation > p {
font-size: 1em;
margin: 0 auto 1.6666%;
}
div.formulaire_formation input[type="submit"] {
margin: 3% auto 0;
float: none;
width: 100%;
font-size: 1.5em;
line-height: 1em;
}
div.formulaire_formation br {
display: none;
}
div.formulaire_formation textarea {
height: 80px;
}
div.formulaire_formation input[type="text"], div.formulaire_formation input[type="email"], div.formulaire_formation input[type="tel"], div.formulaire_formation input[type="checkbox"] {
height: 25px;
padding: 1% 2%;
}
div.formulaire_formation iframe {
max-width: 98%;
} div.col-md-12 div.img > img {
margin-top: 6px;
}
div#nikos div.import1 {
left: 112.45px;
top: 10px;
}
div#nikos div.import1 > p {
font-size: 15px;
line-height: 18px;
padding: 3px 9px;
}
div#nikos div.import2 {
left: 112.45px;
top: 59px;
}
div#nikos div.import2 > p {
font-size: 14px;
line-height: 17px;
padding: 4px 9px;
}
div#nikos div.default {
left: 112.45px;
top: 121px;
}
div#nikos div.default > p {
font-size: 10px;
line-height: 14px;
padding: 3px 9px;
}
div#nikos div.link {
left: 160px;
top: 225px;
}
div#nikos div.link > a {
font-size: 11px !important;
line-height: 11px !important;
padding: 7.38462px 14.1538px !important;
}
div#nikos span#fleche_clignote {
position: absolute;
top: -9999px;
} body.home main#main div.entry-content h1 {
font-size: 2em;
width: 80%;
margin: auto;
line-height: 1.5em;
} .roll-testimonial {
margin: 0;
}
div.testimonial-detail {
width: 90%;
margin: auto;
}
div.testimonial-detail blockquote {
padding: 6px;
}
div.testimonial-detail div.img-user {
}
.testimonial-detail .name {
margin-top: 0;
}
.roll-testimonial .owl-stage-outer + .owl-controls {
margin-top: 17px;
} div#pgc-w55ef5815555c2-0-0, div#pgc-w55ef5815555c2-0-1, div#pgc-w55ef5815555c2-0-2, div#pgc-w55ef5815555c2-0-3 {
margin: 2% auto;
width: 100%;
}
#pg-w55ef5815555c2-0 .panel-grid-cell {
float: none;
} div.articles_home li {
display: inline-block;
margin-bottom: 17%;
margin-left: 0;
width: 100%;
}
div.articles_home li div.rpwe-summary {
width: 90%;
margin: auto;
}
div.articles_home li div.rpwe-summary a.more-link {
bottom: -55px;
} .footer-social .socials li a {
line-height: 55px;
width: 55px;
} div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed h2 {
font-size: 1.5em;
padding-bottom: 0.8em;
line-height: 1.3em;
}
div.action_contact .origin-widget.origin-widget-call-to-action-simple-dark_dashed h5 {
font-size: 1.3em;
line-height: 1.3em;
} .crp_related li, .crp_related a {
height: 171px;
width: 100%;
}
.crp_related img {
max-width: 344px;
margin: auto;
width: 100%;
}
}