/* Template:
	REEN – Made for Designers Description: 	Creative Portfolio Bootstrap 3 Template Version: 		1.2.1 Author: 		fuviz Demo URI: 		http://demo.fuviz.com/reen
*/

/*===================================================================================*/
/*	GENERAL /*===================================================================================*/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:focus {
    outline: 0 !important;
}
figure {
    margin: 0;
    padding: 0;
}
figure img {
    width: 100%;
    height: auto;
}
img[src*=".svg"] {
    height: 100%;
}
iframe {
    border: none;
}
* > p:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
::-moz-selection {
    background: #AAF2E4;
    /* Safari */

    color: #506A85;
}
::selection {
    background: #AAF2E4;
    /* Safari */

    color: #506A85;
}
::-moz-selection {
    background: #AAF2E4;
    /* Firefox */

    color: #506A85;
}
body {
    font-family: 'Source Sans Pro', sans-serif;
    background-color: #fff;
    color: #646464;
    font-size: 18px;
    line-height: 150%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    overflow-x: hidden !important;
    height: auto !important;
}
.body-login {
    padding-top: 0;
}
.body-logged {
    padding-top: 172px;
}
.csstransitions main [class*="col-"] {
    opacity: 1;
}
.navbar,
main {
    background-color: #FFF;
}
.container {
    padding-right: 0;
    padding-left: 0;
}
p {
    margin-bottom: 20px;
}
p a {
    border-bottom: 1px solid #73879C;
}
p a:hover {
    border-color: transparent;
}
a {
    color: inherit;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
a:hover,
a:focus {
    color: #1ABB9C;
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: 0.025em;
    /*color: #545454;*/

    color: #3fb498;
    text-transform: uppercase;
    margin-top: 0;
    /*word-wrap: break-word;*/
}
h1 {
    font-size: 44px;
    line-height: 130%;
    margin-bottom: 25px;
}
h2 {
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 20px;
}
h3 {
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 15px;
}
h4 {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 15px;
}
h5 {
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 13px;
}
h6 {
    font-size: 12px;
    line-height: 160%;
    margin-bottom: 10px;
}
a .logo {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
a .navbar-brand-huge-title {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
a:hover .logo {
    opacity: .6;
}
a:hover .navbar-brand-huge-title {
    opacity: .4;
}
a.green:hover {
    background: #1ABB9C !important;
}
a.blue:hover {
    background: #3F8DBF !important;
}
a.red:hover {
    background: #FA6C65 !important;
}
a.orange:hover {
    background: #F27A24 !important;
}
a.purple:hover {
    background: #9B59B6 !important;
}
a.pink:hover {
    background: #D487BE !important;
}
a.navy:hover {
    background: #34495E !important;
}
a.gray:hover {
    background: #95A5A6 !important;
}
ol {
    position: relative;
    padding-left: 22px;
}
ul {
    list-style: none;
    position: relative;
    padding-left: 22px;
}
ul.arrowed li,
ul.circled li,
ol li {
    margin-bottom: 5px;
}
ul.arrowed li:before {
    /*font-family: 'fontello';*/

    content: '\2192';
    font-weight: normal;
    color: #1ABB9C;
    margin-top: -1px;
    margin-left: -23px;
    vertical-align: top;
    position: absolute;
}
ul.circled li:before {
    font-family: 'fontello-circle';
    content: '\e800';
    font-size: 8px;
    font-weight: normal;
    color: #1ABB9C;
    padding-top: 1px;
    margin-left: -20px;
    vertical-align: top;
    position: absolute;
}
ul.header {
    padding-left: 0;
    display: inline-block;
    color: #fff;
    text-align: right;
    line-height: 22px;
    margin: 0;
    padding: 0;
    float: right;
}
ul.header li {
    margin-bottom: 5px;
}
ul.contacts {
    padding-left: 0;
    display: inline-block;
}
ul.contacts li {
    margin-bottom: 5px;
}
footer ul.contacts li {
    margin-bottom: 2px;
}
.social-network {
    position: relative;
    z-index: 0;
    padding-top: 25px;
}
.social-network .social li {
    display: table-cell;
}
.social-network .social li a i {
    width: 55px;
    height: 80px;
    font-size: 20px;
}
.menu-ctn {
    padding-top: 30px;
    padding-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0) 0px 10px 10px;
}
.menu-ctn-desktop {
    display: block;
}
.menu-ctn-mobile {
    display: none;
}
#hero {
    margin-bottom: 59px;
}
#hero h1 {
    font-size: 63px;
    line-height: 110%;
    font-weight: 900;
    letter-spacing: .05em;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 0;
}
#hero h1 .society {
    white-space: normal;
}
#hero #owl-main .caption h1.light-bg,
#hero #owl-main .caption h1.medium-bg,
#hero #owl-main .caption h1.dark-bg,
#hero #owl-main .caption h1.tint-bg {
    font-size: 73px;
}
#hero h4 {
    font-size: 33px;
    line-height: 120%;
}
#hero p {
    font-size: 24px;
    line-height: 150%;
    font-weight: 400;
    letter-spacing: .015em;
    text-align: left;
    text-transform: none;
    margin-top: 20px;
    margin-bottom: 0;
}
#hero .btn {
    margin-top: 60px;
    margin-bottom: 0;
}
#hero .btn-large {
    font-size: 18px;
    padding: 18px 70px 20px;
}
#hero .surligne {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}
#hero .surligne2 {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    margin-right: 40px;
    margin-left: 40px;
}
header p {
    font-size: 22px;
    line-height: 150%;
}
p + h2,
p + h3 {
    padding-top: 15px;
}
.text-mini {
    font-size: 12px;
    line-height: 14px;
}
.text-small {
    font-size: 16px;
    line-height: 160%;
}
.text-normal {
    font-size: inherit;
    line-height: inherit;
}
h2 + .text-small {
    margin-top: -5px;
}
header h2 + .text-small {
    margin-top: 0;
}
.post-title {
    margin: 0 0 15px 0;
}
h1.post-title {
    font-size: 22px;
    line-height: 24px;
}
.bordered .post-title {
    margin-bottom: 5px;
}
main header + * {
    margin-top: 35px !important;
}
.inner {
    padding-top: 120px;
    padding-bottom: 120px;
}
.inner-md {
    padding-top: 100px;
    padding-bottom: 100px;
}
.inner-sm {
    padding-top: 80px;
    padding-bottom: 80px;
}
.inner-xs {
    padding-top: 40px;
    padding-bottom: 40px;
}
.inner-xxs {
    padding-top: 40px;
    padding-bottom: 20px;
}
.inner-top {
    padding-top: 120px;
}
.inner-top-md {
    padding-top: 100px;
}
.inner-top-sm {
    padding-top: 60px;
}
.inner-top-xs {
    /*padding-top: 40px;*/

    padding-top: 0;
}
.inner-bottom {
    padding-bottom: 120px;
}
.inner-bottom-md {
    padding-bottom: 100px;
}
.inner-bottom-sm {
    padding-bottom: 80px;
}
.inner-bottom-xs {
    padding-bottom: 40px;
}
.inner-left {
    padding-left: 75px;
}
.inner-left-md {
    padding-left: 60px;
}
.inner-left-sm {
    padding-left: 45px;
}
.inner-left-xs {
    padding-left: 30px;
}
.inner-right {
    padding-right: 75px;
}
.inner-right-md {
    padding-right: 60px;
}
.inner-right-sm {
    padding-right: 45px;
}
.inner-right-xs {
    padding-right: 30px;
}
.outer {
    margin-top: 120px;
    margin-bottom: 120px;
}
.outer-md {
    margin-top: 100px;
    margin-bottom: 100px;
}
.outer-sm {
    margin-top: 80px;
    margin-bottom: 80px;
}
.outer-xs {
    margin-top: 40px;
    margin-bottom: 40px;
}
.outer-top {
    margin-top: 120px;
}
.outer-top-md {
    margin-top: 100px;
}
.outer-top-sm {
    margin-top: 80px;
}
.outer-top-xs {
    margin-top: 40px;
}
.outer-bottom {
    margin-bottom: 120px;
}
.outer-bottom-md {
    margin-bottom: 100px;
}
.outer-bottom-sm {
    margin-bottom: 80px;
}
.outer-bottom-xs {
    margin-bottom: 40px;
}
.center-block {
    float: none;
}
.height-xs {
    height: 30vh;
}
.height-sm {
    height: 44vh;
}
.height-md {
    height: 61vh;
}
.height-lg {
    height: 90vh;
}
.dropcap {
    float: left;
    display: inline-block;
    width: 44px;
    height: 44px;
    background: #F2F5F7;
    font-size: 28px;
    font-weight: 700;
    line-height: 44px;
    text-align: center;
    color: #506A85;
    margin: 6px 15px 0 0;
}
.dropcap-lg {
    float: left;
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #F2F5F7;
    font-size: 48px;
    font-weight: 700;
    line-height: 70px;
    text-align: center;
    color: #506A85;
    margin: 6px 15px 0 0;
}
blockquote {
    padding: 0;
    margin: 0;
    border: none;
}
blockquote p {
    font-size: 22px;
    line-height: 160%;
    font-style: italic;
}
blockquote footer,
blockquote small,
blockquote .small {
    color: #506A85;
    font-size: 14px;
    line-height: 150%;
    font-weight: 700;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before,
blockquote footer:after,
blockquote small:after,
blockquote .small:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #506A85;
    margin-bottom: .28em;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    margin-right: 10px;
}
blockquote footer:after,
blockquote small:after,
blockquote .small:after {
    margin-left: 10px;
}
hr {
    border: 0;
    border-bottom: 1px solid #CED7E0;
    margin: 60px 0;
}
.map iframe {
    display: block;
    max-width: 100%;
}
h1 + figure,
p + figure {
    padding-top: 15px;
}
h2 + figure,
h3 + figure,
h2 + .thumbs,
h3 + .thumbs,
h2 + .thumb,
h3 + .thumb {
    padding-top: 10px;
}
h4 + figure {
    padding-top: 5px;
}
h2 + .owl-carousel,
p + .owl-carousel,
h2 + .panel-group,
p + .panel-group {
    padding-top: 20px;
}
figure figcaption {
    font-size: 14px;
    line-height: 150%;
}
figure figcaption h4 {
    margin-bottom: 10px;
}
figure * + figcaption {
    padding-top: 20px;
}
figure + *,
.thumb + figure {
    padding-top: 25px;
}
.classic-blog figure + * {
    padding-top: 35px;
}
figure.post-media + * {
    padding-top: 0;
}
.member .icon-overlay {
    display: inline-block;
}
.member .icon-overlay span {
    border-radius: 50%;
}
.member .img-circle {
    max-width: 200px;
    max-height: 200px;
}
.member .member-image {
    position: relative;
}
.member figcaption {
    position: relative;
    padding-top: 35px;
    z-index: 0;
}
.member figcaption.bordered {
    padding: 20px 15px 15px;
}
.member figcaption h2 span,
.member figcaption h3 span {
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    letter-spacing: 0.015em;
}
.member figcaption h3 {
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 10px;
}
.member figcaption h2 span {
    font-size: 18px;
    line-height: 140%;
    margin-top: 5px;
}
.member figcaption h3 span {
    font-size: 14px;
    line-height: 120%;
    margin-top: 4px;
}
.member figcaption blockquote {
    font-size: 16px;
    font-style: italic;
    line-height: 160%;
    margin-bottom: 20px;
}
.member figcaption blockquote:before {
    display: inline;
    position: relative;
    content: "\201C";
    font-family: inherit;
    font-size: inherit;
    margin-right: 2px;
}
.member figcaption blockquote:after {
    content: "\201D";
    margin-left: 2px;
}
.member .social {
    display: inline-block;
}
.member .social li {
    display: table-cell;
}
.member .social li a i {
    width: 33px;
    height: 45px;
    font-size: 15px;
}
.member .text-overlay .info .social li a i {
    color: #FFF;
}
.member .text-overlay .info .social li a:hover .icon-s-facebook {
    color: #3B5998;
    color: #4668B3;
}
.member .text-overlay .info .social li a:hover .icon-s-gplus {
    color: #DD4B39;
    color: #DE5745;
}
.member .text-overlay .info .social li a:hover .icon-s-twitter {
    color: #00ACED;
    color: #2FBBED;
}
.member .text-overlay .info .social li a i:after {
    background: #FFF;
}
.img-bg,
.img-bg-center {
    background-position: center !important;
    background-size: cover;
}
.img-bg-top {
    background-position: top !important;
    background-size: cover;
}
.img-bg-bottom {
    background-position: bottom !important;
    background-size: cover;
}
.img-bg-soft,
.img-bg-softer {
    background-position: center;
    position: relative;
}
.img-bg-soft:before,
.img-bg-softer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.light-bg.img-bg-soft:before {
    background-color: #F2F5F7;
    opacity: .66;
}
.dark-bg.img-bg-soft:before {
    background-color: #cccccc;
    opacity: .4;
}
.tint-bg.img-bg-soft:before {
    background-color: #1ABB9C;
    opacity: .84;
}
.light-bg.img-bg-softer:before {
    background-color: #F2F5F7;
    opacity: .95;
}
.dark-bg.img-bg-softer:before {
    background-color: #2F4052;
    opacity: .97;
}
.tint-bg.img-bg-softer:before {
    background-color: #1ABB9C;
    opacity: .96;
}
.screen-container {
    position: relative;
    width: 100%;
    height: auto !important;
    background: url("../images/screen-container.png") no-repeat top / 100%;
    overflow: hidden;
}
.screen-container:before {
    content: "";
    display: block;
    padding-top: 47%;
}
.screen-container .tab-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5% 4.5%;
    padding-bottom: 0;
}
.sidelines {
    position: relative;
    line-height: 100%;
    border-bottom: 1px solid #CED7E0;
    margin-top: -.35em;
    margin-bottom: 1.5em;
}
.sidelines span {
    position: relative;
    top: .5em;
    background: #FFF;
    padding: 0 .5em 0 0;
}
.sidelines.text-right span,
.text-right .sidelines span {
    padding: 0 0 0 .5em;
}
.sidelines.text-center span,
.text-center .sidelines span {
    padding: 0 .5em;
}
.team-headline.sidelines {
    margin-top: -20px;
    margin-bottom: 40px;
}
.light-bg .sidelines {
    border-color: #BCC7D1;
}
.light-bg .sidelines span {
    background: #F2F5F7;
}
.dark-bg .sidelines {
    border-color: #73879C;
}
.dark-bg .sidelines span {
    background: #2F4052;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
iframe + iframe {
    margin-top: 10px;
}
.isotope,
.owl-carousel .owl-wrapper-outer {
    z-index: 0;
}
.green-bg {
    background-color: #1ABB9C !important;
    color: #FFF !important;
    padding: 2px 8px 4px;
    margin-top: -2px;
}
.blue-bg {
    background-color: #3F8DBF !important;
    color: #FFF !important;
    padding: 2px 8px 4px;
    margin-top: -2px;
}
.red-bg {
    background-color: #FA6C65 !important;
    color: #FFF !important;
    padding: 2px 8px 4px;
    margin-top: -2px;
}
.orange-bg {
    background-color: #F27A24 !important;
    color: #FFF !important;
    padding: 2px 8px 4px;
    margin-top: -2px;
}
.purple-bg {
    background-color: #9B59B6 !important;
    color: #FFF !important;
    padding: 2px 8px 4px;
    margin-top: -2px;
}
.pink-bg {
    background-color: #D487BE !important;
    color: #FFF !important;
    padding: 2px 8px 4px;
    margin-top: -2px;
}
.navy-bg {
    background-color: #34495E !important;
    color: #FFF !important;
    padding: 2px 8px 4px;
    margin-top: -2px;
}
.gray-bg {
    background-color: #95A5A6 !important;
    color: #FFF !important;
    padding: 2px 8px 4px;
    margin-top: -2px;
}
.light-bg {
    background-color: #F2F5F7;
}
.dark-bg {
    background-color: #2F4052;
}
.dark-bg,
.dark-bg p,
.dark-bg .item-details li:before {
    color: #A3B1BF;
}
.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4 {
    color: #FFF;
}
.dark-bg .widget h1,
.dark-bg .widget h2,
.dark-bg .widget h3,
.dark-bg .widget h4 {
    color: #FFF;
}
.tint-bg {
    background-color: #1ABB9C;
    color: #FFF;
    padding: 2px 8px;
    margin-top: -2px;
}
.tint-bg,
.tint-bg h1,
.tint-bg h2,
.tint-bg h3,
.tint-bg h4,
.tint-bg p,
.tint-bg .item-details li:before,
.tint-bg .icon i.icn {
    color: #FFF;
}
.tint-bg a:hover {
    color: #506A85;
}
.light-color,
.light-color .dark-bg {
    color: #FFF !important;
}
.medium-color {
    color: #A3B1BF !important;
}
.dark-color {
    color: #506A85 !important;
}
.tint-color {
    color: #1ABB9C !important;
}
.green {
    color: #1ABB9C !important;
}
.blue {
    color: #3F8DBF !important;
}
.red {
    color: #FA6C65 !important;
}
.pink {
    color: #3fb498 !important;
}
.purple {
    color: #9B59B6 !important;
}
.orange {
    color: #F27A24 !important;
}
.navy {
    color: #34495E !important;
}
.gray {
    color: #95A5A6 !important;
}
.icon {
    display: inline-block;
    margin-bottom: 20px;
    /*-webkit-transition: all 200ms ease-out;        -moz-transition: all 200ms ease-out;          -o-transition: all 200ms ease-out;             transition: all 200ms ease-out;*/
}
.icon.circle {
    padding: 30px;
    border: 1px solid #1ABB9C;
    border-radius: 50%;
}
.icon.circle.xs {
    padding: 15px;
}
.icon.circle.sm {
    padding: 20px;
}
.icon.circle.lg {
    padding: 35px;
}
.icon i.icn {
    display: block;
    color: #1ABB9C;
    font-size: 65px;
    line-height: 100%;
    /*-webkit-transition: all 200ms ease-out;        -moz-transition: all 200ms ease-out;          -o-transition: all 200ms ease-out;             transition: all 200ms ease-out;*/
}
.icon i.icn.xs {
    font-size: 20px;
}
.icon i.icn.sm {
    font-size: 35px;
}
.icon i.icn.lg {
    font-size: 85px;
}
i.contact {
    margin-right: 5px;
    width: auto;
    height: auto;
    line-height: 18px;
}
.tagcloud {
    line-height: 25px;
}
footer {
    position: relative;
    z-index: 100000;
    font-size: 14px;
    line-height: 22px;
    border-top: 1px solid #3fb498;
}
footer.dark-bg {
    color: #A3B1BF;
}
footer .inner {
    padding-top: 0;
    padding-bottom: 0;
}
footer .container > .row {
    margin-left: -25px;
    margin-right: -25px;
}
footer .row .inner {
    padding: 25px 25px 15px 25px;
}
footer .logo {
    width: 81px;
    height: auto;
    max-height: 100%;
    margin-bottom: 16px;
}
footer h4 {
    text-transform: uppercase;
    margin-bottom: 20px;
}
footer p {
    margin-bottom: 15px;
}
.footer-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-menu li {
    display: inline;
    padding-left: 10px;
}
.footer-menu li:before {
    display: inline-block;
    content: "·";
    padding-right: 12px;
}
.footer-menu li:first-child:before {
    display: none;
}
.footer-bottom {
    background: #00A1D5;
    color: #ebe9e8;
}
.footer-bottom .container.inner {
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer-bottom p,
.footer-bottom a {
    color: #ebe9e8;
}
.footer-bottom p {
    padding: 0;
    margin: 0;
}
.meta,
.more {
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    cursor: default;
}
.meta span:before {
    display: inline-block;
    content: "|";
    padding: 0 10px 0 7px;
}
.meta span:first-child:before {
    display: none;
    padding: 0;
}
.meta a {
    display: inline !important;
}
.meta a:hover,
.more:hover {
    color: #1ABB9C;
}
.meta.tags a:before {
    content: "#";
    display: inline-block;
}
.bordered .info {
    text-align: center;
}
.bordered .info h3,
.bordered .info h4 {
    margin-bottom: 5px;
}
.bordered .info h3 a,
.bordered .info h4 a {
    color: #506A85;
}
.bordered .info h3 a:hover,
.bordered .info h4 a:hover {
    color: #1ABB9C;
}
.bordered .info p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
}
.bordered {
    border: 1px solid #E6E9ED;
    border-bottom-width: 2px;
    border-radius: 3px;
    padding: 25px;
    background: #F5F7FA;
}
.light-bg .bordered {
    background: #FFF;
}
.dark-bg .bordered .info h3,
.dark-bg .bordered .info h4,
.tint-bg .bordered .info h3,
.tint-bg .bordered .info h4 {
    color: #506A85;
}
.dark-bg .bordered .info p,
.tint-bg .bordered .info p {
    color: #73879C;
}
.no-top-border {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.border {
    border: 1px solid #CED7E0;
}
.border-top-lg,
.border-top-md,
.border-top-sm,
.border-top-xs,
.border-top {
    border-top: 1px solid #CED7E0;
}
.border-right-lg,
.border-right-md,
.border-right-sm,
.border-right-xs,
.border-right {
    border-right: 1px solid #CED7E0;
}
.border-bottom-lg,
.border-bottom-md,
.border-bottom-sm,
.border-bottom-xs,
.border-bottom {
    border-bottom: 1px solid #CED7E0;
}
.border-left-lg,
.border-left-md,
.border-left-sm,
.border-left-xs,
.border-left {
    border-left: 1px solid #CED7E0;
}
.border-lg,
.border-top-lg,
.border-right-lg,
.border-bottom-lg,
.border-left-lg {
    border-width: 20px;
}
.border-md,
.border-top-md,
.border-right-md,
.border-bottom-md,
.border-left-md {
    border-width: 10px;
}
.border-sm,
.border-top-sm,
.border-right-sm,
.border-bottom-sm,
.border-left-sm {
    border-width: 5px;
}
.border-xs,
.border-top-xs,
.border-right-xs,
.border-bottom-xs,
.border-left-xs {
    border-width: 3px;
}
.light-bg .border,
.light-bg .border-lg,
.light-bg .border-md,
.light-bg .border-sm,
.light-bg .border-xs,
.light-bg .border-top-lg,
.light-bg .border-top-md,
.light-bg .border-top-sm,
.light-bg .border-top-xs,
.light-bg .border-top,
.light-bg .border-right-lg,
.light-bg .border-right-md,
.light-bg .border-right-sm,
.light-bg .border-right-xs,
.light-bg .border-right,
.light-bg .border-bottom-lg,
.light-bg .border-bottom-md,
.light-bg .border-bottom-sm,
.light-bg .border-bottom-xs,
.light-bg .border-bottom,
.light-bg .border-left-lg,
.light-bg .border-left-md,
.light-bg .border-left-sm,
.light-bg .border-left-xs,
.light-bg .border-left {
    border-color: #BCC7D1;
}
.dark-bg .border,
.dark-bg .border-lg,
.dark-bg .border-md,
.dark-bg .border-sm,
.dark-bg .border-xs,
.dark-bg .border-top-lg,
.dark-bg .border-top-md,
.dark-bg .border-top-sm,
.dark-bg .border-top-xs,
.dark-bg .border-top,
.dark-bg .border-right-lg,
.dark-bg .border-right-md,
.dark-bg .border-right-sm,
.dark-bg .border-right-xs,
.dark-bg .border-right,
.dark-bg .border-bottom-lg,
.dark-bg .border-bottom-md,
.dark-bg .border-bottom-sm,
.dark-bg .border-bottom-xs,
.dark-bg .border-bottom,
.dark-bg .border-left-lg,
.dark-bg .border-left-md,
.dark-bg .border-left-sm,
.dark-bg .border-left-xs,
.dark-bg .border-left {
    border-color: #73879C;
}
.tint-bg .border,
.tint-bg .border-lg,
.tint-bg .border-md,
.tint-bg .border-sm,
.tint-bg .border-xs,
.tint-bg .border-top-lg,
.tint-bg .border-top-md,
.tint-bg .border-top-sm,
.tint-bg .border-top-xs,
.tint-bg .border-top,
.tint-bg .border-right-lg,
.tint-bg .border-right-md,
.tint-bg .border-right-sm,
.tint-bg .border-right-xs,
.tint-bg .border-right,
.tint-bg .border-bottom-lg,
.tint-bg .border-bottom-md,
.tint-bg .border-bottom-sm,
.tint-bg .border-bottom-xs,
.tint-bg .border-bottom,
.tint-bg .border-left-lg,
.tint-bg .border-left-md,
.tint-bg .border-left-sm,
.tint-bg .border-left-xs,
.tint-bg .border-left {
    border-color: #FFF;
}
.last-bottom {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.last-right {
    padding-right: 0 !important;
    margin-right: 0 !important;
}
.reset-margin {
    margin: 0;
}
.reset-margin-left {
    margin-left: 0;
}
.reset-margin-right {
    margin-right: 0;
}
.reset-padding {
    padding: 0;
}
.reset-padding-left {
    padding-left: 0;
}
.reset-padding-right {
    padding-right: 0;
}
.single-block {
    padding: 0;
    border: 0;
    margin: 0;
}
h1 + .single-line,
h2 + .single-line,
h3 + .single-line,
h4 + .single-line {
    margin-top: -.5em;
}
.img-intext {
    margin-bottom: 20px;
}
aside {
    font-size: 16px;
    line-height: 160%;
}
aside p {
    margin-bottom: 15px;
}
aside .txt-btn {
    font-size: 100%;
}
aside .thumb figure {
    margin: 0;
}
.thumbs.no-gap {
    margin-left: 0;
    margin-right: 0;
}
.thumbs.no-gap .thumb {
    padding: 0;
}
.thumbs.gap-xs {
    margin-left: -5px;
    margin-right: 0;
}
.thumbs.gap-xs .thumb {
    padding: 0 0 5px 5px;
}
.thumbs.gap-sm {
    margin-left: -10px;
    margin-right: 0;
}
.thumbs.gap-sm .thumb {
    padding: 0 0 10px 10px;
}
.thumbs.gap-md {
    margin-left: -20px;
    margin-right: 0;
}
.thumbs.gap-md .thumb {
    padding: 0 0 20px 20px;
}
.thumbs.gap-lg {
    margin-left: -30px;
    margin-right: 0;
}
.thumbs.gap-lg .thumb {
    padding: 0 0 30px 30px;
}
/*===================================================================================*/
/*	HEADER /*===================================================================================*/

.navbar .container {
    display: table;
    padding: 0;
}
.navbar {
    margin: 0;
    border-radius: 0;
    border: none;
    /*position: relative;*/
    /*position: fixed;     width: 100%;*/

    z-index: 8000;
    min-height: inherit;
}
.navbar ul {
    list-style: none;
}
.navbar-brand {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    height: 70px;
    /*VB edit */

    max-width: 90px;
    max-height: 100px!important;
}
.maintenance {
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: #646464;
    padding: 30px 0 0 0;
}
.navbar-brand img {
    max-height: 100px;
    max-height: 100px!important;
}
.navbar-brand-huge {
    display: block;
    height: 300px;
    margin: 70px 0 0 0;
}
.navbar-brand-huge img {
    max-height: 300px;
}
.navbar-brand-huge-title {
    font-size: 68px;
    font-weight: 700;
    line-height: 60px;
    text-transform: uppercase;
    letter-spacing: -2px;
    color: #D1DDE1;
    margin: 40px 0 0 0;
}
.navbar-brand-title {
    font-size: 38px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    margin: 18px 0px 0px 35px;
}
.navbar-header .navbar-brand {
    display: none;
}
.login-invit {
    margin: 50px 0 45px 0;
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: #3fb498;
}
.login-form-ctn {
    margin-bottom: 40px
}
.login-form {
    padding: 15px;
    border: 1px solid #BFBFBF;
    border-top: none;
}
.login-form-remember-checkbox {
    width: 100%;
    height: 44px;
    margin: 0 !important;
    padding: 8px 20px 13px !important;
    background-color: #fff !important;
    color: #6D6D6D !important;
    border: 1px solid #ccc !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#login-button {
    width: 100%;
    margin: 0;
}
.subscription-form {
    padding: 15px 15px 0 15px;
    border: 1px solid #BFBFBF;
    border-top: none;
}
.subscription-form-dropdown {
    margin: 0;
    padding: 14px 15px;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 3px;
    background-color: #F5F5F5;
    border: 1px solid #BFBFBF;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #CDD1D4 ! important;
    border-radius: 0;
}
.subscription-form-dropdown-ctn {
    width: 100%;
}
/*.subscription-form-dropdown-item{ padding: 0 15px; font-size: 16px; color: #73879C; } .subscription-form-dropdown-item:hover{ cursor:pointer; } .subscription-form-dropdown-item:hover, .subscription-form-dropdown-item:focus{ background-color:#F5F5F5; }*/

.ui-select-bootstrap>.ui-select-match>.btn {
    background-color: #F5F5F5;
    border: 1px solid #BFBFBF;
    color: #798CA0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 10px 15px;
    text-transform: none;
    font-size: 16px;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
    height: 47px;
    font-weight: normal;
}
.ui-select-bootstrap>.ui-select-match>.btn .text-muted {
    color: #C9CED2;
}
.ui-select-bootstrap.error>.ui-select-match>.btn {
    border: none;
}
.ui-select-bootstrap .ui-select-choices-row.active>a {
    background-color: #00A1D5;
}
.ui-select-bootstrap .dropdown-menu {
    font-size: 16px;
}
.ui-select-bootstrap input[type="text"] {
    margin-bottom: 0;
}
#remember_checkbox label:hover {
    cursor: pointer;
}
.navbar-header {
    float: none !important;
    position: relative;
    background: #F5F7FA;
    border-bottom: 1px solid #E6E9ED;
    z-index: 0;
}
.navbar-header li,
.navbar-header a {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
}
.navbar-collapse {
    position: relative;
    background-color: #FFF;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E6E9ED;
}
.navbar-collapse.collapse.stuck {
    position: fixed;
    top: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.navbar-collapse.collapse.stuck .navbar-brand img {
    max-height: 55px!important;
    /*VB edit*/
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
    color: #555 !important;
    border-color: #BFBFBF;
    border-bottom-color: #fff;
    font-weight: 700;
}
.nav-tabs.nav-justified>li>a {
    color: #555 !important;
    font-weight: 700;
}
.navbar-nav {
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
    margin: 0;
    /*padding-top: 28px; */

}
.navbar-nav > li > a,
.navbar-nav .btn-group {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1c1c1c;
    padding: 15px 20px;
    border: 1px solid rgba(255, 255, 255, 0);
    border-bottom: none;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    bottom: -1px;
    z-index: 1;
}
.navbar-nav .btn-group {
    float: left;
    padding: 0;
    border: none;
}
#histo-button {
    padding: 15px 20px;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 3px;
}
.btn-group.open .dropdown-toggle {
    box-shadow: none;
    -webkit-box-shadow: none;
}
.navbar-nav > li > a.single {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*border-bottom: 1px solid rgba(255,255,255,0);*/
}
.navbar-nav > li > a.single:hover {
    cursor: pointer;
}
a.featured {
    background-color: #00A2D5;
    color: #fff!important;
}
.navbar-nav > li > a.single.currentab,
.navbar-nav > li > a.single.currentab:focus {
    background-color: #00A1D5;
    color: #FFFFFF;
}
.navbar-nav > li > a.single.currentab:focus {
    color: #FFFFFF !important;
}
.currentab {
    background-color: #00A1D5;
    border-color: #E6E9ED;
    color: #FFF !important;
    border-radius: 3px;
}
.skrollable-after .navbar-nav > li > a {
    margin-top: -1px;
    /*-webkit-border-top-right-radius: 0; 	 -webkit-border-top-left-radius: 0; 	    -moz-border-radius-topright: 0; 	     -moz-border-radius-topleft: 0; 	        border-top-right-radius: 0; 	         border-top-left-radius: 0; DISABLED BY VB */
}
a.featured:hover {
    border-bottom: none;
}
.nav > li > a:hover {
    background-color: #00A1D5;
    border-color: #E6E9ED;
    color: #FFF !important;
    cursor: pointer;
}
#histo-button:hover {
    background-color: #00A1D5;
    border-color: #E6E9ED;
    color: #FFF !important;
    cursor: pointer;
}
.nav > li > a:focus {
    background-color: #FFF;
    border-color: #FFF;
    color: #506A85!important;
}
#histo-button:focus {
    background-color: #FFF;
    border-color: #FFF;
    color: #506A85;
}
.navbar .dropdown-menu {
    padding: 0;
    margin: 0 15px;
    /*width: 210px;*/

    width: auto;
    background: #F5F7FA;
    border: none;
    border: 1px solid #E6E9ED;
    border-bottom-width: 2px;
    border-bottom-color: #CED2D6;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    -webkit-border-top-left-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    border-top-left-radius: 0 !important;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    z-index: 0;
    /*margin-left:15px;*/
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li {
    background: transparent;
    border: none;
    border-top: 1px solid #E6E9ED;
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li:first-child {
    border: none;
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
    line-height: 18px;
    padding: 13px 20px;
    color: #73879C;
    text-transform: uppercase;
    font-weight: 700;
    white-space: normal;
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {
    -webkit-filter: none;
            filter: none;
    background-color: #F5F7FA;
    color: #1ABB9C;
}
.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus {
    background-color: #00A2D5;
    border-color: #E6E9ED;
    color: #FFF;
}
.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):after {
    display: none;
}
.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):before {
    display: none;
}
.navbar .dropdown-submenu .dropdown-menu {
    top: -1px !important;
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {
    background: #1ABB9C;
    color: #FFF !important;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
}
.navbar-header .info {
    padding-left: 0;
    margin: 0;
}
.navbar-header .info li {
    font-size: 12px;
    padding-right: 25px;
}
.navbar-header .info li a {
    font-size: 12px;
    color: #73879C;
}
.navbar-header .info a:hover {
    color: #1ABB9C;
}
.navbar-form {
    padding: 0;
    margin: 0;
}
.btn.responsive-menu {
    display: none;
    width: 40px;
    height: 40px;
    font-size: 15px;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    transition: all 0s ease-out;
}
/*===================================================================================*/
/*	MEGA MENU /*===================================================================================*/

.yamm .nav,
.yamm .dropup,
.yamm .dropdown,
.yamm .collapse {
    position: static;
}
.yamm .navbar-inner,
.yamm .container {
    position: relative;
}
.yamm .dropdown-menu {
    top: auto;
    left: auto;
    -webkit-border-top-left-radius: 3px !important;
    -moz-border-radius-topleft: 3px !important;
    border-top-left-radius: 3px !important;
}
.yamm .dropdown-menu > li {
    display: block;
}
.yamm .nav.pull-right .dropdown-menu {
    right: 0;
}
.yamm .yamm-content {
    font-size: 14px;
    line-height: 22px;
    padding: 30px 40px;
    margin-left: -20px;
    margin-right: -20px;
}
.yamm .yamm-content .inner {
    padding: 0 20px;
}
.yamm .yamm-content li {
    line-height: inherit;
}
.yamm .yamm-content:before,
.yamm .yamm-content:after {
    display: table;
    content: "";
    line-height: 0;
}
.yamm .yamm-content:after {
    clear: both;
}
.yamm .nav > li > .dropdown-menu:after,
.yamm .nav > li > .dropdown-menu:before {
    display: none;
}
.yamm .yamm-content img {
    width: 100%;
}
.yamm .yamm-content a {
    color: inherit;
}
.yamm .yamm-content h4 {
    text-transform: uppercase;
    margin-bottom: 20px;
}
.yamm .yamm-content p {
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 15px;
}
.yamm .yamm-content .btn {
    margin: 10px 0;
}
.yamm .yamm-content a:hover {
    color: #1ABB9C;
}
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
}
/*===================================================================================*/
/*	BUTTONS /*===================================================================================*/

#buttons .btn {
    margin: 5px 3px;
}
#buttons .btn-wrapper {
    margin: 30px 0;
}
.btn {
    color: #FFF !important;
    background: #1ABB9C;
    padding: 11px 20px 13px;
    margin: 15px 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.02em;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    border: none;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}
.btn-small {
    padding: 5px 13px 6px;
    font-size: 13px;
}
.btn-large {
    padding: 14px 26px 16px;
    font-size: 15px;
}
.btn.btn-green {
    background: #1ABB9C;
}
.btn.btn-blue {
    background: #3F8DBF;
}
.btn.btn-red {
    background: #FA6C65;
}
.btn.btn-pink {
    background: #3fb498;
}
.btn.btn-purple {
    background: #9B59B6;
}
.btn.btn-orange {
    background: #F27A24;
}
.btn.btn-navy {
    background: #34495E;
}
.btn.btn-gray {
    background: #95A5A6;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    background: #17A78B;
    color: #FFF !important;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
    background: #17A78B !important;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
    background: #387EAA !important;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
    background: #CF4C45 !important;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active {
    background: #BD78A9 !important;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
    background: #8A4FA2 !important;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
    background: #D96716 !important;
}
.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active,
.btn-navy.active {
    background: #2C3E50 !important;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active {
    background: #859394 !important;
}
.tint-bg .btn {
    background: #FFF !important;
    color: #1ABB9C !important;
}
.tint-bg .btn:hover {
    background: #E9E9E9 !important;
    color: #506A85 !important;
}
.btn.share-facebook {
    background: #3d5b9b !important
}
.btn.share-facebook:hover {
    background: #334c8e !important
}
.btn.share-twitter {
    background: #5aa8cd !important
}
.btn.share-twitter:hover {
    background: #499ac8 !important
}
.btn.share-googleplus {
    background: #3b3b3b !important
}
.btn.share-googleplus:hover {
    background: #2e2e2e !important
}
.btn.share-pinterest {
    background: #c53942 !important
}
.btn.share-pinterest:hover {
    background: #bc2d32 !important
}
.btn-share-lg,
.btn-share-md,
.btn-share-sm,
.btn-share-xs {
    display: table;
    position: relative;
    z-index: 0;
    width: 100%;
    text-align: center;
}
.btn-share-lg i,
.btn-share-md i,
.btn-share-sm i,
.btn-share-xs i {
    display: table-cell;
    vertical-align: middle;
}
.btn-share-lg {
    height: 250px;
}
.btn-share-lg i {
    font-size: 80px;
}
.btn-share-md {
    height: 180px;
}
.btn-share-md i {
    font-size: 60px;
}
.btn-share-sm {
    height: 120px;
}
.btn-share-sm i {
    font-size: 40px;
}
.btn-share-xs {
    height: 80px;
}
.btn-share-xs i {
    font-size: 28px;
}
.btn-share-lg i:after,
.btn-share-md i:after,
.btn-share-sm i:after,
.btn-share-xs i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
/*.btn-share-lg:hover i:after, .btn-share-md:hover i:after, .btn-share-sm:hover i:after, .btn-share-xs:hover i:after { 	height: 100%; }*/

.btn-share-lg:hover .icon-s-facebook:after,
.btn-share-md:hover .icon-s-facebook:after,
.btn-share-sm:hover .icon-s-facebook:after,
.btn-share-xs:hover .icon-s-facebook:after {
    background: #3B5998;
    background: #4668B3;
}
.btn-share-lg:hover .icon-s-gplus:after,
.btn-share-md:hover .icon-s-gplus:after,
.btn-share-sm:hover .icon-s-gplus:after,
.btn-share-xs:hover .icon-s-gplus:after {
    background: #DD4B39;
    background: #DE5745;
}
.btn-share-lg:hover .icon-s-twitter:after,
.btn-share-md:hover .icon-s-twitter:after,
.btn-share-sm:hover .icon-s-twitter:after,
.btn-share-xs:hover .icon-s-twitter:after {
    background: #00ACED;
    background: #2FBBED;
}
.btn-share-lg p,
.btn-share-md p,
.btn-share-sm p,
.btn-share-xs p {
    position: absolute;
    height: 1.1em;
    font-family: 'Lato', sans-serif;
    line-height: 100%;
    color: #FFF;
    margin: auto;
    opacity: 0;
}
.btn-share-lg p,
.btn-share-md p {
    top: 20px;
}
.btn-share-sm p,
.btn-share-xs p {
    top: 0;
    bottom: 0;
}
.btn-share-sm p {
    font-size: 16px;
}
.btn-share-xs p {
    font-size: 15px;
}
.btn-share-lg:hover p,
.btn-share-md:hover p,
.btn-share-sm:hover p,
.btn-share-xs:hover p {
    opacity: 1;
}
.btn-share-lg .name,
.btn-share-md .name,
.btn-share-sm .name,
.btn-share-xs .name {
    left: 25px;
}
.btn-share-lg .counter,
.btn-share-md .counter,
.btn-share-sm .counter,
.btn-share-xs .counter {
    right: 25px;
}
.btn-share-lg:hover,
.btn-share-md:hover,
.btn-share-sm:hover,
.btn-share-xs:hover {
    color: #FFF;
}
h1 .btn,
h2 .btn,
h3 .btn,
h4 .btn,
p .btn {
    margin-left: 15px;
}
.txt-btn {
    font-size: 105%;
    font-weight: 700;
}
.txt-btn:after {
    /*font-family: 'fontello';*/

    content: '\2192';
    margin-left: 7px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.txt-btn:hover:after {
    margin-left: 12px;
}
/*===================================================================================*/
/*	SOCIAL ICONS /*===================================================================================*/

.social {
    padding: 0;
    margin: 0;
}
.social li {
    font-family: 'fontello-social';
    margin-right: 4px;
}
.social li {
    position: relative;
}
.text-center .social li {
    margin: 0 2px;
}
.social li a {
    display: table;
    position: relative;
}
.social li a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #73879C;
    width: 30px;
    height: 30px;
    font-size: 12px;
    /* -webkit-transition: all 200ms ease-out;        -moz-transition: all 200ms ease-out;          -o-transition: all 200ms ease-out;             transition: all 200ms ease-out;*/
}
.social li a i:after {
    content: '';
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    /*-webkit-transition: all 200ms ease-out;        -moz-transition: all 200ms ease-out;          -o-transition: all 200ms ease-out;             transition: all 200ms ease-out;*/
}
.social li a:hover i {
    color: #FFF;
}
.social li a:hover i:after {
    height: 100%;
}
.social a .icon-s-facebook:after {
    background: #3B5998;
    background: #4668B3;
}
.social a .icon-s-gplus:after {
    background: #DD4B39;
    background: #DE5745;
}
.social a .icon-s-twitter:after {
    background: #00ACED;
    background: #2FBBED;
}
.social a .icon-s-pinterest:after {
    background: #CB2027;
    background: #D94348;
}
.social a .icon-s-behance:after {
    background: #1769FF;
    background: #3079FF;
}
.social a .icon-s-dribbble:after {
    background: #EA4C89;
    background: #EB6397;
}
/*===================================================================================*/
/*	TABS ON SIDE /*===================================================================================*/

.tabs-side .etabs {
    float: left;
    width: 20%;
    padding: 0;
    margin: 0 -1px 0 0;
}
.tabs-side .tab {
    display: block;
    position: relative;
    z-index: 0;
}
.tabs-side .tab a {
    display: block;
    background: #F5F7FA;
    color: #506A85;
    font-size: 14px;
    line-height: 130%;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px;
    border: 1px solid #E6E9ED;
    border-right-color: #CED7E0;
    border-bottom: none;
    overflow: hidden;
}
.tabs-side .tab:first-child a {
    border-top-left-radius: 3px;
}
.tabs-side .tab:last-child a {
    border-bottom: 1px solid #E6E9ED;
    border-bottom-left-radius: 3px;
}
.tabs-side .tab a:hover {
    background: #1ABB9C;
    color: #FFF;
    border-color: #1ABB9C;
}
.tabs-side .tab:hover,
.tabs-side .tab.active {
    z-index: 2;
}
.tabs-side .tab.active a {
    background: #FFF !important;
    color: #1ABB9C;
    border-color: #CED7E0 !important;
    border-right-color: #FFF !important;
}
.tabs-side .tab.active + .tab a {
    border-top-color: #CED7E0;
}
.tabs-side .tab.active + .tab a:hover {
    border-top-color: #1ABB9C;
}
.tabs-side .tab a div {
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    line-height: 100%;
    font-weight: 200;
    margin: -10px 0 5px;
}
.tabs-side.tab-container .panel-container {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-left: 70px;
    border-left: 1px solid #CED7E0;
}
.tabs-side.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}
/*===================================================================================*/
/*	TABS ON TOP /*===================================================================================*/

.tabs-top .etabs {
    padding: 0;
    margin: 0;
}
.tabs-top .etabs:after {
    content: '';
    display: block;
    position: relative;
    z-index: 1;
    border-top: 1px solid #CED7E0;
    margin-top: -1px;
}
.tabs-top .tab {
    display: inline-block;
    position: relative;
    z-index: 0;
    max-width: 40%;
    margin: 0 3px;
}
.tabs-top .tab a {
    display: inline-block;
    vertical-align: bottom;
    background: #F5F7FA;
    color: #506A85;
    font-size: 14px;
    line-height: 130%;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px;
    border: 1px solid #E6E9ED;
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden;
}
.tabs-top .tab a div {
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    line-height: 100%;
    font-weight: 200;
    margin: -10px 0 5px;
}
.tabs-top .tab a:hover {
    background: #1ABB9C;
    color: #FFF;
    border-color: #1ABB9C;
}
.tabs-top .tab.active {
    z-index: 2;
}
.tabs-top .tab.active a {
    background: #FFF !important;
    color: #1ABB9C;
    border-color: #CED7E0 !important;
}
.tabs-top.tab-container .panel-container {
    margin-top: 70px;
}
.tabs-top.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}
/*===================================================================================*/
/*	TABS CIRCLED ON TOP /*===================================================================================*/

.tabs-circle-top .etabs {
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 2;
}
.tabs-circle-top .etabs:before {
    content: '';
    display: block;
    border-bottom: 1px solid #CED7E0;
    margin: 65px 0 -65px;
}
.tabs-circle-top .tab {
    display: inline-block;
    height: 160px;
    position: relative;
    top: 0;
    margin: 0 15px;
    /*-webkit-transition: all 200ms ease-out; 	   -moz-transition: all 200ms ease-out; 		 -o-transition: all 200ms ease-out; 			transition: all 200ms ease-out;*/
}
.tabs-circle-top .tab a {
    display: table-cell;
    vertical-align: middle;
    width: 130px;
    height: 130px;
    max-width: 130px;
    background: #FFF;
    color: #506A85;
    font-size: 14px;
    line-height: 130%;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px;
    border: 1px solid #CED7E0;
    border-radius: 50%;
    overflow: hidden;
}
.tabs-circle-top .tab a div {
    font-family: 'Lato', sans-serif;
    font-size: 40px;
    line-height: 100%;
    font-weight: 200;
    margin: -10px 0 5px;
}
.tabs-circle-top .tab a:hover {
    border: 4px solid #1ABB9C;
}
.tabs-circle-top .tab.active {
    top: -15px;
}
.tabs-circle-top .tab.active a {
    height: 160px;
    width: 160px;
    max-width: 160px;
    background: #1ABB9C;
    font-size: 15px;
    line-height: 140%;
    color: #FFF;
    border: 1px solid #1ABB9C;
}
.tabs-circle-top .tab.active a div {
    font-size: 50px;
    margin: -13px 0 8px;
}
.tabs-circle-top.tab-container .panel-container {
    position: relative;
    margin-top: 30px;
    z-index: 1;
}
.tabs-circle-top.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}
/*===================================================================================*/
/*	TABS 2-BIG ON TOP /*===================================================================================*/

.tabs-2-big-top .etabs {
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 2;
}
.tabs-2-big-top .tab {
    position: relative;
    display: inline-block;
    width: 40%;
    border-bottom: 2px solid transparent;
    border-radius: 3px;
    margin: 0 15px;
    /*-webkit-transition: all 200ms ease-out; 	   -moz-transition: all 200ms ease-out; 		 -o-transition: all 200ms ease-out; 			transition: all 200ms ease-out;*/
}
.tabs-2-big-top .tab:before,
.tabs-2-big-top .tab:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 0;
    width: 0;
    border: solid transparent;
    pointer-events: none;
    /*-webkit-transition: all 200ms ease-out; 	   -moz-transition: all 200ms ease-out; 		 -o-transition: all 200ms ease-out; 			transition: all 200ms ease-out;*/
}
.tabs-2-big-top .tab:before {
    border-width: 23px;
    margin-left: -23px;
}
.tabs-2-big-top .tab:after {
    border-width: 20px;
    margin-left: -20px;
}
.tabs-2-big-top .tab a {
    display: block;
    padding: 35px;
    color: #506A85;
    opacity: .5;
}
.tabs-2-big-top .tab:hover {
    background: #F7F9FA;
    border-color: #E6EBF0;
}
.tabs-2-big-top .tab:hover:before {
    border-top-color: #E6EBF0;
}
.tabs-2-big-top .tab:hover:after {
    border-top-color: #F7F9FA;
}
.tabs-2-big-top .tab.active {
    background: #FFF;
    border-color: #E1E7ED;
}
.tabs-2-big-top .tab.active:before {
    border-top-color: #E1E7ED;
}
.tabs-2-big-top .tab.active:after {
    border-top-color: #FFF;
}
.tabs-2-big-top .tab:hover a,
.tabs-2-big-top .tab.active a {
    opacity: 1;
}
.tabs-2-big-top .tab a p {
    margin-bottom: 0;
}
.tabs-2-big-top.tab-container .panel-container {
    position: relative;
    margin-top: 80px;
    z-index: 1;
}
.tabs-2-big-top.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}
/*===================================================================================*/
/*	TESTIMONIALS / QUOTES /*===================================================================================*/

.format-quote {
    position: relative;
}
.format-quote:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url("../images/pattern-background01.jpg");
    opacity: .05;
}
#testimonials #owl-testimonials {
    margin-top: 10px;
}
blockquote {
    position: relative;
}
#testimonials #owl-testimonials:before,
blockquote:before {
    display: block;
    position: relative;
    font-family: 'fontello';
    content: '\275e';
    font-size: 40px;
    line-height: 100%;
}
#testimonials #owl-testimonials:before {
    top: -10px;
    opacity: .3;
}
#testimonials #owl-testimonials blockquote:before {
    display: none;
}
blockquote:before {
    position: absolute;
    right: 0;
    bottom: 0;
}
.post.format-quote {
    background-color: #1ABB9C;
}
.format-quote .meta,
.format-quote blockquote,
.format-quote blockquote footer,
.format-quote blockquote small,
.format-quote blockquote .small {
    color: #FFF;
}
.format-quote blockquote footer:before,
.format-quote blockquote small:before,
.format-quote blockquote .small:before,
.format-quote blockquote footer:after,
.format-quote blockquote small:after,
.format-quote blockquote .small:after {
    background-color: #FFF;
}
.format-quote .meta a:hover {
    color: #506A85;
}
/*===================================================================================*/
/*	ACCORDION / TOGGLE /*===================================================================================*/

.panel-group {
    margin-bottom: 0;
}
.panel-group + .panel-group {
    margin-top: 20px;
}
.panel-group .panel {
    background: #F5F7FA;
    border: 1px solid #E6E9ED;
    border-bottom-width: 2px;
    border-radius: 3px;
    box-shadow: none;
}
.panel-group .panel + .panel {
    margin-top: 10px;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top-color: #E6E9ED;
}
.panel-body {
    padding: 25px;
}
.panel-heading {
    background-color: inherit !important;
    color: inherit !important;
    padding: 0;
    border-color: inherit !important;
}
.panel-title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    line-height: 1.42857;
    font-weight: 700;
    text-transform: uppercase;
}
.panel-title > a {
    display: block;
    padding: 15px 25px 15px;
}
.panel-title > a.collapsed {
    background: #F5F7FA;
    color: #506A85;
}
.panel-title > a,
.panel-title > a:hover {
    background: #EDF0F2;
}
.panel-title > a {
    color: #506A85;
}
.panel-title > a:hover {
    color: #1ABB9C;
}
.panel-title > a span {
    display: block;
    position: relative;
    top: 0;
    color: #506A85;
    padding-right: 25px;
    /*-webkit-transition: all 200ms ease-out; 	   -moz-transition: all 200ms ease-out; 		 -o-transition: all 200ms ease-out; 			transition: all 200ms ease-out;*/
}
.text-right .panel-title > a span {
    padding-left: 25px;
    padding-right: 0;
}
.text-center .panel-title > a span {
    padding-left: 0;
    padding-right: 0;
}
.panel-title > a:hover span {
    color: inherit;
}
.text-center .panel-title > a:hover span {
    top: .5em;
    color: transparent;
}
.panel-title > a span:after {
    font-family: "fontello";
    content: "\e849";
    position: absolute;
    top: 0;
    right: 0;
    /*-webkit-transition: all 200ms ease-out; 	   -moz-transition: all 200ms ease-out; 		 -o-transition: all 200ms ease-out; 			transition: all 200ms ease-out;*/
}
.text-right .panel-title > a span:after {
    left: 0;
    right: auto;
}
.text-center .panel-title > a span:after {
    top: -.75em;
    left: 0;
    opacity: 0;
}
.panel-title > a.collapsed span:after {
    content: "\e84c";
}
.text-center .panel-title > a:hover span:after {
    color: #1ABB9C;
    top: -.5em;
    opacity: 1;
}
.panel-group .bordered {
    background: #FFF;
}
.light-bg .panel-group .panel {
    background: #FFF;
}
.light-bg .panel-title > a.collapsed,
.light-bg .blank .panel-title > a.collapsed {
    background: #F8FAFD;
}
.light-bg .panel-title > a,
.light-bg .blank .panel-title > a,
.light-bg .panel-title > a:hover,
.light-bg .blank .panel-title > a:hover {
    /*background: #E6E9ED;*/

    background: #FFF;
}
.dark-bg .panel-group .panel,
.dark-bg .panel-group .panel-heading + .panel-collapse .panel-body {
    border-color: #485867;
}
.dark-bg .panel-group .panel {
    background: #3A4A59;
}
.dark-bg .panel-title > a.collapsed {
    background: #566473;
}
.dark-bg .panel-title > a,
.dark-bg .panel-title > a:hover {
    /*background: #E6E9ED;*/

    background: #485867;
}
.dark-bg .panel-title > a,
.dark-bg .panel-title > a span {
    color: #FFF;
}
.dark-bg .blank .panel-title > a.collapsed {
    background: #2F4052;
}
.dark-bg .blank .panel-title > a.collapsed,
.dark-bg .blank .panel-title > a {
    border-color: #566473;
}
.dark-bg .blank .panel-title > a,
.dark-bg .blank .panel-title > a:hover {
    background: #485867;
}
.blank .panel-title > a.collapsed {
    background: #FFF;
}
.panel-group.blank .panel {
    background: none;
}
.panel-group.blank .panel {
    border: none;
}
.blank .panel-title > a.collapsed,
.blank .panel-title > a {
    border: 1px solid #E6E9ED;
}
.blank .panel-title > a,
.blank .panel-title > a:hover {
    background: #F5F7FA;
}
.blank .panel-heading,
.blank .panel-title > a {
    border-radius: 3px;
}
.panel-group.blank .panel-heading + .panel-collapse .panel-body {
    border: none;
}
.blank .panel-body {
    padding: 35px 0;
}
.blank.panel-group .bordered,
.light-bg .panel-group .bordered,
.dark-bg .panel-group .bordered {
    background: #F5F7FA;
}
.light-bg .blank.panel-group .bordered {
    background: #FFF;
}
/*===================================================================================*/
/*	PORTFOLIO /*===================================================================================*/

.items {
    list-style: none;
    margin: 0;
    padding: 0;
}
.items:before,
.items:after {
    display: table;
    content: "";
    line-height: 0;
}
.items:after {
    clear: both
}
.items li {
    float: left;
    min-height: 1px;
    position: relative;
}
.items.col-3 {
    margin-left: -8px;
    margin-bottom: -8px;
}
.items.col-3 li {
    width: 318px;
    margin-left: 8px;
    margin-bottom: 8px;
}
.items.col-3.gap {
    margin-left: -20px;
    margin-bottom: -20px;
}
.items.col-3.gap li {
    width: 310px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.items.col-4 {
    margin-left: -10px;
    margin-bottom: -10px;
}
.items.col-4 li {
    width: 235px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.items.col-4 .post-title {
    font-size: 16px;
    margin-bottom: 3px;
}
.items.fullscreen {
    width: 100%;
    clear: both;
    margin: 0 0 -1px 0;
    padding: 0;
    list-style: none;
}
.items.fullscreen li {
    float: left;
    position: relative;
    background: none;
    padding: 0;
    width: 16.666666666%;
}
.items.fullscreen li img {
    display: block;
    /*position: relative;*/

    width: 100%;
    height: auto;
}
.items.fullscreen:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.items li img {
    display: block;
    width: 100%;
}
.items li,
.items li img,
.thumbs .thumb figure,
.owl-carousel .item figure {
    display: block;
    position: relative;
}
.items li {
    overflow: hidden;
}
.items li .text-overlay,
.thumbs .thumb .text-overlay,
.owl-carousel .item .text-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 10%;
    font: 0px/0 a;
    /* remove the gap between inline(-block) elements */

    background-color: rgba(26, 187, 156, 0.9);
    /*-webkit-transition: all 200ms ease-out;        -moz-transition: all 200ms ease-out;          -o-transition: all 200ms ease-out;             transition: all 200ms ease-out;*/

    opacity: 0;
}
.items li .text-overlay:before,
.thumbs .thumb .text-overlay:before,
.owl-carousel .item .text-overlay:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.items li:hover .text-overlay,
.thumbs .thumb:hover .text-overlay,
.owl-carousel .item:hover .text-overlay {
    opacity: 1;
}
.thumbs .thumb:hover .member .text-overlay {
    opacity: 0;
}
.thumbs .thumb .member .member-image:hover .text-overlay {
    opacity: 1;
}
.items li .text-overlay .info,
.thumbs .thumb .text-overlay .info,
.owl-carousel .item .text-overlay .info {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: auto;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 22px;
    /*color: #FFF;*/

    text-align: center;
}
.items li .text-overlay .info h2,
.thumbs .thumb .text-overlay .info h2,
.owl-carousel .item .text-overlay .info h2,
.items li .text-overlay .info h3,
.thumbs .thumb .text-overlay .info h3,
.owl-carousel .item .text-overlay .info h3,
.items li .text-overlay .info h4,
.thumbs .thumb .text-overlay .info h4,
.owl-carousel .item .text-overlay .info h4 {
    color: #FFF;
    margin-bottom: 2px;
}
.items li .text-overlay .info p,
.thumbs .thumb .text-overlay .info p,
.owl-carousel .item .text-overlay .info p {
    font-size: 14px;
    line-height: 22px;
    color: #FFF;
    margin-bottom: 0;
}
.items li .text-overlay .info.big p,
.thumbs .thumb .text-overlay .info.big p,
.owl-carousel .item .text-overlay .info.big p,
#hero .items li .text-overlay .info.big p,
#hero .thumbs .thumb .text-overlay .info.big p,
#hero .owl-carousel .item .text-overlay .info.big p {
    font-size: 18px;
    line-height: 140%;
    padding-top: 10px;
    margin-top: 0;
}
#owl-clients .item .text-overlay,
#clients .thumb .text-overlay {
    background: none;
}
#owl-clients .item img,
#clients .thumb img {
    /*-webkit-transition: all 200ms ease-out;        -moz-transition: all 200ms ease-out;          -o-transition: all 200ms ease-out;             transition: all 200ms ease-out;*/
}
/*#owl-clients .item:hover img, #clients .thumb:hover img { 	opacity: .1; }*/
/*Hidden by VB*/

#owl-clients .item .text-overlay .info h4,
#owl-clients .item .text-overlay .info p,
#clients .thumb .text-overlay .info h4,
#clients .thumb .text-overlay .info p {
    color: inherit;
}
.filter,
.format-filter {
    padding: 0;
    margin-bottom: 40px;
}
.filter:before,
.format-filter:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    border-bottom: 1px solid #CED7E0;
}
.filter li,
.format-filter li {
    display: inline;
    position: relative;
    background: #FFF;
    font-size: 15px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: .031em;
    text-transform: uppercase;
    margin: 0 -2px;
}
.light-bg .format-filter li {
    background: #F2F5F7;
}
.filter li:after,
.format-filter li:after {
    content: "\00b7";
}
.filter li:last-child:after,
.format-filter li:last-child:after {
    content: "";
}
.filter li a,
.format-filter li a {
    padding: 0 15px;
}
.light-bg .filter:before {
    border-color: #BCC7D1;
}
.light-bg .filter li {
    background: #F2F5F7;
}
.dark-bg .filter:before {
    border-color: #73879C;
}
.dark-bg .filter li {
    background: #2F4052;
}
.isotope,
.isotope .isotope-item {
    /*-webkit-transition-duration: 600ms; 	   -moz-transition-duration: 600ms; 	    -ms-transition-duration: 600ms; 	     -o-transition-duration: 600ms; 	        transition-duration: 600ms;*/
}
.isotope {
    /*-webkit-transition-property: height, width; 	   -moz-transition-property: height, width; 	    -ms-transition-property: height, width; 	     -o-transition-property: height, width; 	        transition-property: height, width;*/
}
.isotope .isotope-item {
    /*-webkit-transition-property: -webkit-transform, opacity; 	   -moz-transition-property: -moz-transform, opacity; 	    -ms-transition-property: -ms-transform, opacity; 	     -o-transition-property: top, left, opacity; 	        transition-property: transform, opacity;*/
}
.isotope figure,
.items figure {
    margin: 0;
}
.post-content .isotope figure {
    margin: auto;
}
/*===================================================================================*/
/*	OVERLAY /*===================================================================================*/

.icon-overlay {
    display: block;
    position: relative;
}
.icon-overlay img {
    display: block;
    max-width: 100%;
}
.icon-overlay a .icn-more {
    opacity: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-decoration: none;
    width: 100%;
    z-index: 100;
    background-color: rgba(26, 187, 156, 0.9);
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    overflow: hidden;
}
.icon-overlay a:hover .icn-more {
    opacity: 1;
}
.icon-overlay a .icn-more:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    position: absolute;
    text-align: center;
    content: '\2b';
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 1;
    color: #FFF;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin: -30px 0 0 -30px;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.icon-overlay a:hover .icn-more:before {
    font-size: 30px;
    padding-top: 15px;
}
.icon-overlay.icn-link a .icn-more:before {
    content: '\2b';
}
/*===================================================================================*/
/*	PORTFOLIO POST /*===================================================================================*/

.item-details {
    list-style: none;
    font-size: 16px;
    line-height: 140%;
    padding-left: 0;
    margin-bottom: 0;
}
.item-details li + li {
    margin-top: 6px;
}
.item-details li:before {
    content: "";
    font-family: "fontello";
    color: #506A85;
    margin-right: 10px;
}
.item-details li.date:before {
    content: "\e82c";
}
.item-details li.categories:before {
    content: "\e70d";
}
.item-details li.client:before {
    content: "\f464";
}
.item-details li.url:before {
    content: "\f30e";
}
.text-center .item-details li {
    display: inline-block;
    margin: 0 15px 6px;
}
/*===================================================================================*/
/*	OWL CAROUSEL /*===================================================================================*/

.owl-carousel {
    text-align: center;
    cursor: default;
}
.owl-controls {
    display: inline-block;
    position: relative;
    margin-top: 40px;
}
.panel-group .panel .owl-controls {
    margin-top: 25px;
}
.panel-group.blank .panel .owl-controls {
    margin-top: 40px;
}
.owl-pagination {
    position: relative;
    line-height: 30px;
}
.owl-buttons {
    display: none;
}
.owl-prev,
.owl-next {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #FFF;
    background-color: #506A85;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: auto;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    opacity: 0;
}
.owl-prev {
    left: -35px;
}
.owl-next {
    right: -35px;
}
.owl-carousel:hover .owl-prev {
    left: -40px;
    opacity: .25;
}
.owl-carousel:hover .owl-next {
    right: -40px;
    opacity: .25;
}
.owl-carousel:hover .owl-prev:hover,
.owl-carousel:hover .owl-next:hover {
    color: #1ABB9C;
    opacity: 1;
}
.owl-outer-nav:after {
    content: "";
    position: absolute;
    top: 0;
    left: -15%;
    width: 130%;
    height: 100%;
    z-index: 0;
}
.owl-outer-nav .owl-wrapper-outer,
.owl-outer-nav .owl-pagination,
.owl-outer-nav .owl-prev,
.owl-outer-nav .owl-next {
    z-index: 1;
}
.owl-outer-nav .owl-controls {
    position: static;
}
.owl-outer-nav .owl-prev {
    left: -65px;
}
.owl-outer-nav .owl-next {
    right: -65px;
}
.owl-outer-nav:hover .owl-prev {
    left: -80px;
}
.owl-outer-nav:hover .owl-next {
    right: -80px;
}
.owl-ui-md .owl-pagination {
    line-height: 45px;
}
.owl-ui-md .owl-prev,
.owl-ui-md .owl-next {
    width: 45px;
    height: 45px;
    font-size: 45px;
}
.owl-ui-md .owl-prev {
    left: -55px;
}
.owl-ui-md .owl-next {
    right: -55px;
}
.owl-ui-md:hover .owl-prev {
    left: -60px;
}
.owl-ui-md:hover .owl-next {
    right: -60px;
}
.owl-outer-nav.owl-ui-md:after {
    left: -18%;
    width: 136%;
}
.owl-outer-nav.owl-ui-md .owl-prev {
    left: -85px;
}
.owl-outer-nav.owl-ui-md .owl-next {
    right: -85px;
}
.owl-outer-nav.owl-ui-md:hover .owl-prev {
    left: -100px;
}
.owl-outer-nav.owl-ui-md:hover .owl-next {
    right: -100px;
}
.owl-ui-lg .owl-pagination {
    line-height: 60px;
}
.owl-ui-lg .owl-prev,
.owl-ui-lg .owl-next {
    width: 60px;
    height: 60px;
    font-size: 60px;
}
.owl-ui-lg .owl-prev {
    left: -75px;
}
.owl-ui-lg .owl-next {
    right: -75px;
}
.owl-ui-lg:hover .owl-prev {
    left: -80px;
}
.owl-ui-lg:hover .owl-next {
    right: -80px;
}
.owl-outer-nav.owl-ui-lg:after {
    left: -22%;
    width: 144%;
}
.owl-outer-nav.owl-ui-lg .owl-prev {
    left: -105px;
}
.owl-outer-nav.owl-ui-lg .owl-next {
    right: -105px;
}
.owl-outer-nav.owl-ui-lg:hover .owl-prev {
    left: -120px;
}
.owl-outer-nav.owl-ui-lg:hover .owl-next {
    right: -120px;
}
.owl-inner-nav .owl-controls {
    position: static;
}
.owl-inner-nav .owl-prev {
    left: 45px;
}
.owl-inner-nav .owl-next {
    right: 45px;
}
.owl-inner-nav:hover .owl-prev {
    left: 30px;
}
.owl-inner-nav:hover .owl-next {
    right: 30px;
}
.owl-outer-nav .owl-prev,
.owl-outer-nav .owl-next,
.owl-inner-nav .owl-prev,
.owl-inner-nav .owl-next {
    bottom: 70px;
}
.owl-outer-nav.owl-ui-md .owl-prev,
.owl-outer-nav.owl-ui-md .owl-next,
.owl-inner-nav.owl-ui-md .owl-prev,
.owl-inner-nav.owl-ui-md .owl-next {
    bottom: 85px;
}
.owl-outer-nav.owl-ui-lg .owl-prev,
.owl-outer-nav.owl-ui-lg .owl-next,
.owl-inner-nav.owl-ui-lg .owl-prev,
.owl-inner-nav.owl-ui-lg .owl-next {
    bottom: 100px;
}
.owl-inner-pagination .owl-pagination,
.owl-inner-pagination .owl-prev,
.owl-inner-pagination .owl-next {
    margin-top: -40px;
    top: -60px;
}
.owl-inner-pagination.owl-ui-md .owl-pagination,
.owl-inner-pagination.owl-ui-md .owl-prev,
.owl-inner-pagination.owl-ui-md .owl-next {
    margin-top: -50px;
    top: -65px;
}
.owl-inner-pagination.owl-ui-lg .owl-pagination,
.owl-inner-pagination.owl-ui-lg .owl-prev,
.owl-inner-pagination.owl-ui-lg .owl-next {
    margin-top: -60px;
    top: -75px;
}
.owl-inner-pagination.owl-outer-nav .owl-prev,
.owl-inner-pagination.owl-outer-nav .owl-next,
.owl-inner-pagination.owl-inner-nav .owl-prev,
.owl-inner-pagination.owl-inner-nav .owl-next {
    margin: auto;
    top: 0;
    bottom: 43px;
}
.owl-inner-pagination .owl-pagination {
    /*-webkit-transition: all 200ms ease-out; 	   -moz-transition: all 200ms ease-out; 		 -o-transition: all 200ms ease-out; 			transition: all 200ms ease-out;*/

    opacity: 0;
}
.owl-inner-pagination:hover .owl-pagination {
    opacity: 1;
}
.owl-inner-pagination.owl-inner-nav .owl-pagination,
.owl-inner-pagination.owl-outer-nav .owl-pagination {
    top: -45px;
}
.owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination {
    top: -50px;
}
.owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination {
    top: -60px;
}
.owl-inner-pagination.owl-inner-nav:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav:hover .owl-pagination {
    top: -60px;
}
.owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination {
    top: -65px;
}
.owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination {
    top: -75px;
}
#owl-main .item {
    height: 44vh;
    background-color: #FFF;
    background-position: center 55%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#owl-main.height-md .item {
    height: 61vh;
}
#owl-main.height-lg .item {
    height: 90vh;
}
#owl-main .container {
    display: table;
    height: inherit;
}
#owl-main .caption {
    display: table-cell;
}
#owl-main .caption.vertical-center {
    vertical-align: middle;
    padding-bottom: 3vh;
}
#owl-main .caption.vertical-top {
    vertical-align: top;
    padding-top: 8vh;
}
#owl-main .caption.vertical-bottom {
    vertical-align: bottom;
    padding-bottom: 14vh;
}
#owl-main .caption.text-center {
    padding-left: 10%;
    padding-right: 10%;
}
#owl-main .caption.text-left {
    padding-right: 20%;
}
#owl-main .caption.text-right {
    padding-left: 20%;
}
#owl-main .caption h1,
#owl-main .caption p,
#owl-main .caption div {
    position: relative;
}
#owl-main .caption h1 span {
    padding: .250em 0;
    line-height: 180%;
}
#owl-main .caption .light-bg,
#owl-main .caption .medium-bg,
#owl-main .caption .dark-bg,
#owl-main .caption .tint-bg {
    background: none;
    padding-left: .500em;
    padding-right: .500em;
}
#owl-main .caption h1.light-bg span,
#owl-main .caption p.light-bg span {
    background: #FFF;
    box-shadow: -.500em 0 0 #FFF, .500em 0 0 #FFF;
}
#owl-main .caption h1.medium-bg span,
#owl-main .caption p.medium-bg span {
    background: #A3B1BF;
    box-shadow: -.500em 0 0 #A3B1BF, .500em 0 0 #A3B1BF;
}
#owl-main .caption h1.dark-bg span,
#owl-main .caption p.dark-bg span {
    background: #506A85;
    box-shadow: -.500em 0 0 #506A85, .500em 0 0 #506A85;
}
#owl-main .caption h1.tint-bg span,
#owl-main .caption p.tint-bg span {
    background: #1ABB9C;
    box-shadow: -.500em 0 0 #1ABB9C, .500em 0 0 #1ABB9C;
}
#owl-main .owl-controls {
    display: block;
    position: static;
    margin-top: -47px;
}
#owl-main .owl-pagination {
    background: #FFF;
    line-height: inherit;
    position: relative;
    bottom: -40px;
    padding: 10px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: auto;
    opacity: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
#owl-main:hover .owl-pagination {
    bottom: -25px;
    opacity: 1;
}
#owl-main .owl-prev,
#owl-main .owl-next {
    bottom: 0;
}
.owl-controls .owl-page {
    display: inline-block;
}
.owl-pagination .owl-page span {
    display: block;
    width: 15px;
    height: 15px;
    background: #506A85;
    border: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.owl-pagination .owl-page.active span,
.owl-pagination .owl-page:hover span {
    background: #1ABB9C;
}
.owl-item-gap .item {
    margin: 0 15px;
}
.owl-item-gap-sm .item {
    margin: 0 10px;
}
/* preloading images */

.owl-item.loading {
    min-height: inherit;
    background: none;
}
/*===================================================================================*/
/*	PRICING TABLES /*===================================================================================*/

.pricing .plan {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden;
}
.pricing .plan header {
    background: #2F4052;
    text-align: center;
    padding: 50px;
}
.pricing .plan h2 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #FFF;
}
.pricing .plan .btn {
    margin-bottom: 0;
}
.pricing .plan .price {
    margin-bottom: 15px;
}
.pricing .plan .price * {
    font-family: 'Lato', sans-serif;
    line-height: 100%;
}
.pricing .plan .price .amount {
    font-size: 120px;
    font-weight: 900;
    color: #FFF;
}
.pricing .plan .price .currency {
    position: relative;
    top: 16px;
    font-size: 24px;
    vertical-align: top;
    margin-right: 5px;
}
.pricing .plan .price .period {
    font-size: 16px;
    text-transform: uppercase;
}
.pricing .plan .features {
    background: #F5F7FA;
    padding: 25px 35px;
    border: 1px solid #E6E9ED;
    border-top: none;
    border-bottom-width: 2px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: 0 !important;
}
.pricing .plan .features li {
    padding: 15px 0;
    /*border-top: 1px solid #CED7E0;*/

    border-top: 1px solid #BCC7D1;
}
.pricing .plan .features li:first-child {
    border: none;
}
.pricing .plan .features li i {
    margin-right: 10px;
}
.pricing.col-4 .plan header {
    padding: 40px;
}
.pricing.col-4 .plan h2 {
    font-size: 18px;
}
.pricing.col-4 .plan .price .amount {
    font-size: 90px;
}
.pricing.col-4 .plan .features {
    padding: 20px 30px;
}
/*===================================================================================*/
/*	FORMS /*===================================================================================*/

.forms {
    position: relative;
    padding: 0;
    width: 100%;
}
.form-container .response {
    display: none;
}
.forms ol {
    margin: 0;
    padding: 0;
}
.forms ol li {
    line-height: auto;
    list-style: none;
}
input,
textarea,
.uneditable-input,
.form-inline .form-control,
.navbar-form .form-control {
    width: 100%;
}
select,
textarea,
textarea.form-control,
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 {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    /*height: 55px;*/

    height: 47px;
    padding: 0 15px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 25px;
    color: #73879C;
    resize: none;
    vertical-align: middle;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f5f5f5;
    border: 1px solid #BFBFBF;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
}
textarea:focus,
textarea.form-control: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 {
    border: 1px solid #BCC7D1;
    box-shadow: none;
}
textarea {
    height: 100%;
    padding: 10px;
    margin-bottom: 15px;
    min-height: 150px;
    resize: vertical;
}
textarea.form-control {
    padding: 10px;
}
.btn-submit {
    width: auto;
}
.forms .btn-submit {
    margin-bottom: 0;
}
.forms .error,
.forms .error:focus {
    border: 1px solid #d99898;
}
.forms label {
    display: block;
    float: left;
    width: 95px;
    padding-top: 7px;
    font-size: 13px;
    clear: both;
}
.form input,
.form textarea,
.form input[type="text"],
.form input[type="email"] {
    background: #F2F5F7;
    border-radius: 3px;
}
.light-bg .forms input,
.light-bg .forms textarea {
    background: #FFF;
}
.form-container:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.newsletter {
    position: relative;
}
.newsletter input[type="email"] {
    background: rgba(255, 255, 255, 0.15);
    padding-right: 100px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    color: #FFF !important;
}
.newsletter input[type="email"]:focus {
    background: rgba(255, 255, 255, 0.20);
}
.navbar .searchbox .dropdown-menu {
    width: 270px;
}
.navbar .searchbox .dropdown-menu:not(*:root) {
    right: 2px;
}
.search {
    position: relative;
    margin: 15px;
    margin-bottom: 0;
}
.search input[type="search"] {
    background: #FFF;
    padding-right: 40px;
}
.newsletter .btn-submit,
.search .btn-submit {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin-top: 5px;
    margin-right: 5px;
    color: #FFF !important;
    line-height: 1;
}
.navbar-form.search .btn-submit {
    width: 30px;
    height: 30px;
}
footer .newsletter .btn-submit {
    width: 88px;
    height: 30px;
    font-size: 13px;
}
#response ul.errors {
    margin-bottom: 25px;
}
#response .btn i {
    font-size: 12px;
}
.dark-bg input,
.dark-bg button,
.dark-bg select,
.dark-bg textarea {
    color: #A3B1BF;
}
.form-control::-webkit-input-placeholder {
    color: #C2C7CC;
}
.form-control:-moz-placeholder {
    color: #C2C7CC;
}
.form-control::-moz-placeholder {
    color: #C2C7CC;
}
.form-control:-ms-input-placeholder {
    color: #C2C7CC;
}
.dark-bg .form-control::-webkit-input-placeholder {
    color: #828E99;
}
.dark-bg .form-control:-moz-placeholder {
    color: #828E99;
}
.dark-bg .form-control::-moz-placeholder {
    color: #828E99;
}
.dark-bg .form-control:-ms-input-placeholder {
    color: #828E99;
}
.search .form-control::-webkit-input-placeholder {
    color: #C2C7CC;
}
.search .form-control:-moz-placeholder {
    color: #C2C7CC;
}
.search .form-control::-moz-placeholder {
    color: #C2C7CC;
}
.search .form-control:-ms-input-placeholder {
    color: #C2C7CC;
}
input:focus::-webkit-input-placeholder {
    color: transparent !important;
}
input:focus:-moz-placeholder {
    color: transparent !important;
}
input:focus::-moz-placeholder {
    color: transparent !important;
}
input:focus:-ms-input-placeholder {
    color: transparent !important;
}
/*===================================================================================*/
/*	BLOG /*===================================================================================*/

.blog.no-sidebar .post,
.blog.no-sidebar #comments,
.blog.no-sidebar .pagination,
.blog.no-sidebar .comment-form-wrapper {
    width: 770px;
    margin: 0px auto !important;
}
.blog.no-sidebar .post-title,
.blog.no-sidebar .meta {
    text-align: center
}
.format-filter li {
    font-size: 24px;
}
.format-filter li:after {
    content: "";
}
.format-filter li a {
    padding: 0 35px;
}
.classic-blog .meta {
    margin-right: -5px;
    margin-left: -5px;
}
.classic-blog .post-content .meta {
    padding-left: 80px;
    padding-right: 80px;
    margin-bottom: 25px;
}
.meta li {
    display: inline-block;
    margin: 0 6px;
}
.meta li.categories:before,
.meta li a:before {
    content: "";
    font-family: "fontello";
    margin-right: 6px;
}
.meta li.categories a:before,
.meta li.categories:before {
    margin-right: 0;
}
/*.meta li.categories:before { 	content: "\e70d"; 	-webkit-transition: all 200ms ease-out; 	   -moz-transition: all 200ms ease-out; 		 -o-transition: all 200ms ease-out; 			transition: all 200ms ease-out; }*/

.meta li.categories:hover:before {
    color: #1ABB9C;
    cursor: pointer;
}
.meta li.url a:before {
    content: "\f30e";
}
.meta li.author-posts a:before {
    content: "\27a6";
}
.meta li.comments a:before {
    content: "\e718";
}
.meta li.comments a:after {
    content: "Comments";
    margin-left: 4px;
}
.meta li.likes a:before {
    content: "\2665";
}
.meta li.likes a:after {
    content: "Likes";
    margin-left: 4px;
}
.meta li:after {
    /*content: "\0399";*/

    content: "|";
    margin-left: 12px;
}
.meta li:last-child:after {
    content: "";
}
.classic-blog .sidemeta,
.classic-blog .pagination {
    padding-left: 59px;
    border-left: 1px solid #CED7E0;
    margin-left: 30px;
}
.classic-blog .post .date-wrapper {
    text-align: center;
    display: table;
    float: left;
    margin-right: 20px;
}
.classic-blog .post .date {
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    width: 60px;
    height: 60px;
    border: 1px solid #1ABB9C;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #1ABB9C;
    font-weight: bold;
    color: #FFF;
    line-height: 1;
    text-transform: uppercase;
}
.classic-blog .post .date .day {
    font-size: 20px;
    margin-bottom: 1px;
    display: block;
}
.classic-blog .post .date .month {
    font-size: 12px;
    display: block;
}
.classic-blog .sidemeta .format-wrapper {
    display: table;
}
.classic-blog.sidebar-left .sidemeta,
.classic-blog.sidebar-left .pagination {
    padding-left: 0;
    border-left: none;
    margin-left: 0;
    padding-right: 59px;
    border-right: 1px solid #CED7E0;
    margin-right: 30px;
}
.classic-blog.sidebar-left .post .date-wrapper {
    margin-right: 0;
    margin-left: 20px;
}
.classic-blog.no-sidebar .sidemeta,
.classic-blog.no-sidebar .pagination {
    position: relative;
    left: -30px;
}
#blog-post .classic-blog .post {
    width: 100%;
}
.classic-blog .post {
    width: 750px;
}
.classic-blog .post-title {
    font-size: 40px;
    line-height: 120%;
}
.classic-blog .isotope {
    overflow: visible !important;
}
.classic-blog #share {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
}
.classic-blog .panel-group {
    margin-bottom: 40px;
}
.post {
    position: relative;
    background: #FFF;
    padding-bottom: 60px;
    border: 1px solid #E6E9ED;
    border-bottom-width: 2px;
    border-radius: 3px;
    margin-bottom: 40px;
}
.sidemeta .format-wrapper a {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: #FFF;
    text-align: center;
    color: #1ABB9C;
    line-height: 1;
    border: 1px solid #1ABB9C;
    border-radius: 50%;
}
.sidemeta .format-wrapper a:hover {
    background: #1ABB9C;
    color: #FFF;
}
.post-content > * {
    margin-left: 80px;
    margin-right: 80px;
}
.post-content *:last-child {
    margin-bottom: 0;
}
.post-content > .post-media {
    margin-left: 0;
    margin-right: 0;
}
.post-content > *:first-child,
.post-media + * {
    margin-top: 60px;
}
.post-content > .post-media:first-child {
    margin-top: 0;
}
.owl-carousel.post-media + * {
    margin-top: 20px;
}
.post-media iframe {
    margin-bottom: -7px;
}
.sidemeta .date-wrapper {
    position: absolute;
    top: 0;
    left: -90px;
}
.sidemeta .format-wrapper {
    position: absolute;
    top: 75px;
    left: -80px;
    font-size: 15px;
}
.classic-blog.sidebar-left .sidemeta .date-wrapper {
    left: auto;
    right: -90px;
}
.classic-blog.sidebar-left .sidemeta .format-wrapper {
    left: auto;
    right: -80px;
}
.grid-blog .post figure {
    margin-bottom: -1px;
}
.grid-blog .post .date {
    display: inline;
}
.grid-blog:before,
.grid-blog:after {
    display: table;
    content: "";
    line-height: 0;
}
.grid-blog:after {
    clear: both;
}
.grid-blog .post {
    float: left;
    min-height: 1px;
    position: relative;
}
.grid-blog.col-2 .post,
.grid-blog.col-3.no-sidebar .post {
    padding-bottom: 40px;
}
.grid-blog.col-2 .post-content > *,
.grid-blog.col-3.no-sidebar .post-content > * {
    margin-left: 40px;
    margin-right: 40px;
}
.grid-blog.col-2 .post-content > .post-media,
.grid-blog.col-3.no-sidebar .post-content > .post-media {
    margin-left: 0;
    margin-right: 0;
}
.grid-blog.col-2 .post-content > *:first-child,
.grid-blog.col-2 .post-media + *,
.grid-blog.col-3.no-sidebar .post-content > *:first-child,
.grid-blog.col-3.no-sidebar .post-media + * {
    margin-top: 40px;
}
.grid-blog.col-2 .post-content > .post-media:first-child,
.grid-blog.col-2 .owl-carousel.post-media + *,
.grid-blog.col-3.no-sidebar .post-content > .post-media:first-child,
.grid-blog.col-3.no-sidebar .owl-carousel.post-media + * {
    margin-top: 0;
}
.grid-blog.col-2 .post-title,
.grid-blog.col-3.no-sidebar .post-title {
    font-size: 30px;
}
.grid-blog.col-2 .post-content .meta,
.grid-blog.col-3.no-sidebar .post-content .meta {
    padding-left: 40px;
    padding-right: 40px;
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: 25px;
}
.grid-blog.col-2.no-sidebar .post {
    padding-bottom: 50px;
}
.grid-blog.col-2.no-sidebar .post-content > * {
    margin-left: 50px;
    margin-right: 50px;
}
.grid-blog.col-2.no-sidebar .post-content > .post-media {
    margin-left: 0;
    margin-right: 0;
}
.grid-blog.col-2.no-sidebar .post-content > *:first-child,
.grid-blog.col-2.no-sidebar .post-media + * {
    margin-top: 45px;
}
.grid-blog.col-2.no-sidebar .post-content > .post-media:first-child,
.grid-blog.col-2.no-sidebar .owl-carousel.post-media + * {
    margin-top: 0;
}
.grid-blog.col-2.no-sidebar .post-title {
    font-size: 33px;
}
.grid-blog.col-2.no-sidebar .post-content .meta {
    padding-left: 50px;
    padding-right: 50px;
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: 25px;
}
.post.format-link {
    background: #2F4052;
    color: #A3B1BF;
}
.post.format-link .post-title {
    color: #FFF;
}
/*===================================================================================*/
/*	AUTHOR /*===================================================================================*/

.author {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 160%;
    color: #506A85;
    margin-bottom: 5px;
}
.author a {
    border-bottom: none;
}
.post-author,
#comments {
    background: #FFF;
    padding: 40px;
    border: 1px solid #E6E9ED;
    border-bottom-width: 2px;
    border-radius: 3px;
    margin-bottom: 40px;
}
.post-author .author-image {
    float: left;
}
.post-author .author-image img {
    width: 120px;
}
.post-author .author-details {
    position: relative;
    font-size: inherit;
    padding-top: 0;
    padding-left: 30px;
    z-index: 0;
    overflow: hidden;
}
.post-author .author-details p a {
    font-weight: 700;
    border-bottom: none;
}
.post-author .author-details .social li {
    display: table-cell;
}
.post-author .author-details .social li a i {
    width: 33px;
    height: 45px;
    font-size: 15px;
}
.post-author .author-details .meta {
    padding-left: 0;
    margin-top: 12px;
}
.post-author .author-details .social,
.post-author .author-details .meta {
    float: left;
    display: inline-block;
}
/*===================================================================================*/
/*	SIDEBAR /*===================================================================================*/

.sidebar {
    padding-left: 25px !important
}
.sidebar.left-sidebar {
    padding: 15px !important
}
.sidebox + .sidebox {
    margin-top: 60px;
}
.sidebox h3 {
    font-size: 16px;
    margin-bottom: 15px;
}
.sidebox.widget form,
.sidebox.widget input {
    margin: 0;
}
.sidebox.widget input {
    border-radius: 3px;
}
.widget .list {
    list-style: none;
    margin: 0;
}
.sidenav {
    background: #F5F7FA;
    padding: 0;
    border: 1px solid #E6E9ED;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
}
.sidenav li {
    border-bottom: 1px solid #E6E9ED;
}
.sidenav li a {
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    color: #506A85;
    padding: 13px 18px;
}
.sidenav li a:hover {
    background: #1ABB9C;
    color: #FFF;
}
.sidenav li a:after {
    position: absolute;
    right: 18px;
    content: "\e762";
    font-family: 'fontello';
    font-size: 18px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    opacity: 0;
}
.sidenav li a:hover:after {
    opacity: 1;
}
/*===================================================================================*/
/*	TOOLTIPS /*===================================================================================*/

.tooltip-inner {
    color: #fff;
    font-size: 15px;
    background-color: rgba(0, 0, 0, .75);
    padding: 10px 10px;
    text-align: center;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: rgba(0, 0, 0, .75);
}
.tooltip.right .tooltip-arrow {
    border-right-color: rgba(0, 0, 0, .75);
}
.tooltip.left .tooltip-arrow {
    border-left-color: rgba(0, 0, 0, .75);
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: rgba(0, 0, 0, .75);
}
/*===================================================================================*/
/*	PAGINATION /*===================================================================================*/

.pagination {
    display: block;
    border-radius: 0;
    margin: 0;
}
.pagination > li {
    display: inline-block;
    margin-left: 10px;
}
.pagination > li:first-child {
    margin-left: 0;
}
.pagination > li > a,
.pagination > li > span {
    float: none;
    display: inline-block;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    background: #1ABB9C;
    padding: 11px 20px 13px;
    margin-left: 0;
    font-weight: 700;
    font-size: 14px;
    text-shadow: none;
    text-transform: uppercase;
    border: none;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > li > a:hover,
.pagination > li > a:focus {
    background: #17A78B;
    color: #FFF;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a {
    border-radius: 3px;
}
/*===================================================================================*/
/*	COMMENTS /*===================================================================================*/

#comments {
    position: relative;
}
#comments .commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments .commentlist > .comment {
    padding-top: 40px;
    border-top: 1px solid #E6E9ED;
    margin-top: 40px;
}
#comments .commentlist > .comment:first-child {
    border-top: none;
    padding-top: 0;
}
#comments .comment *:last-child {
    margin-bottom: 0;
}
#comments .commentlist .children {
    padding-left: 80px;
}
#comments .commentlist .children .comment {
    padding-top: 40px;
}
#comments .avatar {
    float: left;
}
#comments .avatar span {
    border-radius: 50%;
}
#comments .avatar img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}
#comments .commentbody {
    padding-left: 22px;
    overflow: hidden;
}
#comments .author {
    margin-bottom: 15px;
}
#comments .author h3 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 15px;
}
#comments .author .meta {
    display: inline-block;
    /*opacity: .5;*/

    color: #BCC7D1;
    margin: 0;
}
#comments .message .meta {
    text-align: right;
    /*opacity: .5;*/

    color: #BCC7D1;
    padding-left: 0;
}
#comments .message .meta li {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
}
#comments .message .meta li.reply {
    float: left;
}
#comments .message .meta li.reply a:before {
    font-family: 'fontello';
    content: "\e712";
    margin-right: 6px;
}
#comments .message .meta li a:before,
#comments .message .meta li:after {
    content: "";
    margin-left: 0;
    margin-right: 0;
}
.comment-form-wrapper p {
    padding-bottom: 20px
}
.blog.no-sidebar #comments .meta {
    text-align: left
}
/*===================================================================================*/
/*	GO TO TOP / SCROLL UP /*===================================================================================*/

#scrollUp {
    bottom: 20px;
    right: 20px;
    font-size: 36px;
    line-height: 100%;
    color: #FFF;
    background-color: #506A85;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity: .5;
}
#scrollUp:hover {
    color: #1ABB9C;
    opacity: 1;
}
/*===================================================================================*/
/*	FEATURES / STYLES /*===================================================================================*/

.font-icons {
    list-style: none;
    margin: 0;
    padding: 0;
}
.font-icons li {
    display: inline-block;
    font-size: 25px;
    margin-bottom: 10px;
    padding: 0 10px;
}
.alert .close {
    line-height: 28px;
}
.retina-icons-code i {
    font-size: 18px;
}
.retina-icons-code tr td:first-child,
.retina-icons-code tr th:first-child {
    text-align: center;
}
.retina-icons-code code {
    color: #73879C;
    background: none;
}
.table-bordered {
    border: 1px solid #E6E9ED;
    border-left: none;
    background: #FFF;
}
.table-bordered th,
.table-bordered td {
    border-left: 1px solid #E6E9ED;
}
.table th,
.table td {
    border-top: 1px solid #E6E9ED;
}
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #F5F7FA;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border-color: #E6E9ED;
}
/* BLUE */

a:hover,
a:focus,
.bordered .info h3 a:hover,
.bordered .info h4 a:hover,
.icon i.icn,
.meta a:hover,
.meta li.categories:hover:before,
.more:hover,
.navbar.basic .nav > li > a:hover,
.navbar.basic .nav > li > a:focus,
.navbar.basic .nav .open > a,
.navbar.basic .nav .open > a:hover,
.navbar.basic .nav .open > a:focus,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active,
.navbar-header .info a:hover,
.nav > li > a:hover,
.owl-carousel:hover .owl-next:hover,
.owl-carousel:hover .owl-prev:hover,
.panel-title > a:hover,
#scrollUp:hover,
.sidemeta .format-wrapper a,
.tabs-side .tab.active a,
.tabs-top .tab.active a,
.text-center .panel-title > a:hover span:after,
ul.arrowed li:before,
ul.circled li:before,
.yamm .yamm-content a:hover {
    color: #00A1D5;
}
.tint-bg .btn,
.tint-color {
    color: #00A1D5 !important;
}
.btn,
.classic-blog .post .date,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-submenu:hover > a,
.owl-pagination .owl-page.active span,
.owl-pagination .owl-page:hover span,
#owl-main .caption h1 span.tint-bg,
#owl-main .caption p span.tint-bg,
.pagination > li > a,
.pagination > li > span,
.post.format-quote,
.sidemeta .format-wrapper a:hover,
.sidenav li a:hover,
.tabs-circle-top .tab.active a,
.tabs-side .tab a:hover,
.tabs-top .tab a:hover,
.tint-bg,
.tint-bg.img-bg-soft:before,
.tint-bg.img-bg-softer:before {
    /*.tooltip-inner {*/

    background-color: #00A1D5;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > li > a:hover,
.pagination > li > a:focus {
    background-color: #00A1D5;
}
.icon-overlay a .icn-more,
.items li .text-overlay,
.owl-carousel .item .text-overlay,
.thumbs .thumb .text-overlay {
    background-color: rgba(63, 141, 191, 0.9);
}
.classic-blog .post .date,
.icon.circle,
.sidemeta .format-wrapper a,
.tabs-circle-top .tab.active a,
.tabs-circle-top .tab a:hover,
.tabs-side .tab a:hover,
.tabs-top .tab a:hover {
    border-color: #00A1D5;
}
#owl-main .caption h1 span.tint-bg,
#owl-main .caption p span.tint-bg {
    box-shadow: -.500em 0 0 #00A1D5, .500em 0 0 #00A1D5;
}
::-moz-selection {
    background: #B6DBF2;
    /* Safari */
}
::selection {
    background: #B6DBF2;
    /* Safari */
}
::-moz-selection {
    background: #B6DBF2;
    /* Firefox */
}
.pink {
    color: #FF0099;
}
/* GENERIC */

.no-pdl {
    padding-left: 0;
}
.no-pdr {
    padding-right: 0;
}
.no-pdlr {
    padding-left: 0;
    padding-right: 0;
}
.content-ctn {
    margin-top: -59px;
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: calc(100vh - 648px);
}
.content-section-default {
    margin-top: -59px;
    min-height: calc(100vh - 311px);
    /*min-height: calc(100vh - 648px);*/
    /*height: calc(100vh - 278px - 370px);*/
}
.hero-section {
    z-index: 10;
}
.dark-bg:before {
    /*background-color: #00A1D5 !important;*/

    opacity: .10 !important;
}
.p-small {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    font-size: inherit;
    line-height: inherit;
}

#valid_btn {
    margin-top: 0;
    width: 100%;
    height: 106px;
    font-size: 21px;
}

@media (min-width: 767px) {
  #valid_btn {
      width: auto;
  }
}

.tuto-entry {
    padding: 10px 10px 0 0;
    float: left;
}
.tuto-title {
    min-height: 40px;
    color: #3fb498;
    text-align: left;
}
.tuto-title a,
.tuto-title a:hover,
.tuto-title a:focus {
    color: #3fb498;
    border-bottom: 1px solid #3fb498;
}
.tuto-title p a {
    border-bottom: 1px solid #3fb498;
}
.tuto-title b {
    color: #3fb498;
}
.tuto-desc {
    font-weight: normal;
    line-height: 1.35em;
    text-align: left;
}
.tuto-badge-1 {
    margin: 0 10px 135px 0 !important;
}
.tuto-badge-2 {
    margin: 0 10px 135px 0 !important;
}
.tuto-badge-3 {
    margin: 0 10px 135px 0 !important;
}
.tuto-badge-4 {
    margin: 0 10px 135px 0 !important;
}
.login-section {
    background-image: url('../images/alveoles.png');
    background-size: initial;
    background-repeat: repeat;
    background-color: #F9FAFA;
    border-bottom: 1px solid #F9FAFA;
    /*-webkit-box-shadow: 0 -2px 16px rgba(0,0,0,.1); box-shadow: 0 -2px 16px rgba(0,0,0,.1); */
}
.login-validate-group {
    z-index: 100;
}
.login-error-label {
    color: #3fb498;
    font-style: italic;
    font-size: 16px;
    margin-top: -15px;
}
.defaut-background {
    background-image: url('../images/alveoles.png');
    background-size: 55px;
    background-repeat: repeat;
    background-color: #F9FAFA;
}
.news-section {
    background-color: white;
    color: #3fb498;
    text-align: center;
    border-top: 2px solid #3fb498;
    border-bottom: 1px solid #3fb498;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}
.panel-default {
    border-color: #BFBFBF;
}
.panel-heading {
    padding: 17px 15px 13px 15px;
}
.panel-body {
    padding: 15px;
    border-bottom: 1px solid rgba(221, 221, 221, 0);
    background-color: #FCFCFC;
    border: none;
    -webkit-transition: border-bottom 500ms ease-out;
    -moz-transition: border-bottom 500ms ease-out;
    -o-transition: border-bottom 500ms ease-out;
    -ms-transition: border-bottom 500ms ease-out;
    transition: border-bottom 500ms ease-out;
}
.no-ativity {
    padding: 0 0 10px 0;
    margin-top: -10px;
}
.activity {
    width: 80%;
    font-size: 24px;
    font-weight: 700;
    color: #545454;
    text-transform: uppercase;
}
.activity .tooltip {
    text-transform: none;
}
.activity-title {
    margin-bottom: 15px;
}
.activity-subtitle-ctn {
    position: relative;
    padding: 2px 0 0 80px;
}
.activity-subtitle {
    color: #646464;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
}
.activity-week-nav {
    position: absolute;
    top: 0;
    left: 0;
}
.activity-week-button {
    background-color: white;
    border: none;
    border: 1px solid #BFBFBF;
    padding: 2px 6px 3px 6px;
}
button[disabled].activity-week-button {
    color: #BFBFBF;
}
.activity-panel-default {
    margin-bottom: 25px;
    overflow: visible;
}
.activity-categ {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 200px;
    height: 100%;
    padding: 0 15px;
    border-radius: 0 4px 4px 0;
    line-height: 60px;
    color: white;
    font-style: inherit;
    text-transform: uppercase;
    text-align: center;
}
.activity-categ-muscu {
    background-color: #037e8c;
}
.activity-categ-cardio {
    background-color: #6aac91;
}
.activity-categ-zen {
    background-color: #7f6665;
}
.activity-categ-danse {
    background-color: #ff847f;
}
.activity-categ-massages {
    background-color: #24CAFF;
}
.activity-places-badge {
    font-size: 16px;
    padding: 2px 7px 4px 7px;
    border-radius: 12px;
    margin-left: -4px;
    min-width: 30px;
}
.detail-mini-separator {
    padding: 0 10px 0 10px;
}
.activity-detail-ctn {
    position: relative;
    overflow-y: hidden;
    height: 0;
    padding: 0;
    background-color: #FCFCFC;
    border: none;
    -webkit-transition: min-height 350ms ease-out, padding 350ms ease-out;
    -moz-transition: min-height 350ms ease-out, padding 350ms ease-out;
    -o-transition: min-height 350ms ease-out, padding 350ms ease-out;
    -ms-transition: min-height 350ms ease-out, padding 350ms ease-out;
    transition: min-height 350ms ease-out, padding 350ms ease-out;
}
.activity-detail-ctn-no-transition {
    -webkit-transition: min-height 0ms ease-out, padding 0ms ease-out;
    -moz-transition: min-height 0ms ease-out, padding 0ms ease-out;
    -o-transition: min-height 0ms ease-out, padding 0ms ease-out;
    -ms-transition: min-height 0ms ease-out, padding 0ms ease-out;
    transition: min-height 0ms ease-out, padding 0ms ease-out;
}
.activity-detail {
    position: relative;
    height: auto;
    text-align: center;
    padding: 0 0 20px 0;
}
.activity-animated-by {
    padding: 30px 0 0 0;
}
.activity-creneaux {
    border-bottom: 1px solid #dddddd;
    padding: 5px 0 5px 0;
}
.activity-creneaux-alt {
    height: 30px;
}
.activity-creneaux-title {
    padding-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
}
.activity-creneau {
    /*display: inline-block;*/

    display: initial;
}
.activity-creneau:hover {
    cursor: pointer;
}
.activity-creneau span {
    font-weight: normal;
}
.activity-creneau-mobile {
    display: block;
}
.activity-creneau .activity-creneau-selected span {
    font-weight: 700;
}
.activity-creneau-sep {
    padding: 0 10px 0 10px;
}
.activity-detail-prof {
    font-weight: 700;
    font-style: italic;
    color: #646464;
}
.activity-detail-avatars {
    padding: 0 15px;
}
.activity-detail-avatar {
    display: inline-block;
    min-width: 190px;
}
.activity-details-button {
    float: right;
    min-width: 35px;
    min-height: 25px;
    text-align: center;
    margin-right: -5px;
    -webkit-transition: border-radius 500ms ease-out;
    -moz-transition: border-radius 500ms ease-out;
    -o-transition: border-radius 500ms ease-out;
    -ms-transition: border-radius 500ms ease-out;
    transition: border-radius 500ms ease-out;
}
.activity-details-button:hover {
    cursor: pointer;
}
.activity-subscribe-button {
    color: #fff;
    text-transform: uppercase;
    line-height: 48px;
    font-weight: 700;
    padding: 0px 20px;
}
.activity-subscribe-button:hover {
    cursor: pointer;
}
.btn[disabled].activity-subscribe-button-subscribe {
    pointer-events: auto;
    cursor: not-allowed;
}
.activity-subscribe-button-subscribe {
    padding: 0 20px;
}
.btn[disabled].activity-subscribe-button-unsubscribe {
    pointer-events: auto;
    cursor: not-allowed;
}
.activity-subscribe-button-unsubscribe {
    background-color: #D50062 !important;
    padding: 0 20px;
}
.activity-subscribe-picto {
    font-size: 28px;
    vertical-align: sub;
}
.activity-unsuscribe-coment {
    color: #d50062;
}
.activity-detail-participant-invit {
    display: block;
    padding: 20px 0 10px 0;
}
.avatar-participant {
    display: block;
    vertical-align: middle;
    margin: 10px auto 0 auto;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    /*border-radius: 45px; border: 4px solid rgba(191, 191, 191, 1);*/

    background-color: #fff;
}
.avatar-participant-inside {
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    /*width:82px; height:82px; padding: 4px; border-radius: 41px; border: 4px solid rgba(255,255,255, 0);*/
}
.btn[disabled].account-btn,
.btn[disabled].account-btn:hover,
.btn[disabled].account-btn:focus {
    background-color: #00A1D5;
}
.avatar-ctn {
    position: relative;
}
.avatar-reset-btn,
.avatar-reset-btn:hover,
.avatar-reset-btn:focus {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0 5px;
    margin: 0;
    font-size: 30px;
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.account-avatar-info {
    display: block;
    text-align: center;
    color: #7F91A4;
    margin: 20px 0 -48px 0px;
    line-height: 18px;
}
.hero-header {
    padding-bottom: 12px;
}
.hero-detail {
    padding: 6px 0 0 0 !important;
}
.info-picto {
    color: #BFBFBF;
}
.panel-formules {
    padding: 0;
    border-radius: 4px 4px 0 4px;
}
.formule-panel-default {
    margin-bottom: 55px !important;
}
.formule-categ {
    font-size: 20px;
    font-weight: 700;
    color: #545454;
    text-transform: uppercase;
}
.formule-item {
    padding: 15px 15px 10px 15px;
    text-align: left;
}
.formule-item-multi {
    padding: 5px 15px 0px 15px;
}
.formule-button {
    position: absolute;
    right: 15px;
    margin-top: 0px;
    border-radius: 0px 0px 4px 4px;
    background-color: #00A1D5;
}
.formule-button.disabled,
.formule-button.disabled:hover,
.formule-button.disabled:focus {
    background-color: #00A1D5;
}
.panel-default>.panel-heading {
    position: relative;
}
.panel-formule {
    padding: 0;
    text-align: center;
}
.badge-large {
    font-size: 32px;
    border-radius: 30px;
    font-style: italic;
    padding: 1px 10px 2px 10px;
    margin: 0 5px 0 0;
    background-color: #3fb498;
    float: left;
}
.btn-group {
    border: none;
}
.btn.disabled {
    pointer-events: auto;
    cursor: not-allowed;
}
#disable_btn.btn-cancel,
#disable_btn.btn-cancel:hover,
#disable_btn.btn-cancel:focus {
    background-color: #FFB405;
}
#disable_btn.btn-unactivate,
#disable_btn.btn-unactivate:hover,
#disable_btn.btn-unactivate:focus {
    background-color: #3C382E;
}
.border-left {
    border-left: 1px solid #BFBFBF;
}
.no-border-left {
    border-left-width: 0px;
}
.no-borders-right {
    border-right-width: 0px;
}
.no-borders {
    border: none;
}
.legende {
    font-weight: normal;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    color: #868686;
}
.error,
.form-control.error {
    border: 1px solid #d99898;
}
.custom-table {
    display: inline-block;
    width: 100%;
    background: #fff;
    border: 1px solid #BFBFBF;
    border-bottom: none;
    border-bottom-width: 2px;
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 10px;
}
.custom-table-head {
    font-weight: 700;
    border-bottom: 2px solid #BFBFBF;
    padding: 8px 10px 8px 10px;
}
.custom-table-cell {
    border-bottom: 1px solid #BFBFBF;
    padding: 8px 10px 8px 10px;
}
.custom-table-cell-odd {
    background: #F5F5F5;
}
.rounded-borders-none {
    border-radius: 0;
}
.rounded-borders-left {
    border-radius: 4px 0 0 4px;
}
.rounded-borders-right {
    border-radius: 0 4px 4px 0;
}
.rounded-borders-all {
    border-radius: 4px;
}
.uib-datepicker {
    padding: 6px 10px 4px 10px;
}
.uib-datepicker .uib-title {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    background-color: #F5F5F5;
    color: #73879C !important;
}
.uib-datepicker .uib-title:hover,
.uib-datepicker .uib-title:focus {
    color: #fff !important;
}
.uib-daypicker,
.uib-monthpicker,
.uib-yearpicker {
    width: 100%;
}
.uib-daypicker button,
.uib-monthpicker button,
.uib-yearpicker button {
    margin: 0;
    padding: 10px;
    border-radius: 0;
    border-right: 1px solid #fff;
    background-color: #F5F5F5;
    color: #73879C !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.uib-day .btn,
.uib-month .btn,
.uib-dayyear .btn,
.uib-day .btn.active,
.uib-month .btn.active,
.uib-dayyear .btn.active {
    margin: 0px 0px 1px 0px;
    padding: 4px 10px;
    border-radius: 0;
    border-color: #fff;
    background-color: #F5F5F5;
    color: #73879C !important;
}
.uib-day .btn:hover,
.uib-month .btn:hover,
.uib-dayyear .btn:hover,
.uib-day .btn:focus,
.uib-month .btn:focus,
.uib-dayyear .btn:focus {
    border-color: #fff;
    color: #fff !important;
}
.uib-day .btn .text-muted {
    font-weight: normal;
    color: #CCD0D4;
}
.uib-day .btn .text-info {
    color: #14506D;
}
.uib-monthpicker button {
    margin: 0 0 1px 0;
}
.uib-yearpicker button {
    margin: 0 0 1px 0;
}
.uib-yearpicker .btn-default.disabled,
.uib-yearpicker .btn-default[disabled],
.uib-yearpicker fieldset[disabled] .btn-default,
.uib-yearpicker .btn-default.disabled:hover,
.uib-yearpicker .btn-default[disabled]:hover,
.uib-yearpicker fieldset[disabled] .uib-yearpicker .btn-default:hover,
.uib-yearpicker .btn-default.disabled:focus,
.uib-yearpicker .btn-default[disabled]:focus,
.uib-yearpicker fieldset[disabled] .btn-default:focus,
.uib-yearpicker .btn-default.disabled.focus,
.uib-yearpicker .btn-default[disabled].focus,
.uib-yearpicker fieldset[disabled] .uib-yearpicker .btn-default.focus,
.uib-yearpicker .btn-default.disabled:active,
.uib-yearpicker .btn-default[disabled]:active,
.uib-yearpicker fieldset[disabled] .btn-default:active,
.uib-yearpicker .btn-default.disabled.active,
.uib-yearpicker .btn-default[disabled].active,
.uib-yearpicker fieldset[disabled] .btn-default.active {
    opacity: 1;
    background-color: #00A1D5;
    color: #fff !important;
    border-color: #fff;
    border-right: 1px solid #fff;
    margin: 0 0 1px 0;
    padding: 10px;
    border-radius: 0;
}
.text-left {
    text-align: left;
}
.modal-container {
    position: fixed;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
    background-color: rgba(0, 0, 0, .65);
    overflow: scroll;
}
.modal-dialog {
    margin: 0;
}
.modal-input {
    margin: 0;
}
.modal-info {
    margin: 0;
}
.modal-crop {
    margin: 0;
}
.modal-box {
    width: 50%;
    min-width: 280px;
    margin-top: 40px;
    border-radius: 4px;
    margin: auto;
}
.modal-header {
    background-color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #BFBFBF;
}
.modal-header-blue {
    background-color: #fff;
    color: #00A1D5;
}
.modal-body {
    background-color: #fff;
    font-size: 18px;
}
.modal-footer {
    background-color: #fff;
    padding: 0px 15px;
}
.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 15px;
}
.modal-footer .btn-cancel,
.modal-footer .btn-cancel:hover,
.modal-footer .btn-cancel:focus {
    background-color: #FFB405;
}
body.modal-open {
    overflow: hidden !important;
}
.cropArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.65);
}
.crop-nav {
    position: absolute;
    right: 25px;
    bottom: 5px;
}
.crop-nav .btn-cancel,
.crop-nav .btn-cancel:hover,
.crop-nav .btn-cancel:focus {
    background-color: #FFB405;
}
.crop-nav .btn-select,
.crop-nav .btn-select:hover,
.crop-nav .btn-select:focus {
    background-color: #EAEAFF;
    color: #393940 !important;
}
.crop-sample {
    position: absolute;
    right: 25px;
    top: 25px;
    border-radius: 6px;
    border: 2px solid #fff;
    background-color: #000;
    overflow: hidden;
}
.crop-state {
    text-align: center;
    background-color: #EAEAFF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #00A1D5;
    padding: 5px 0;
    border-radius: 4px;
}
.remember-pass,
.remember-pass:focus {
    margin-top: 15px;
    width: 100%;
    border: 1px solid #E6E9ED;
}
.remember-pass.error,
.remember-pass.error:focus {
    border: 1px solid #d99898;
}
label {
    line-height: 22px;
}
label p {
    font-size: 16px;
    font-weight: normal;
}
.input-error {
    border-color: #3fb498 !important;
}
.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    margin-left: -22px;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #D2E3E8;
}
input,
textarea,
.uneditable-input,
.form-inline .form-control,
.navbar-form .form-control {
    width: auto;
}
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #FAFAFA;
}
.img-rounded {
    height: 140px;
    margin: 0 0 15px 0;
    padding: 6px;
    background-color: #fff !important;
    border: 1px solid #BFBFBF;
    border-radius: 6px;
}
.loading-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .35s ease-out;
    -moz-transition: opacity .35s ease-out;
    -o-transition: opacity .35s ease-out;
    -ms-transition: opacity .35s ease-out;
    transition: opacity .35s ease-out;
}
.loading-layer-visible {
    opacity: 1;
    pointer-events: all;
}
.loading-optur {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(43, 57, 71, .25);
}
.loading-box {
    position: absolute;
    top: 50%;
    left: 50%;
}
.loading-ctn {
    position: relative;
    width: 50px;
    height: 59px;
    margin: -30px 0 0 -25px;
}
.loading {
    position: absolute;
    width: 50px;
    height: 74px;
    border-radius: 25px;
    background-color: #FFFFFF;
    border: 2px solid #b1b9c1;
}
.loading-label {
    text-align: center;
    font-size: 8px;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase;
    color: #3fb498;
}
.loading-ring {
    color: #dcdce2;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 5px;
    margin-top: 30px;
    width: 36px;
    height: 36px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 35px;
    line-height: 280px;
    -webkit-font-smoothing: antialiased;
}
.loading-ring:after,
.loading-ring:before {
    content: "";
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.loading-ring:after {
    box-shadow: inset 0 3.5px 0 rgba(228, 3, 126, .6), inset 3.5px 0 0 rgba(230, 62, 154, .6), inset 0 -3.5px 0 rgba(226, 114, 176, .6), inset -3.5px 0 0 rgba(226, 141, 188, 0.6);
    -webkit-animation: rotar 2s -0.5s linear infinite;
    animation: rotar 2s -0.5s linear infinite;
}
.loading-ring:before {
    box-shadow: inset 0 3.5px 0 rgba(0, 161, 213, .4), inset 3.5px 0 0 rgba(0, 161, 213, .65), inset 0 -3.5px 0 rgba(0, 161, 213, .8), inset -3.5px 0 0 rgba(0, 161, 213, .5);
    -webkit-animation: rotarIz 2s -0.5s linear infinite;
    animation: rotarIz 2s -0.5s linear infinite;
}
@-webkit-keyframes rotar {
    0% {
        -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
        transform: rotateZ(0deg) scaleX(1) scaleY(1);
    }
    50% {
        -webkit-transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95);
        transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95);
    }
    100% {
        -webkit-transform: rotateZ(360deg) scaleX(1) scaleY(1);
        transform: rotateZ(360deg) scaleX(1) scaleY(1);
    }
}
@keyframes rotar {
    0% {
        -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
        transform: rotateZ(0deg) scaleX(1) scaleY(1);
    }
    50% {
        -webkit-transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95);
        transform: rotateZ(180deg) scaleX(0.82) scaleY(0.95);
    }
    100% {
        -webkit-transform: rotateZ(360deg) scaleX(1) scaleY(1);
        transform: rotateZ(360deg) scaleX(1) scaleY(1);
    }
}
@-webkit-keyframes rotarIz {
    0% {
        -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
        transform: rotateZ(0deg) scaleX(1) scaleY(1);
    }
    50% {
        -webkit-transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85);
        transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85);
    }
    100% {
        -webkit-transform: rotateZ(-360deg) scaleX(1) scaleY(1);
        transform: rotateZ(-360deg) scaleX(1) scaleY(1);
    }
}
@keyframes rotarIz {
    0% {
        -webkit-transform: rotateZ(0deg) scaleX(1) scaleY(1);
        transform: rotateZ(0deg) scaleX(1) scaleY(1);
    }
    50% {
        -webkit-transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85);
        transform: rotateZ(-180deg) scaleX(0.95) scaleY(0.85);
    }
    100% {
        -webkit-transform: rotateZ(-360deg) scaleX(1) scaleY(1);
        transform: rotateZ(-360deg) scaleX(1) scaleY(1);
    }
}
@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}
@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}
/*===================================================================================*/
/*	RESPONSIVE /*===================================================================================*/

@media (min-width: 1200px) {
    .menu-ctn-desktop {
        display: block;
    }
    .menu-ctn-mobile {
        display: none;
    }
    .tuto-desktop {
        display: block;
        padding-right: 0 !important;
    }
    .tuto-mobile {
        display: none;
    }
    .tuto-title {
        padding-bottom: 0;
        display: block;
    }
    .tuto-desc {
        line-height: 18px;
    }
    .navbar-header {
        padding: 0;
        display: block;
    }
    .subscribe-form-alt-header {
        display: none;
    }
    .remember-pass-desktop {
        display: block;
    }
    .remember-pass-mobile {
        display: none;
    }
    .subscribe-form-civility-large {
        padding-bottom: 0;
        display: none;
    }
    .subscribe-form-civility-small {
        padding-bottom: 0;
        display: block;
    }
    .container {
        padding-right: 0;
        padding-left: 0;
    }
    .owl-buttons {
        display: block;
    }
    .items.col-4 {
        margin-left: -10px;
        margin-bottom: -10px;
    }
    .items.col-4 li {
        width: 285px;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .items.col-3 {
        margin-left: -9px;
        margin-bottom: -9px;
    }
    .items.col-3 li {
        width: 384px;
        margin-left: 9px;
        margin-bottom: 9px;
    }
    .items.col-3.gap {
        margin-left: -21px;
        margin-bottom: -21px;
    }
    .items.col-3.gap li {
        width: 376px;
        margin-left: 21px;
        margin-bottom: 21px;
    }
    .items.col-4.gap {
        margin-left: -18px;
        margin-bottom: -18px;
    }
    .items.col-4.gap li {
        width: 279px;
        margin-left: 18px;
        margin-bottom: 18px;
    }
    .grid-blog.col-2 {
        margin-left: -40px;
    }
    .sidebar-left .grid-blog.col-2 {
        margin-left: -20px;
    }
    .sidebar-left .pagination {
        margin-left: 20px;
    }
    .grid-blog.col-2 .post {
        width: 390px;
        margin-left: 40px;
        margin-bottom: 40px;
    }
    .grid-blog.col-2.no-sidebar .post {
        width: 565px;
    }
    .grid-blog.col-3 {
        margin-left: -30px;
    }
    .grid-blog.col-3 .post {
        margin-left: 30px;
        margin-bottom: 30px;
    }
    .grid-blog.col-3.no-sidebar .post {
        width: 370px;
    }
    .sidebar {
        padding-left: 35px !important;
    }
    .navbar .dropdown-submenu > a:after {
        display: none;
    }
    .navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {
        margin-top: 0;
    }
    .navbar-nav > li > a {
        margin-left: 1em;
    }
    #histo-button {
        margin-left: 1em;
    }
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }
    .dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) {
        display: block;
    }
    .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        margin-top: 5px;
        margin-right: -10px;
    }
    .dropdown-submenu.pull-left {
        float: none;
    }
    .dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) {
        left: -100%;
        margin-left: 10px;
    }
    .open > .dropdown-menu,
    .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
        animation-name: slidenavAnimation;
        animation-duration: 200ms;
        animation-iteration-count: 1;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
        -webkit-animation-name: slidenavAnimation;
        -webkit-animation-duration: 200ms;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-out;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: slidenavAnimation;
        -moz-animation-duration: 200ms;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease-out;
        -moz-animation-fill-mode: forwards;
    }
    @keyframes slidenavAnimation {
        from {
            margin-top: -30px;
            opacity: 0;
        }
        to {
            margin-top: 0;
            opacity: 1;
        }
    }
    @-webkit-keyframes slidenavAnimation {
        from {
            margin-top: -30px;
            opacity: 0;
        }
        to {
            margin-top: 0;
            opacity: 1;
        }
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .menu-ctn-desktop {
        display: block;
    }
    .menu-ctn-mobile {
        display: none;
    }
    .tuto-desktop {
        display: block;
    }
    .tuto-mobile {
        display: none;
    }
    body {
        height: 100vh !important;
        overflow-y: auto;
    }
    h1,
    h2,
    h3,
    h4 {
        letter-spacing: .0125em;
    }
    h1 {
        font-size: 50px !important;
        line-height: 120%;
        margin-bottom: 20px;
    }
    header p {
        font-size: 20px;
    }
    footer .inner {
        padding-top: 10px !important;
        padding-bottom: 5px !important;
    }
    footer .row .inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    footer .container > .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    footer .logo {
        height: 120px;
        width: auto;
        margin-top: 6px;
        margin-bottom: 19px;
    }
    .body-logged {
        padding-top: 0;
    }
    .body-overflowed {
        overflow-y: auto !important;
    }
    .maintenance {
        font-size: 20px;
    }
    .navbar-brand-huge {
        margin: 60px 0 0 0;
        text-align: right;
    }
    .navbar-brand-huge img {
        max-height: 230px;
    }
    .navbar-brand-huge-title {
        margin: 108px 37px 0 0;
        text-align: left;
        font-size: 50px;
        line-height: 40px;
    }
    .login-invit {
        margin: -50px 110px 30px 110px;
        font-size: 20px;
    }
    .login-form-button {
        margin: 0;
        background-color: #fff !important;
        color: #555 !important;
        font-weight: 700;
        border: 1px solid #BFBFBF;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .login-form-button:hover {
        background-color: #00A1D5 !important;
        color: #fff !important;
    }
    .login-form-button-selected {
        background-color: #00A1D5 !important;
        border: 1px solid #00A1D5;
        color: #fff !important;
    }
    .login-form-remember-checkbox {
        border-radius: 4px 4px 0 0;
    }
    .login-form-valid-button {
        border-radius: 0 0 4px 4px;
    }
    .login-form-ctn {
        margin-bottom: 40px
    }
    .login-form {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .login-input {
        text-align: center;
    }
    .login-remember-pass {
        padding-top: 10px;
        text-align: center;
    }
    #login_form .nav-tabs li a {
        display: none;
    }
    .subscription-form {
        padding-top: 20px !important;
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #BFBFBF;
    }
    .content-ctn {
        padding-bottom: 0;
    }
    .inner-top-xs {
        padding-top: 0;
    }
    .mobile-inner-top-xs {
        padding-top: 0px !important;
    }
    .btn.responsive-menu {
        position: absolute;
        right: calc(50vw - 355px);
        top: 25px;
        display: table;
    }
    .menu-ctn {
        padding: 25px 0 0 0;
    }
    .navbar-fixed-top {
        position: relative;
    }
    .navbar-brand {
        display: block;
        height: 60px;
        margin-bottom: 5px;
        vertical-align: initial;
    }
    .navbar-brand img {
        max-height: 40px !important;
    }
    .navbar-header {
        padding: 0;
        display: block;
    }
    .navbar-body {
        height: 0;
        overflow-y: hidden;
        margin: 0 -20px;
        padding: 0 20px 0 20px;
        background-color: #F5F7FA;
        border-top: 1px solid #E6E9ED;
        -webkit-transition: height .35s ease-out;
        -moz-transition: height .35s ease-out;
        -o-transition: height .35s ease-out;
        -ms-transition: height .35s ease-out;
        transition: height .35s ease-out;
    }
    .navbar-nav {
        float: none;
        display: table-cell;
        vertical-align: middle;
        padding-left: 30px;
        margin: 0;
    }
    .navbar-nav>li {
        float: left;
    }
    .navbar-nav > li > a.single {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .hero-ctn {
        padding: 30px 0 0 0 !important;
    }
    .hero-row {} .hero-header {
        padding-bottom: 0 !important;
    }
    .hero-detail {
        padding: 6px 20px 20px 20px !important;
        margin: 0 -15px !important;
    }
    .tuto-header {
        font-size: 44px !important;
    }
    .tuto-title {
        padding-bottom: 0;
        display: block;
    }
    .tuto-desc {
        line-height: 18px;
    }
    .activity-title {
        font-size: 44px !important;
        margin-bottom: 27px;
    }
    .activity-subtitle-ctn {
        height: 34px;
        margin-bottom: 18px;
    }
    .activity-subtitle {
        line-height: 20px;
        margin-bottom: 25px;
    }
    .activity-week-nav {
        top: -4px;
        margin-bottom: 0;
    }
    .activity {
        width: 100%;
        line-height: 28px;
        float: left;
    }
    .activity-categ {
        position: initial;
        width: 100%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 21px;
        border-radius: 0;
    }
    .activity-details-button {
        position: absolute;
        float: none;
        width: 100%;
        left: 0;
        bottom: -1px;
        line-height: 28px;
        background-color: #545454;
        color: #fff;
        border-radius: 0 0 4px 4px;
    }
    .activity-detail {
        padding: 0 0 20px 0;
        line-height: 20px;
    }
    .activity-detail-participant-invit {
        padding: 10px 0 5px 0;
    }
    .activity-detail-avatars {
        font-size: 16px;
    }
    .activity-subscribe-button {
        line-height: 38px;
    }
    .avatar-participant {
        width: 70px;
        height: 70px;
        border-radius: 35px;
    }
    .avatar-participant-inside {
        width: 70px;
        height: 70px;
        border-radius: 35px;
    }
    .activity-panel-default>.panel-heading {
        padding: 3px 0 50px 0;
        border-bottom: none;
    }
    .activity-panel-body {
        position: relative;
        padding: 2px 10px 30px 10px;
        font-size: 17px;
        line-height: 21px;
    }
    .formule-panel-default>.panel-heading {
        padding: 8px 15px 8px 10px;
        border-bottom: 1px solid #BFBFBF;
    }
    .formule-panel-body {
        position: relative;
        padding: 6px 10px 3px 10px;
        font-size: 17px;
        line-height: 21px;
    }
    .formule-categ {
        line-height: 20px;
    }
    .formule-item {
        padding: 0 5px;
        text-align: left;
    }
    .formule-item label {
        margin-bottom: 0;
    }
    .formule-item p {
        line-height: 18px;
    }
    .formule-button {
        line-height: 16px;
    }
    .subscriptions-week-nav {
        /*top: 6px;*/
    }
    .subscriptions-subtitle {
        /*line-height: 20px;*/
    }
    .subscriptions {
        width: 100%;
        line-height: 28px;
        float: left;
    }
    .subscriptions-categ {
        position: initial;
        width: 100%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 21px;
        border-radius: 0;
    }
    .subscriptions-panel-default>.panel-heading {
        padding: 3px 0 50px 0;
        border-bottom: none;
    }
    .subscriptions-panel-body {
        position: relative;
        padding: 2px 10px 5px 10px;
        font-size: 17px;
        line-height: 21px;
        text-align: center;
    }
    .subscriptions-no-results {
        padding-bottom: 13px;
    }
    .orders-week-nav {
        /*top: 6px;*/
    }
    .orders-subtitle {
        /*line-height: 20px;*/
    }
    .orders {
        width: 100%;
        line-height: 28px;
        float: left;
    }
    .orders-categ {
        position: initial;
        width: 100%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 21px;
        border-radius: 0;
    }
    .orders-panel-default>.panel-heading {
        padding: 3px 0 50px 0;
        border-bottom: none;
    }
    .orders-table-head {
        padding: 8px 10px 35px 10px;
    }
    .orders-panel-body {
        position: relative;
        padding: 2px 10px 5px 10px;
        font-size: 17px;
        line-height: 21px;
    }
    .order-cell {
        padding: 8px 10px 4px 10px;
    }
    .order-items {
        margin-bottom: 0;
    }
    .order-item {
        line-height: 20px;
        padding-bottom: 4px;
    }
    .order-item-last {
        line-height: 20px;
    }
    .orders-no-results {
        padding-bottom: 13px;
    }
    .account-avatar-info {
        margin: 10px 0 -45px 0px;
    }
    .account-valid-btn {
        margin-top: 0 !important;
    }
    .crop-sample {
        width: 250px;
        height: 250px;
    }
    .crop-nav {
        width: 100%;
        left: 0;
        text-align: center;
    }
    .account-btn {
        padding: 11px 10px 13px;
    }
    .btn[disabled].account-btn,
    .btn[disabled].account-btn:hover,
    .btn[disabled].account-btn:focus {
        background-color: #00A1D5;
    }
    .ui-select-bootstrap .ui-select-choices-row>a {
        pointer-events: none;
    }
    /*.navbar-nav > li { 		display: block; 	} 	.navbar-nav > li > a { 		padding-left: 10px; 		padding-right: 0; 		border: none; 		border-radius: 0; 	} 	.navbar-nav > li > a:focus { 		background: none; 	}*/

    .mobile-left {
        text-align: left !important;
    }
    .mobile-centered {
        text-align: center !important;
    }
    .mobile-white-spaced {
        white-space: pre;
    }
    .mobile-tuto-entry {
        padding: 10px 0px 15px 0px;
    }
    .mobile-badge-large-1 {
        margin: 0 10px 190px 15px;
    }
    .mobile-badge-large-2 {
        margin: 0 10px 190px 15px;
    }
    .mobile-badge-large-3 {
        margin: 0 10px 190px 15px !important;
    }
    .mobile-badge-large-4 {
        margin: 0 10px 190px 15px !important;
    }
    .tablet-paysage-badge-large-1 {
        margin: 0 10px 70px 15px;
    }
    .tablet-paysage-badge-large-2 {
        margin: 0 10px 130px 15px;
    }
    .tablet-paysage-badge-large-3 {
        margin: 0 10px 80px 15px;
    }
    .tablet-paysage-badge-large-4 {
        margin: 0 10px 155px 15px;
    }
    .mobile-dark-bg:before {
        /*background-color: #00A1D5 !important;*/

        opacity: .84 !important;
    }
    .mobile-no-border-left {
        border-left: none;
    }
    .mobile-pl {
        padding-left: 0px;
    }
    .mobile-pr {
        padding-right: 0px;
    }
    .mobile-fl {
        float: left;
    }
    .tablet-pl {
        padding-left: 15px;
    }
    .tablet-pr {
        padding-right: 15px;
    }
    .tablet-paysage-pr {
        padding-right: 15px;
    }
    .tablet-paysage-right {
        text-align: right !important;
    }
    .tablet-paysage-login-group {
        float: right;
    }
    .tablet-paysage-remember-button {
        border-right: none;
        border-radius: 4px 0 0 4px;
    }
    .subscribe-form-alt-header {
        display: block;
    }
    .subscribe-form-civility-large {
        padding-bottom: 0;
        display: none;
    }
    .subscribe-form-civility-small {
        padding-bottom: 0;
        display: block;
    }
    .remember-pass-desktop {
        display: none;
    }
    .remember-pass-mobile {
        display: block;
    }
    .tablet-paysage-subscribe-form {
        width: 100%;
    }
    .tablet-paysage-login-button {
        border-left: none;
        border-radius: 0 4px 4px 0;
    }
    .tablet-white-normal {
        white-space: normal;
    }
    /*.navbar .container, .container { padding-right: 20px; padding-left: 20px; width: 100%; } 	.navbar-nav > li { display: block; float: none;	} 	.navbar-nav > li > a { padding-left: 10px; padding-right: 0; border: none; border-radius: 0; 	} 	.navbar-nav > li > a:focus { background: none; 	} 	.navbar-nav .open .dropdown-menu{ position: static; float: none; width: auto; margin: 0; } 	.navbar-nav .open .dropdown-menu li{ float: none; }*/

    .tabs-side .etabs {
        width: 240px;
    }
    .tabs-side.tab-container .panel-container {
        width: 480px;
    }
    .tabs-top.left .tab {
        margin-right: 2px;
    }
    .tabs-top.left .tab a {
        padding: 5px 10px;
    }
    .items.col-4 {
        margin-left: -9px;
        margin-bottom: -9px;
    }
    .items.col-4 li {
        width: 234px;
        margin-left: 9px;
        margin-bottom: 9px;
    }
    .items.col-3 {
        margin-left: -9px;
        margin-bottom: -9px;
    }
    .items.col-3 li {
        width: 234px;
        margin-left: 9px;
        margin-bottom: 9px;
    }
    .items.col-3.gap {
        margin-left: -18px;
        margin-bottom: -18px;
    }
    .items.col-3.gap li {
        width: 351px;
        margin-left: 18px;
        margin-bottom: 18px;
    }
    .items.col-4.gap {
        margin-left: -18px;
        margin-bottom: -18px;
    }
    .items.col-4.gap li {
        width: 351px;
        margin-left: 18px;
        margin-bottom: 18px;
    }
}
@media (min-width: 992px) and (max-width: 1023px) {
    .menu-ctn-desktop {
        display: none;
    }
    .menu-ctn-mobile {
        display: block;
    }
    .tuto-desktop {
        display: none;
    }
    .tuto-mobile {
        display: block;
    }
    body {
        height: 100vh !important;
        overflow-y: auto;
    }
    h1,
    h2,
    h3,
    h4 {
        letter-spacing: .0125em;
    }
    h1 {
        font-size: 33px;
        line-height: 120%;
        margin-bottom: 20px;
    }
    header p {
        font-size: 20px;
    }
    footer .inner {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    footer .row .inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    footer .container > .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    footer .logo {
        height: 80px;
        width: auto;
        margin-bottom: 18px;
        margin-top: 5px;
    }
    .container,
    .navbar .container {
        padding-right: 20px !important;
        padding-left: 20px !important;
        display: block;
    }
    .body-logged {
        padding-top: 0;
    }
    .body-overflowed {
        overflow-y: auto !important;
    }
    .maintenance {
        font-size: 20px;
    }
    .navbar-brand-huge {
        margin: 60px 0 0 0;
        text-align: right;
    }
    .navbar-brand-huge img {
        max-height: 230px;
    }
    .navbar-brand-huge-title {
        margin: 108px 37px 0 0;
        text-align: left;
        font-size: 50px;
        line-height: 40px;
    }
    .login-invit {
        margin: -50px 40px 30px 40px;
        font-size: 20px;
    }
    .login-form-button {
        margin: 0;
        background-color: #fff !important;
        color: #555 !important;
        font-weight: 700;
        border: 1px solid #BFBFBF;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .login-form-button:hover {
        background-color: #00A1D5 !important;
        color: #fff !important;
    }
    .login-form-button-selected {
        background-color: #00A1D5 !important;
        border: 1px solid #00A1D5;
        color: #fff !important;
    }
    .login-form-remember-checkbox {
        border-radius: 4px 4px 0 0;
    }
    .login-form-valid-button {
        border-radius: 0 0 4px 4px;
    }
    .login-form-ctn {
        margin-bottom: 40px
    }
    .login-form {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .login-input {
        text-align: center;
    }
    .login-remember-pass {
        padding-top: 10px;
        text-align: center;
    }
    #login_form .nav-tabs li a {
        display: none;
    }
    .subscription-form {
        padding-top: 20px !important;
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #BFBFBF;
    }
    .content-ctn {
        padding-bottom: 0;
    }
    .inner-top-xs {
        padding-top: 0;
    }
    .mobile-inner-top-xs {
        padding-top: 0px !important;
    }
    .btn.responsive-menu {
        position: absolute;
        right: 20px;
        top: 25px;
        display: table;
    }
    .btn.responsive-menu i {
        display: table-cell;
        vertical-align: middle;
    }
    .navbar-fixed-top {
        position: relative;
    }
    .navbar-brand {
        height: 60px;
        margin-bottom: 35px;
        vertical-align: initial;
    }
    .navbar-brand img {
        max-height: 40px !important;
    }
    .menu-ctn {
        padding: 25px 0 0 0;
    }
    .navbar-header {
        padding: 0;
        display: none;
    }
    .navbar-body-ctn {
        margin-left: -20px;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px;
        width: 100vw;
        background-color: #F5F7FA;
    }
    .navbar-body {
        height: 0;
        overflow-y: hidden;
        margin: 0 -20px;
        padding: 0 20px 0 20px;
        border-top: 1px solid #E6E9ED;
        -webkit-transition: height .35s ease-out;
        -moz-transition: height .35s ease-out;
        -o-transition: height .35s ease-out;
        -ms-transition: height .35s ease-out;
        transition: height .35s ease-out;
    }
    .navbar-body-opened {
        height: 423px;
    }
    .navbar-nav {
        display: block;
        padding: 15px 0 15px 0;
        background-color: #F5F7FA;
    }
    #histo-button {
        padding: 15px 10px;
    }
    #histo-button:hover {
        background-color: #00A1D5;
        color: #FFF !important;
        border-color: transparent;
    }
    .navbar-nav .btn-group {
        float: none;
        width: 100%;
    }
    .navbar .dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        border-top: 1px solid #BFBFBF;
    }
    .navbar-nav .open .dropdown-menu {
        margin: 0;
    }
    .navbar-nav .dropdown-menu > li:last-child {
        margin-bottom: 5px;
    }
    .navbar-nav .dropdown + .dropdown {
        border-top: 1px solid #BFBFBF;
    }
    .navbar .dropdown-menu:not(.yamm-dropdown-menu) li {
        border-top: 1px solid #BFBFBF;
    }
    .hero-ctn {
        padding: 30px 15px 0 15px !important;
    }
    .hero-row {} .hero-header {
        padding-bottom: 0 !important;
    }
    #hero h1 {
        font-size: 50px !important;
        text-align: left;
    }
    #hero h1 .society {
        white-space: normal;
    }
    #hero p {
        text-align: left;
    }
    .hero-detail {
        float: right;
        /* !important; */
        padding: 5px 15px 20px 0 !important;
        margin: 0 -15px !important;
    }
    .hero-detail h3 {
        text-align: right;
    }
    ul.header li {
        text-align: right !important;
    }
    .tuto-header {
        font-size: 44px !important;
        text-align: center;
    }
    .tuto-title {
        min-height: 25px;
        padding-bottom: 4px;
        display: block;
    }
    .tuto-desc {
        line-height: 18px;
    }
    .activity-subtitle-ctn {
        height: 34px;
        margin-bottom: 15px;
    }
    .activity-subtitle {
        line-height: 20px;
    }
    .activity-week-nav {
        top: -4px;
        margin-bottom: 0;
    }
    .activity {
        width: 100%;
        line-height: 28px;
        float: left;
    }
    .activity-categ {
        position: initial;
        width: 100%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 21px;
        border-radius: 0;
    }
    .activity-details-button {
        position: absolute;
        float: none;
        width: 100%;
        left: 0;
        bottom: -1px;
        line-height: 28px;
        background-color: #545454;
        color: #fff;
        border-radius: 0 0 4px 4px;
    }
    .activity-detail {
        padding: 0 0 20px 0;
        line-height: 20px;
    }
    .activity-detail-participant-invit {
        padding: 10px 0 5px 0;
    }
    .activity-detail-avatars {
        font-size: 16px;
    }
    .activity-subscribe-button {
        line-height: 38px;
    }
    .avatar-participant {
        width: 70px;
        height: 70px;
        border-radius: 35px;
    }
    .avatar-participant-inside {
        width: 70px;
        height: 70px;
        border-radius: 35px;
    }
    .activity-panel-default>.panel-heading {
        padding: 3px 0 50px 0;
        border-bottom: none;
    }
    .activity-panel-body {
        position: relative;
        padding: 2px 10px 30px 10px;
        font-size: 17px;
        line-height: 21px;
    }
    .formule-panel-default>.panel-heading {
        padding: 8px 15px 8px 10px;
        border-bottom: 1px solid #BFBFBF;
    }
    .formule-panel-body {
        position: relative;
        padding: 6px 10px 3px 10px;
        font-size: 17px;
        line-height: 21px;
    }
    .formule-categ {
        line-height: 20px;
    }
    .formule-item {
        padding: 0 5px;
        text-align: left;
    }
    .formule-item label {
        margin-bottom: 0;
    }
    .formule-item p {
        line-height: 18px;
    }
    .formule-button {
        line-height: 16px;
    }
    .subscriptions-week-nav {
        /*top: 6px;*/
    }
    .subscriptions-subtitle {
        /*line-height: 20px;*/
    }
    .subscriptions {
        width: 100%;
        line-height: 28px;
        float: left;
    }
    .subscriptions-categ {
        position: initial;
        width: 100%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 21px;
        border-radius: 0;
    }
    .subscriptions-panel-default>.panel-heading {
        padding: 3px 0 50px 0;
        border-bottom: none;
    }
    .subscriptions-panel-body {
        position: relative;
        padding: 2px 10px 5px 10px;
        font-size: 17px;
        line-height: 21px;
        text-align: center;
    }
    .subscriptions-no-results {
        padding-bottom: 13px;
    }
    .orders-week-nav {
        /*top: 6px;*/
    }
    .orders-subtitle {
        /*line-height: 20px;*/
    }
    .orders {
        width: 100%;
        line-height: 28px;
        float: left;
    }
    .orders-categ {
        position: initial;
        width: 100%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 21px;
        border-radius: 0;
    }
    .orders-panel-default>.panel-heading {
        padding: 3px 0 50px 0;
        border-bottom: none;
    }
    .orders-table-head {
        padding: 8px 10px 35px 10px;
    }
    .orders-panel-body {
        position: relative;
        padding: 2px 10px 5px 10px;
        font-size: 17px;
        line-height: 21px;
    }
    .order-cell {
        padding: 8px 10px 4px 10px;
    }
    .order-items {
        margin-bottom: 0;
    }
    .order-item {
        line-height: 20px;
        padding-bottom: 4px;
    }
    .order-item-last {
        line-height: 20px;
    }
    .orders-no-results {
        padding-bottom: 13px;
    }
    .account-avatar-info {
        margin: 10px 0 -45px 0px;
    }
    .account-valid-btn {
        margin-top: 0 !important;
    }
    .crop-sample {
        width: 250px;
        height: 250px;
    }
    .crop-nav {
        width: 100%;
        left: 0;
        text-align: center;
    }
    .account-btn {
        padding: 11px 10px 13px;
    }
    .btn[disabled].account-btn,
    .btn[disabled].account-btn:hover,
    .btn[disabled].account-btn:focus {
        background-color: #00A1D5;
    }
    .ui-select-bootstrap .ui-select-choices-row>a {
        pointer-events: none;
    }
    .mobile-left {
        text-align: left !important;
    }
    .mobile-centered {
        text-align: center !important;
    }
    .mobile-white-spaced {
        white-space: pre;
    }
    .mobile-tuto-entry {
        padding: 10px 0px 15px 0px;
    }
    .mobile-badge-large-1 {
        margin: 0 10px 10px 15px !important;
    }
    .mobile-badge-large-2 {
        margin: 0 10px 45px 15px !important;
    }
    .mobile-badge-large-3 {
        margin: 0 10px 25px 15px !important;
    }
    .mobile-badge-large-4 {
        margin: 0 10px 50px 15px !important;
    }
    .mobile-dark-bg:before {
        /*background-color: #00A1D5 !important;*/

        opacity: .84 !important;
    }
    .mobile-no-border-left {
        border-left: none;
    }
    .mobile-pl {
        padding-left: 0px;
    }
    .mobile-pr {
        padding-right: 0px;
    }
    .mobile-pb {
        padding-bottom: 15px;
    }
    .mobile-fl {
        float: left;
    }
    .tablet-pl {
        padding-left: 15px;
    }
    .tablet-pr {
        padding-right: 15px;
    }
    .tablet-white-normal {
        white-space: normal;
    }
    .subscribe-form-alt-header {
        display: block;
    }
    .subscribe-form-civility-large {
        padding-bottom: 0;
        display: none;
    }
    .subscribe-form-civility-small {
        padding-bottom: 0;
        display: block;
    }
    .remember-pass-desktop {
        display: none;
    }
    .remember-pass-mobile {
        display: block;
    }
    .navbar .container,
    .container {
        width: 100%;
        /*padding-right: 20px; padding-left: 20px; width: 100%;*/
    }
    .navbar-nav > li {
        display: block;
        float: none;
    }
    .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 0;
        border: none;
        border-radius: 0;
    }
    .navbar-nav > li > a:focus {
        background: none;
        /*color: #1ABB9C;*/
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin: 0;
    }
    .navbar-nav .open .dropdown-menu li {
        float: none;
    }
    .tabs-side .etabs {
        width: 240px;
    }
    .tabs-side.tab-container .panel-container {
        width: 480px;
    }
    .tabs-top.left .tab {
        margin-right: 2px;
    }
    .tabs-top.left .tab a {
        padding: 5px 10px;
    }
    .items.col-4 {
        margin-left: -9px;
        margin-bottom: -9px;
    }
    .items.col-4 li {
        width: 234px;
        margin-left: 9px;
        margin-bottom: 9px;
    }
    .items.col-3 {
        margin-left: -9px;
        margin-bottom: -9px;
    }
    .items.col-3 li {
        width: 234px;
        margin-left: 9px;
        margin-bottom: 9px;
    }
    .items.col-3.gap {
        margin-left: -18px;
        margin-bottom: -18px;
    }
    .items.col-3.gap li {
        width: 351px;
        margin-left: 18px;
        margin-bottom: 18px;
    }
    .items.col-4.gap {
        margin-left: -18px;
        margin-bottom: -18px;
    }
    .items.col-4.gap li {
        width: 351px;
        margin-left: 18px;
        margin-bottom: 18px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .menu-ctn-desktop {
        display: none;
    }
    .menu-ctn-mobile {
        display: block;
    }
    .tuto-desktop {
        display: none;
    }
    .tuto-mobile {
        display: block;
    }
    body {
        height: 100vh !important;
        overflow-y: auto;
    }
    h1,
    h2,
    h3,
    h4 {
        letter-spacing: .0125em;
    }
    h1 {
        font-size: 33px;
        line-height: 120%;
        margin-bottom: 20px;
    }
    header p {
        font-size: 20px;
    }
    footer .inner {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    footer .row .inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    footer .container > .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    footer .logo {
        height: 80px;
        width: auto;
        margin-bottom: 18px;
        margin-top: 5px;
    }
    .container,
    .navbar .container {
        padding-right: 20px !important;
        padding-left: 20px !important;
        display: block;
    }
    .body-logged {
        padding-top: 0;
    }
    .body-overflowed {
        overflow-y: auto !important;
    }
    .maintenance {
        font-size: 20px;
    }
    .navbar-brand-huge {
        margin: 60px 0 0 0;
        text-align: right;
    }
    .navbar-brand-huge img {
        max-height: 230px;
    }
    .navbar-brand-huge-title {
        margin: 108px 37px 0 0;
        text-align: left;
        font-size: 50px;
        line-height: 40px;
    }
    .login-invit {
        margin: -50px 40px 30px 40px;
        font-size: 20px;
    }
    .login-form-button {
        margin: 0;
        background-color: #fff !important;
        color: #555 !important;
        font-weight: 700;
        border: 1px solid #BFBFBF;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .login-form-button:hover {
        background-color: #00A1D5 !important;
        color: #fff !important;
    }
    .login-form-button-selected {
        background-color: #00A1D5 !important;
        border: 1px solid #00A1D5;
        color: #fff !important;
    }
    .login-form-remember-checkbox {
        border-radius: 4px 4px 0 0;
    }
    .login-form-valid-button {
        border-radius: 0 0 4px 4px;
    }
    .login-form-ctn {
        margin-bottom: 40px
    }
    .login-form {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .login-input {
        text-align: center;
    }
    .login-remember-pass {
        padding-top: 10px;
        text-align: center;
    }
    #login_form .nav-tabs li a {
        display: none;
    }
    .subscription-form {
        padding-top: 20px !important;
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #BFBFBF;
    }
    .content-ctn {
        padding-bottom: 0;
    }
    .inner-top-xs {
        padding-top: 0;
    }
    .mobile-inner-top-xs {
        padding-top: 0px !important;
    }
    .btn.responsive-menu {
        position: absolute;
        right: 20px;
        top: 25px;
        display: table;
    }
    .btn.responsive-menu i {
        display: table-cell;
        vertical-align: middle;
    }
    .navbar-fixed-top {
        position: relative;
    }
    .navbar-brand {
        height: 60px;
        margin-bottom: 35px;
        vertical-align: initial;
    }
    .navbar-brand img {
        max-height: 40px !important;
    }
    .menu-ctn {
        padding: 25px 0 0 0;
    }
    .navbar-header {
        padding: 0;
        display: none;
    }
    .navbar-body-ctn {
        margin-left: -20px;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px;
        width: 100vw;
        background-color: #F5F7FA;
    }
    .navbar-body {
        height: 0;
        overflow-y: hidden;
        margin: 0 -20px;
        padding: 0 20px 0 20px;
        border-top: 1px solid #E6E9ED;
        -webkit-transition: height .35s ease-out;
        -moz-transition: height .35s ease-out;
        -o-transition: height .35s ease-out;
        -ms-transition: height .35s ease-out;
        transition: height .35s ease-out;
    }
    .navbar-body-opened {
        height: 423px;
    }
    .navbar-nav {
        display: block;
        padding: 15px 0 15px 0;
        background-color: #F5F7FA;
    }
    #histo-button {
        padding: 15px 10px;
    }
    #histo-button:hover {
        background-color: #00A1D5;
        color: #FFF !important;
        border-color: transparent;
    }
    .navbar-nav .btn-group {
        float: none;
        width: 100%;
    }
    .navbar .dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        border-top: 1px solid #BFBFBF;
    }
    .navbar-nav .open .dropdown-menu {
        margin: 0;
    }
    .navbar-nav .dropdown-menu > li:last-child {
        margin-bottom: 5px;
    }
    .navbar-nav .dropdown + .dropdown {
        border-top: 1px solid #BFBFBF;
    }
    .navbar .dropdown-menu:not(.yamm-dropdown-menu) li {
        border-top: 1px solid #BFBFBF;
    }
    .hero-ctn {
        padding: 30px 15px 0 15px !important;
    }
    .hero-row {} .hero-header {
        padding-bottom: 0 !important;
    }
    #hero h1 {
        font-size: 57px !important;
        text-align: center;
    }
    #hero h1 .society {
        white-space: normal;
    }
    #hero p {
        text-align: center;
    }
    .hero-detail {
        float: none !important;
        padding: 5px 10px 20px 10px !important;
        margin: 0 -15px !important;
    }
    .tuto-header {
        font-size: 44px !important;
        text-align: center;
    }
    .tuto-title {
        min-height: 25px;
        padding-bottom: 4px;
        display: block;
    }
    .tuto-desc {
        line-height: 18px;
    }
    .activity-subtitle-ctn {
        height: 34px;
        margin-bottom: 15px;
    }
    .activity-subtitle {
        line-height: 20px;
    }
    .activity-week-nav {
        top: -4px;
        margin-bottom: 0;
    }
    .activity {
        width: 100%;
        line-height: 28px;
        float: left;
    }
    .activity-categ {
        position: initial;
        width: 100%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 21px;
        border-radius: 0;
    }
    .activity-details-button {
        position: absolute;
        float: none;
        width: 100%;
        left: 0;
        bottom: -1px;
        line-height: 28px;
        background-color: #545454;
        color: #fff;
        border-radius: 0 0 4px 4px;
    }
    .activity-detail {
        padding: 0 0 10px 0;
        line-height: 20px;
    }
    .activity-animated-by {
        padding: 10px 0 0 0;
    }
    .activity-detail-participant-invit {
        padding: 10px 0 5px 0;
    }
    .activity-detail-avatars {
        font-size: 16px;
    }
    .activity-subscribe-button {
        line-height: 38px;
    }
    .avatar-participant {
        width: 70px;
        height: 70px;
        border-radius: 35px;
    }
    .avatar-participant-inside {
        width: 70px;
        height: 70px;
        border-radius: 35px;
    }
    .activity-panel-default>.panel-heading {
        padding: 3px 0 50px 0;
        border-bottom: none;
    }
    .activity-panel-body {
        position: relative;
        padding: 2px 10px 30px 10px;
        font-size: 17px;
        line-height: 21px;
    }
    .formule-panel-default>.panel-heading {
        padding: 8px 15px 8px 10px;
        border-bottom: 1px solid #BFBFBF;
    }
    .formule-panel-body {
        position: relative;
        padding: 6px 10px 3px 10px;
        font-size: 17px;
        line-height: 21px;
    }
    .formule-categ {
        line-height: 20px;
    }
    .formule-item {
        padding: 0 5px;
        text-align: left;
    }
    .formule-item label {
        margin-bottom: 0;
    }
    .formule-item p {
        line-height: 18px;
    }
    .formule-button {
        line-height: 16px;
    }
    .subscriptions-week-nav {
        /*top: 6px;*/
    }
    .subscriptions-subtitle {
        /*line-height: 20px;*/
    }
    .subscriptions {
        width: 100%;
        line-height: 28px;
        float: left;
    }
    .subscriptions-categ {
        position: initial;
        width: 100%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 21px;
        border-radius: 0;
    }
    .subscriptions-panel-default>.panel-heading {
        padding: 3px 0 50px 0;
        border-bottom: none;
    }
    .subscriptions-panel-body {
        position: relative;
        padding: 2px 10px 5px 10px;
        font-size: 17px;
        line-height: 21px;
        text-align: center;
    }
    .subscriptions-no-results {
        padding-bottom: 13px;
    }
    .orders-week-nav {
        /*top: 6px;*/
    }
    .orders-subtitle {
        /*line-height: 20px;*/
    }
    .orders {
        width: 100%;
        line-height: 28px;
        float: left;
    }
    .orders-categ {
        position: initial;
        width: 100%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 21px;
        border-radius: 0;
    }
    .orders-panel-default>.panel-heading {
        padding: 3px 0 50px 0;
        border-bottom: none;
    }
    .orders-table-head {
        padding: 8px 10px 35px 10px;
    }
    .orders-panel-body {
        position: relative;
        padding: 2px 10px 5px 10px;
        font-size: 17px;
        line-height: 21px;
    }
    .order-cell {
        padding: 8px 10px 4px 10px;
    }
    .order-items {
        margin-bottom: 0;
    }
    .order-item {
        line-height: 20px;
        padding-bottom: 4px;
    }
    .order-item-last {
        line-height: 20px;
    }
    .orders-no-results {
        padding-bottom: 13px;
    }
    .account-avatar-info {
        margin: 10px 0 -45px 0px;
    }
    .account-valid-btn {
        margin-top: 0 !important;
    }
    .crop-sample {
        width: 250px;
        height: 250px;
    }
    .crop-nav {
        width: 100%;
        left: 0;
        text-align: center;
    }
    .account-btn {
        padding: 11px 10px 13px;
    }
    .btn[disabled].account-btn,
    .btn[disabled].account-btn:hover,
    .btn[disabled].account-btn:focus {
        background-color: #00A1D5;
    }
    .ui-select-bootstrap .ui-select-choices-row>a {
        pointer-events: none;
    }
    .mobile-left {
        text-align: left !important;
    }
    .mobile-centered {
        text-align: center !important;
    }
    .mobile-white-spaced {
        white-space: pre;
    }
    .mobile-tuto-entry {
        padding: 10px 0px 15px 0px;
    }
    .mobile-badge-large-1 {
        margin: 0 10px 10px 15px !important;
    }
    .mobile-badge-large-2 {
        margin: 0 10px 45px 15px !important;
    }
    .mobile-badge-large-3 {
        margin: 0 10px 25px 15px !important;
    }
    .mobile-badge-large-4 {
        margin: 0 10px 50px 15px !important;
    }
    .mobile-dark-bg:before {
        /*background-color: #00A1D5 !important;*/

        opacity: .84 !important;
    }
    .mobile-no-border-left {
        border-left: none;
    }
    .mobile-pl {
        padding-left: 0px;
    }
    .mobile-pr {
        padding-right: 0px;
    }
    .mobile-pb {
        padding-bottom: 15px;
    }
    .mobile-fl {
        float: left;
    }
    .tablet-pl {
        padding-left: 15px;
    }
    .tablet-pr {
        padding-right: 15px;
    }
    .tablet-white-normal {
        white-space: normal;
    }
    .subscribe-form-alt-header {
        display: block;
    }
    .subscribe-form-civility-large {
        padding-bottom: 0;
        display: none;
    }
    .subscribe-form-civility-small {
        padding-bottom: 0;
        display: block;
    }
    .remember-pass-desktop {
        display: none;
    }
    .remember-pass-mobile {
        display: block;
    }
    .navbar .container,
    .container {
        width: 100%;
        /*padding-right: 20px; padding-left: 20px; width: 100%;*/
    }
    .navbar-nav > li {
        display: block;
        float: none;
    }
    .navbar-nav > li > a {
        padding-left: 10px;
        padding-right: 0;
        border: none;
        border-radius: 0;
    }
    .navbar-nav > li > a:focus {
        background: none;
        /*color: #1ABB9C;*/
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin: 0;
    }
    .navbar-nav .open .dropdown-menu li {
        float: none;
    }
    .tabs-side .etabs {
        width: 240px;
    }
    .tabs-side.tab-container .panel-container {
        width: 480px;
    }
    .tabs-top.left .tab {
        margin-right: 2px;
    }
    .tabs-top.left .tab a {
        padding: 5px 10px;
    }
    .items.col-4 {
        margin-left: -9px;
        margin-bottom: -9px;
    }
    .items.col-4 li {
        width: 234px;
        margin-left: 9px;
        margin-bottom: 9px;
    }
    .items.col-3 {
        margin-left: -9px;
        margin-bottom: -9px;
    }
    .items.col-3 li {
        width: 234px;
        margin-left: 9px;
        margin-bottom: 9px;
    }
    .items.col-3.gap {
        margin-left: -18px;
        margin-bottom: -18px;
    }
    .items.col-3.gap li {
        width: 351px;
        margin-left: 18px;
        margin-bottom: 18px;
    }
    .items.col-4.gap {
        margin-left: -18px;
        margin-bottom: -18px;
    }
    .items.col-4.gap li {
        width: 351px;
        margin-left: 18px;
        margin-bottom: 18px;
    }
}
/* smartphones */

@media (max-width: 767px) {
    .menu-ctn-desktop {
        display: none;
    }
    .menu-ctn-mobile {
        display: block;
    }
    .tuto-header {
        font-size: 33px !important;
        text-align: center !important;
    }
    .tuto-desktop {
        display: none;
    }
    .tuto-mobile {
        display: block;
    }
    body {
        height: 100vh !important;
        overflow-y: auto;
    }
    main header + * {
        margin-top: 0 !important;
    }
    h1,
    h2,
    h3,
    h4 {
        letter-spacing: .0125em;
    }
    h1 {
        font-size: 33px;
        line-height: 120%;
        margin-bottom: 20px;
    }
    header p {
        font-size: 20px;
    }
    footer .inner {
        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }
    footer .row .inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    footer .container > .row {
        margin-left: -20px;
        margin-right: -20px;
    }
    footer .logo {
        height: 80px;
        width: auto;
        margin-bottom: 20px;
    }
    .container,
    .navbar .container {
        padding-right: 20px !important;
        padding-left: 20px !important;
        display: block;
    }
    .modal-body {
        line-height: 20px;
    }
    .footer-bottom p {
        margin-bottom: 10px !important;
    }
    .footer-menu {
        margin: 0 0 10px 0;
    }
    .body-logged {
        padding-top: 0;
    }
    .body-overflowed {
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
    .login-error-label {
        text-align: center;
    }
    #valid_btn {
        margin-top: -20px;
        padding: 11px 0 13px 0;
        height: auto;
        font-size: 16px;
    }
    .maintenance {
        font-size: 16px;
        line-height: 20px;
    }
    .navbar-brand-huge {
        margin: 37px 0 8px 0;
        height: auto;
        opacity: 1 !important;
        z-index: 10;
    }
    .navbar-brand-huge img {
        width: 100%;
        height: auto;
        padding: 0 20px;
    }
    .navbar-brand-huge-title {
        width: 100%;
        padding: 0 35px 20px 0;
        margin: 0;
        text-align: right;
        font-size: 40px;
        line-height: 31px;
    }
    .login-invit {
        margin: 0px 0 25px 0;
        padding: 0 10px;
        font-size: 14px;
    }
    .login-form-button {
        padding: 11px 0px 13px 0;
        margin: 0;
        background-color: #fff !important;
        color: #555 !important;
        font-weight: 700;
        border: 1px solid #BFBFBF;
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .login-form-button-selected {
        background-color: #00A1D5 !important;
        border: 1px solid #00A1D5;
        color: #fff !important;
    }
    .login-form-remember-checkbox {
        border-radius: 4px 4px 0 0;
    }
    .login-form-valid-button {
        border-radius: 0 0 4px 4px;
    }
    .login-form-ctn {
        margin-bottom: 40px
    }
    .login-form {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .login-input {
        text-align: center;
    }
    .login-remember-pass {
        padding-top: 10px;
        text-align: center;
    }
    #login_form .nav-tabs li a {
        display: none;
    }
    .subscription-form {
        padding-top: 20px !important;
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #BFBFBF;
    }
    .content-ctn {
        padding-bottom: 0;
    }
    .mobile-inner-top-xs {
        padding-top: 0px !important;
    }
    .btn.responsive-menu {
        position: absolute;
        right: 20px;
        top: 25px;
        display: table;
    }
    .btn.responsive-menu i {
        display: table-cell;
        vertical-align: middle;
    }
    .navbar-fixed-top {
        position: relative;
    }
    .navbar-brand {
        height: 60px;
        margin-bottom: 35px;
        vertical-align: initial;
    }
    .navbar-brand img {
        max-height: 40px !important;
    }
    .menu-ctn {
        padding: 25px 0 0 0;
    }
    .navbar-header {
        padding: 0;
        display: none;
    }
    .navbar-body {
        height: 0;
        overflow-y: hidden;
        margin: 0 -20px;
        padding: 0 20px 0 20px;
        background-color: #F5F7FA;
        border-top: 1px solid #E6E9ED;
        -webkit-transition: height .35s ease-out;
        -moz-transition: height .35s ease-out;
        -o-transition: height .35s ease-out;
        -ms-transition: height .35s ease-out;
        transition: height .35s ease-out;
    }
    .navbar-body-opened {
        height: 423px;
    }
    .navbar-nav {
        display: block;
        padding: 15px 0 15px 0;
        background-color: #F5F7FA;
    }
    #histo-button {
        /*padding: 15px 10px;*/
    }
    #histo-button:hover {
        background-color: transparent;
        border-color: transparent;
        border-bottom-color: #BFBFBF;
        color: #506A85 !important;
    }
    .navbar-nav .btn-group {
        float: none;
        width: 100%;
    }
    .navbar .dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        border-top: 1px solid #BFBFBF;
    }
    .navbar-nav .open .dropdown-menu {
        margin: 0;
    }
    .navbar-nav .dropdown-menu > li:last-child {
        margin-bottom: 5px;
    }
    .navbar-nav .dropdown + .dropdown {
        border-top: 1px solid #BFBFBF;
    }
    .navbar .dropdown-menu:not(.yamm-dropdown-menu) li {
        border-top: 1px solid #BFBFBF;
    }
    .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
        padding: 13px 20px 13px 30px;
    }
    .hero-ctn {
        padding: 20px 15px 0 15px !important;
    }
    .hero-row {} .hero-header {
        padding-bottom: 0 !important;
    }
    #hero h1 {
        font-size: 33px !important;
    }
    #hero h1 .society {
        white-space: nowrap;
    }
    .hero-detail {
        float: none !important;
        padding: 15px 30px 10px 30px !important;
        margin: 0 -15px !important;
    }
    .tuto-title {
        min-height: 25px;
        padding-bottom: 7px;
        display: block;
    }
    .tuto-desc {
        line-height: 18px;
    }
    .activity-subtitle-ctn {
        height: 34px;
        margin-bottom: 25px;
    }
    .activity-subtitle {
        line-height: 20px;
    }
    .activity-week-nav {
        top: 6px;
        margin-bottom: 10px;
    }
    .activity {
        width: 100%;
        line-height: 28px;
        float: left;
    }
    .activity-categ {
        position: initial;
        width: 100%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 21px;
        border-radius: 0;
    }
    .activity-details-button {
        position: absolute;
        float: none;
        width: 100%;
        left: 0;
        bottom: -1px;
        line-height: 28px;
        background-color: #545454;
        color: #fff;
        border-radius: 0 0 4px 4px;
    }
    .activity-detail {
        padding: 0 0 10px 0;
        line-height: 20px;
    }
    .activity-animated-by {
        padding: 10px 0 0 0;
    }
    .activity-detail-participant-invit {
        padding: 10px 0 5px 0;
    }
    .activity-detail-avatars {
        font-size: 16px;
    }
    .activity-creneaux {
        padding: 0 0 10px 0;
    }
    .activity-creneaux label {
        display: block;
    }
    .activity-creneaux-alt {
        height: 0px;
    }
    .activity-creneau-sep {
        padding: 0 7px 0 10px;
    }
    .activity-creneaux-title {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .activity-subscribe-button {
        line-height: 38px;
    }
    .avatar-participant {
        width: 70px;
        height: 70px;
        border-radius: 35px;
    }
    .avatar-participant-inside {
        width: 70px;
        height: 70px;
        border-radius: 35px;
    }
    .activity-panel-default>.panel-heading {
        padding: 3px 0 50px 0;
        border-bottom: none;
    }
    .activity-panel-body {
        position: relative;
        padding: 2px 10px 30px 10px;
        font-size: 17px;
        line-height: 21px;
    }
    .formule-panel-default>.panel-heading {
        padding: 8px 15px 8px 10px;
        border-bottom: 1px solid #BFBFBF;
    }
    .formule-panel-body {
        position: relative;
        padding: 6px 10px 3px 10px;
        font-size: 17px;
        line-height: 21px;
    }
    .formule-categ {
        line-height: 20px;
    }
    .formule-item {
        padding: 0 5px;
        text-align: left;
    }
    .formule-item label {
        margin-bottom: 0;
    }
    .formule-item p {
        line-height: 18px;
    }
    .formule-button {
        line-height: 16px;
    }
    .subscriptions-week-nav {
        /*top: 6px;*/
    }
    .subscriptions-subtitle {
        /*line-height: 20px;*/
    }
    .subscriptions {
        width: 100%;
        line-height: 28px;
        float: left;
    }
    .subscriptions-categ {
        position: initial;
        width: 100%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 21px;
        border-radius: 0;
    }
    .subscriptions-panel-default>.panel-heading {
        padding: 3px 0 50px 0;
        border-bottom: none;
    }
    .subscriptions-panel-body {
        position: relative;
        padding: 2px 10px 5px 10px;
        font-size: 17px;
        line-height: 21px;
        text-align: center;
    }
    .subscriptions-no-results {
        padding-bottom: 13px;
    }
    .orders-week-nav {
        /*top: 6px;*/
    }
    .orders-subtitle {
        /*line-height: 20px;*/
    }
    .orders {
        width: 100%;
        line-height: 28px;
        float: left;
    }
    .orders-categ {
        position: initial;
        width: 100%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 21px;
        border-radius: 0;
    }
    .orders-panel-default>.panel-heading {
        padding: 3px 0 50px 0;
        border-bottom: none;
    }
    .orders-table-head {
        padding: 8px 10px 35px 10px;
    }
    .orders-panel-body {
        position: relative;
        padding: 2px 10px 5px 10px;
        font-size: 17px;
        line-height: 21px;
    }
    .order-cell {
        padding: 8px 10px 4px 10px;
    }
    .order-items {
        margin-bottom: 0;
    }
    .order-item {
        line-height: 20px;
        padding-bottom: 4px;
    }
    .order-item-last {
        line-height: 20px;
    }
    .orders-no-results {
        padding-bottom: 13px;
    }
    .account-avatar-info {
        margin: 10px 0 -45px 0px;
    }
    .account-valid-btn {
        margin-top: -30px !important;
    }
    .crop-sample {
        width: 150px;
    }
    .crop-nav {
        width: 100%;
        left: 0;
        text-align: center;
    }
    .crop-state {
        margin-bottom: 10px;
        padding: 9px 0 8px 0;
    }
    .account-btn {
        padding: 11px 20px 13px;
        margin: 0 0 10px 0;
    }
    .btn[disabled].account-btn,
    .btn[disabled].account-btn:hover,
    .btn[disabled].account-btn:focus {
        background-color: #00A1D5;
    }
    .ui-select-bootstrap .ui-select-choices-row>a {
        pointer-events: none;
    }
    .mobile-left {
        text-align: left !important;
    }
    .mobile-centered {
        text-align: center !important;
    }
    .mobile-white-spaced {
        white-space: pre;
    }
    .mobile-tuto-entry {
        padding: 10px 0px 15px 0px !important;
        width: 100%;
    }
    .mobile-badge-large-1 {
        margin: 0 10px 90px 15px;
    }
    .mobile-badge-large-2 {
        margin: 0 10px 162px 15px;
    }
    .mobile-badge-large-3 {
        margin: 0 10px 162px 15px;
    }
    .mobile-badge-large-4 {
        margin: 0 10px 110px 15px;
    }
    .mobile-dark-bg:before {
        /*background-color: #00A1D5 !important;*/

        opacity: .84 !important;
    }
    .mobile-no-border-left {
        border-left: none;
    }
    .mobile-pl {
        padding-left: 0px;
    }
    .mobile-pr {
        padding-right: 0px;
    }
    .mobile-pb {
        padding-bottom: 10px;
    }
    .mobile-fl {
        float: left;
    }
    .subscribe-form-alt-header {
        display: block;
    }
    .subscribe-form-civility-large {
        padding-bottom: 0;
        display: none;
    }
    .subscribe-form-civility-small {
        padding-bottom: 15px;
        display: block;
    }
    .remember-pass-desktop {
        display: none;
    }
    .remember-pass-mobile {
        display: block;
    }
    .row,
    #share {
        overflow: hidden;
    }
    #share .container {
        width: auto;
        padding: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
    /*.owl-controls { 		display: inline; 	} 	 	.owl-pagination { 		top: 0 !important; 	}*/

    .last-bottom {
        padding-bottom: 20px !important;
    }
    .last-bottom + .last-bottom {
        padding-bottom: 0 !important;
    }
    .thumbs.gap-lg {
        margin-left: -15px;
    }
    .thumbs.gap-lg .thumb {
        padding: 0 0 15px 15px;
    }
    .icon.pull-right {
        margin-left: 10px;
    }
    .inner {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .inner-md {
        padding-top: 65px;
        padding-bottom: 65px;
    }
    .inner-sm {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .inner-xs {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .inner-top {
        padding-top: 80px;
    }
    .inner-top-md {
        padding-top: 65px;
    }
    .inner-top-sm {
        padding-top: 50px;
    }
    .inner-top-xs {
        /*padding-top: 40px;*/

        padding-top: 0;
    }
    .inner-bottom {
        padding-bottom: 80px;
    }
    .inner-bottom-md {
        padding-bottom: 65px;
    }
    .inner-bottom-sm {
        padding-bottom: 50px;
    }
    .inner-bottom-xs {
        padding-bottom: 40px;
    }
    .height-xs,
    .height-sm,
    .height-md,
    .height-lg,
    #owl-main .item,
    #owl-main.height-md .item,
    #owl-main.height-lg .item {
        height: 88vh;
    }
    #hero h1 {
        font-size: 33px;
        line-height: 115%;
        letter-spacing: 0.031em;
        text-align: center;
    }
    #hero h1 .society {
        white-space: nowrap;
    }
    #hero p {
        font-size: 18px;
        line-height: 135%;
        margin-top: 15px;
        text-align: center;
    }
    #hero #owl-main .caption h1.light-bg,
    #hero #owl-main .caption h1.medium-bg,
    #hero #owl-main .caption h1.dark-bg,
    #hero #owl-main .caption h1.surligne,
    #hero #owl-main .caption h1.tint-bg {
        font-size: 25px;
    }
    #hero .btn {
        margin-top: 25px;
    }
    #hero .btn-large {
        font-size: 16px;
        padding: 12px 30px 15px;
    }
    .retina-icons-code tr td:first-child,
    .retina-icons-code tr th:first-child {
        max-width: 30px;
    }
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        line-height: 100%;
        padding-left: 4px;
        padding-right: 4px;
    }
    .table > thead > tr > th {
        font-size: 11px;
    }
    .retina-icons-code i {
        font-size: 14px;
    }
    .retina-icons-code code {
        font-size: 10px;
    }
    .tabs-side .etabs {
        float: none;
        width: 100%;
    }
    .tabs-side .tab a {
        border-right-color: #E6E9ED;
    }
    .tabs-side .tab:first-child a {
        border-top-right-radius: 3px;
    }
    .tabs-side .tab:last-child a {
        border-bottom-right-radius: 3px;
    }
    .tabs-side .tab.active a {
        border-right-color: #CED7E0 !important;
    }
    .tabs-side.tab-container .panel-container {
        padding-left: 0;
        border-left: none;
        margin-top: 30px;
    }
    .tabs-top .etabs:after {
        display: none;
    }
    .tabs-top .tab {
        display: block;
        max-width: 100%;
        margin: 0;
    }
    .tabs-top .tab a {
        display: block;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .tabs-top .tab:first-child a {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    .tabs-top .tab:last-child a {
        border-bottom: 1px solid #E6E9ED;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    .tabs-top .tab.active + .tab a {
        border-top-color: #CED7E0;
    }
    .tabs-top .tab.active + .tab a:hover {
        border-top-color: #1ABB9C;
    }
    .filter:before,
    .format-filter:before {
        display: none;
    }
    h1.single-block .btn {
        margin-left: 0;
    }
    .sidemeta .date-wrapper,
    .classic-blog.sidebar-left .sidemeta .date-wrapper {
        top: -80px;
        left: 50%;
        margin-left: -60px;
    }
    .sidemeta .format-wrapper,
    .classic-blog.sidebar-left .sidemeta .format-wrapper {
        top: -70px;
        left: 50%;
        margin-left: 10px;
    }
    .classic-blog .sidemeta,
    .classic-blog .pagination {
        padding-left: 0;
        border-left: none;
        margin-left: 0;
    }
    .classic-blog.sidebar-left .sidemeta,
    .classic-blog.sidebar-left .pagination {
        padding-right: 0;
        border-right: none;
        margin-right: 0;
    }
    .classic-blog.no-sidebar .sidemeta,
    .classic-blog.no-sidebar .pagination {
        left: 0;
    }
    .classic-blog .post {
        margin-top: 80px;
        width: 100%;
    }
    .grid-blog.col-2 {
        padding-right: 0;
    }
    .sidebar-left .grid-blog.col-2,
    .sidebar-left .grid-blog.col-2 + .pagination {
        padding-left: 0;
    }
    .classic-blog .post,
    .grid-blog.col-2 .post,
    .grid-blog.col-3 .post,
    .grid-blog.col-2.no-sidebar .post,
    .grid-blog.col-3.no-sidebar .post {
        padding-bottom: 30px;
    }
    .classic-blog .post-content > *,
    .grid-blog.col-2 .post-content > *,
    .grid-blog.col-3 .post-content > *,
    .grid-blog.col-2.no-sidebar .post-content > *,
    .grid-blog.col-3.no-sidebar .post-content > * {
        margin-left: 30px;
        margin-right: 30px;
    }
    .classic-blog .post-content .meta,
    .grid-blog.col-2 .post-content .meta,
    .grid-blog.col-3 .post-content .meta,
    .grid-blog.col-2.no-sidebar .post-content .meta,
    .grid-blog.col-3.no-sidebar .post-content .meta {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 20px;
    }
    .classic-blog .post-content > *:first-child,
    .classic-blog .post-media + *,
    .grid-blog.col-2 .post-content > *:first-child,
    .grid-blog.col-2 .post-media + *,
    .grid-blog.col-3 .post-content > *:first-child,
    .grid-blog.col-3 .post-media + *,
    .grid-blog.col-2.no-sidebar .post-content > *:first-child,
    .grid-blog.col-2.no-sidebar .post-media + *,
    .grid-blog.col-3.no-sidebar .post-content > *:first-child,
    .grid-blog.col-3.no-sidebar .post-media + * {
        margin-top: 30px;
    }
    .classic-blog .post-title,
    .grid-blog.col-2 .post-title,
    .grid-blog.col-3 .post-title,
    .grid-blog.col-2.no-sidebar .post-title,
    .grid-blog.col-3.no-sidebar .post-title {
        font-size: 24px;
    }
    .classic-blog p,
    .grid-blog.col-2 p,
    .grid-blog.col-3 p,
    .grid-blog.col-2.no-sidebar p,
    .grid-blog.col-3.no-sidebar p {
        font-size: 16px;
        line-height: 150%;
        margin-bottom: 10px;
    }
    .classic-blog .pagination,
    .classic-blog .comment-form-wrapper,
    .pagination {
        margin-bottom: 100px;
    }
    .grid-blog.col-2.no-sidebar + .pagination,
    .grid-blog.col-3.no-sidebar + .pagination {
        margin-bottom: 0;
    }
    .classic-blog .pagination,
    .classic-blog.sidebar-left .pagination,
    .grid-blog.col-2 + .pagination,
    .grid-blog.col-3 + .pagination,
    .grid-blog.col-2.no-sidebar + .pagination,
    .grid-blog.col-3.no-sidebar + .pagination {
        margin-left: -10px;
    }
    .pagination > li:first-child {
        margin-left: 10px;
    }
    .pagination li {
        margin-bottom: 10px;
    }
    #blog-post .post h2 {
        font-size: 19px;
        margin-bottom: 15px;
    }
    #blog-post .post h3 {
        font-size: 16px;
    }
    #blog-post .post h4 {
        font-size: 14px;
    }
    #blog-post .post figure figcaption p {
        font-size: 14px;
        line-height: 150%;
    }
    [class*="col"] > figcaption:first-child {
        padding-top: 20px;
    }
    .post-author,
    #comments {
        padding: 30px;
    }
    .post-author .author-image {
        float: none;
        display: inline-block;
        margin-bottom: 20px;
    }
    .post-author .author-details {
        padding-left: 0;
    }
    #comments .avatar {
        float: none;
        display: inline-block;
        margin-bottom: 15px;
    }
    #comments .commentbody {
        padding-left: 0;
    }
    #comments .commentlist .children {
        padding-left: 0;
    }
    [class*="col"][class*="border-left"] {
        border-left: none;
    }
    [class*="col"][class*="border-right"] {
        border-right: none;
    }
    .filter li {
        display: block;
    }
    .filter li + li {
        margin-top: 15px;
    }
    .filter li:after {
        display: none;
    }
    #hero .info,
    #hero .info,
    #hero .info,
    .items li .text-overlay .info.big,
    .thumbs .thumb .text-overlay .info.big,
    .owl-carousel .item .text-overlay .info.big {
        margin-top: -25px;
    }
    .items li .text-overlay .info h2,
    .thumbs .thumb .text-overlay .info h2,
    .owl-carousel .item .text-overlay .info h2,
    .items li .text-overlay .info h3,
    .thumbs .thumb .text-overlay .info h3,
    .owl-carousel .item .text-overlay .info h3,
    .items li .text-overlay .info h4,
    .thumbs .thumb .text-overlay .info h4,
    .owl-carousel .item .text-overlay .info h4 {
        font-size: 16px;
        line-height: 150%;
    }
    .items li .text-overlay .info p,
    .thumbs .thumb .text-overlay .info p,
    .owl-carousel .item .text-overlay .info p,
    .items li .text-overlay .info.big p,
    .thumbs .thumb .text-overlay .info.big p,
    .owl-carousel .item .text-overlay .info.big p,
    #hero .items li .text-overlay .info.big p,
    #hero .thumbs .thumb .text-overlay .info.big p,
    #hero .owl-carousel .item .text-overlay .info.big p {
        font-size: 14px;
        line-height: 140%;
        padding-top: 0;
    }
    .tabs-2-big-top .tab {
        width: 100%;
        margin: 0 0 50px 0;
    }
    .tabs-2-big-top .tab a {
        padding: 25px;
    }
    .tabs-2-big-top.tab-container .panel-container {
        margin-top: 0;
    }
    [class*="col"][class*="inner-left"],
    [class*="col"][class*="inner-right"],
    [class*="col"][class*="reset-padding"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    [class*="inner-top"].reset-xs {
        padding-top: 0 !important;
    }
    .tabs-circle-top .etabs:before {
        border-bottom: none;
        margin: 0;
    }
    .tabs-circle-top .tab {
        display: table;
        width: 100%;
        height: auto;
        margin: 0;
    }
    .tabs-circle-top .tab.active {
        top: 0;
    }
    .tabs-circle-top .tab a,
    .tabs-circle-top .tab.active a {
        width: 100%;
        max-width: 100%;
        height: auto;
        font-size: 18px;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: none;
        border-radius: 0;
    }
    .tabs-circle-top .tab a:hover {
        border-width: 1px;
        border-color: #CED7E0 !important;
        border-top: none;
    }
    .tabs-circle-top .tab.active a:hover {
        border-color: transparent !important;
    }
    .tabs-circle-top .tab:first-child a {
        border-top: 1px solid #CED7E0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    .tabs-circle-top .tab:last-child a {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    .tabs-circle-top .tab a div,
    .tabs-circle-top .tab.active a div {
        display: inline-block;
        vertical-align: middle;
        font-size: 30px;
        line-height: 120%;
        padding-bottom: 5px;
        margin: 0 10px 0 0;
    }
    .yamm-content {
        margin-top: 25px;
    }
    .yamm-content > [class*="col"] {
        margin-bottom: 50px;
    }
    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .footer-bottom p.pull-left,
    .footer-bottom ul.pull-right {
        float: none !important;
        text-align: center;
    }
    .footer-bottom p {
        margin-bottom: 20px;
    }
    .footer-menu li {
        padding: 0 5px;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .filter li a:before {
        display: none;
    }
    .items {
        margin-left: 0 !important;
        /*margin-bottom: -20px !important;*/
    }
    .items li {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 20px !important;
    }
    .items.fullscreen li {
        margin: 0 !important;
    }
    .sidebar {
        margin-top: 70px;
        padding-left: 15px !important;
    }
    .blog.no-sidebar .post,
    .blog.no-sidebar #comments,
    .blog.no-sidebar .pagination,
    .blog.no-sidebar .comment-form-wrapper {
        width: 100%
    }
    .blog.no-sidebar .pagination ul {
        margin: 0
    }
    .grid-blog {
        margin-left: 0 !important;
        margin-bottom: 20px !important;
    }
    .grid-blog .post {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 20px !important;
    }
    #comments ul.children {
        padding: 0 0 0 20px;
    }
    #comments .arrow-box {
        margin-left: 0;
    }
    .panel-title {
        line-height: 18px;
    }
    .yamm .yamm-content.row {
        margin-bottom: -30px
    }
}
/* 2017 */
.navbar-nav > li > a.btn-add {
    background-color: #3fb498;
    padding: 10px 20px;
    border-radius: 3px;
}
.btn-add i {
    color: #FFF;
    font-size: 22px;
}
.header-search,
.invite-search {
    position:relative;
}
.header-search input.form-control {
    margin-top: 1px;
    border: none;
    width: 100%;
}
.header-search:before,
.invite-search:before {
    position: absolute;
    font-family: 'icomoon' !important;
    content: "\e901";
    top: 11px;
    right: 10px;
    font-size: 28px;
}
.header-search.searching:before,
.invite-search.searching:before
{
    -webkit-animation: pulsate 1.5s infinite linear;
            animation: pulsate 1.5s infinite linear;
}
.invite-search:before
{
    color: #00a1d5;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.3, 0.3);transform: scale(0.3, 0.3); opacity: 0.3;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2); opacity: 0.3;}
}
@keyframes pulsate {
    0% {-webkit-transform: scale(0.3, 0.3);transform: scale(0.3, 0.3); opacity: 0.3;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2); opacity: 0.3;}
}
@-webkit-keyframes rotation {
    from {
            -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
            -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg);
    }
}
.header-results,
.invite-results
{
    position: absolute;
    top: 47px;
    left: 0;
    right: 0;
    background-color: #FFF;
    border: solid 1px #f6f6f6;
    z-index: 1;
}
.header-results .result,
.invite-results .result
{
    padding: 10px;
    font-size: 12px;
    font-weight: 300;
    cursor: pointer;
}
.header-results .result:hover,
.invite-results .result:hover
{
    background-color: #00a1d5;
    color: #FFF;
}
.header-results .result img,
.invite-results .result img
{
    height: 30px;
}
.invite-results {
    z-index: 1;
}
.invited {
    margin: 10px 0;
    cursor: pointer;
}
.invited img {
    height: 45px;
}

.image-container {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}
.overlay {
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;
    text-align: center;
    font-size: 32px;
    padding-top: 8px;
}
.invited.accepted {
    color: #00a1d5;
}
.invited.accepted .status-accepted {
    display: block;
    background-color: rgba(0, 161, 213, 0.5);
}
.invited.accepted:hover .status-accepted {
    display: none;
}
.invited.declined {
    color: #c9c9c9;
}
.invited.declined .status-declined {
    display: block;
    background-color: rgba(201, 201, 201, 0.5);
}
.invited.declined:hover .status-declined {
    display: none;
}
.invited:hover {
    color: #3fb498;
}
.invited:hover .action-remove {
    display: block;
    background-color: rgba(228, 3, 126, 0.5);
    font-size: 12px;
    padding-top: 12px;
}
.thin {
    font-weight: 300;
}
.strong {
    font-weight: 600;
}
.sport-item {
    border: 1px solid #BFBFBF;
    background-color: #f5f5f5;
    padding: 10px 15px;
    margin-bottom: 15px;

    font-size: 16px;
    line-height: 25px;
    font-weight: normal;

    color: #73879C;
}
.sport-item .name {
    width: 215px;
    display: block;
    float: left;
}
.dots span {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background-color: #dadada;
    border-radius: 7px;
    margin-right: 8px;
    margin-top: 5px;
}
.dots span.colored {
    background-color: #00a0d7;
}
.modal-profile .modal-box {
    background-color: #f4f4f4;
    width: 100%;
    padding-bottom: 80px;
}

@media (min-width: 769px) {
  .modal-profile .modal-box {
    max-width: 600px;
  }
}
.modal-profile .modal-body {
    padding: 0;
    background-color: #f4f4f4;
}
.profile-header {
    position: relative;
}
.profile-header div.bg {
    background-color: #00a1d5;
    padding: 40px 0;
}
.profile-header div.bg.slim {
    padding: 10px;
    margin-bottom: 20px;
}
.profile-header div.avatar {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 4px solid #FFF;
    margin: -65px auto 0 auto;
    background: transparent;
}
.profile-header .dropinv {
    text-align: center;
}
.profile-header h3 {
    color: #FFF !important;
}
.profile-header .dropinv .cta {
    width: 220px;
    text-align: center;
    margin: 0 auto;
}
.profile-header .dropinv .dropdown-toggle {
    text-align: center;
}
.profile-header div.avatar img {
    width: 110px;
    background-color: #FFF;
    margin: 6px 0 0 6px;
}
.profile-header .close {
    position: absolute;
    right: 10px;
    top: 10px;
}
.profile-header .close a {
    color: #FFF;
}
.profile-intro {
    text-align: center;
}
.profile-intro h3,
.modal-profile h3,
.profile-intro h4,
.event-form h3
{
    text-transform: none;
    margin-bottom: 3px;
}
.profile-intro h3,
.modal-profile h3,
.event-form h3
{
    margin-top: 10px;
    color: #00a1d5;
}
.modal-profile h3.with-sep {
    position: relative;
    margin-bottom: 30px;
}
.modal-profile h3.with-sep:before {
    position: absolute;
    width:  10%;
    height: 2px;
    background-color: #00a1d5;
    bottom: -18px;
    left: 45%;
    content: " ";
}
.modal-profile .dropdown-menu {
    width: 100%;
}
.profile-intro h4 {
    color: #000;
}
.profile-intro p {
    font-weight: 300;
}
.cta-section {
    margin: 15px 80px;
}
.interaction-section,
.profile-section {
    margin: 0;
}
.profile-section {
    padding: 15px;
    font-weight: 300;
    background: #FFF;
    text-align: center;
}
@media (min-width: 991px) {
    .profile-section,
    .interaction-section
    {

        margin: 15px 80px;
    }
}
.profile-section.text-left {
    text-align: left;
}
.profile-section.single {
    color: #00a1d5;
}
.interaction-section .members-results .result {
  width: 100px;
  height: 120px;
  overflow: hidden;
  float: left;
}
.interaction-section .members-results .result .image-container {
    display: block;
    margin: 0px;
    position: relative;
}
.interaction-section .members-results .result img {
  display: block;
  width: 80px;
  margin: 10px auto;
  border: solid white 5px;
}
.interaction-section .members-results .result p {
  font-size: 12px;
  text-align: center;
  visibility: hidden;
}
.interaction-section .members-results .result:hover{
  cursor: pointer;
}
.interaction-section .members-results .result:hover p {
  visibility: visible;
}
.interaction-section .members-results .result .overlay {
    top:0;
    left: 10px;
    width: 80px;
}
.interaction-section .members-results .result:hover .action-view {
    display: block;
    background-color: rgba(0, 161, 213, 0.5);
    font-size: 30px;
    padding-top: 23px;
}
.interaction-section span.btn{
    white-space: normal;
}

.event-form h2 {
    text-transform: none;
    color: #000;
    font-weight: 500;
}
.event-form div.invitations {
    background: #FFF;
    padding: 20px;
    margin-bottom: 20px;
}
.cgu {
    text-decoration: underline;
    color: #00a1d5;
}
@media (min-width: 1200px) {
    .desktop-pr {
        padding-right: 15px;
    }
    .desktop-pl {
        padding-left: 15px;
    }
    .header-search input.form-control {
        min-width: 300px;
    }
}


.titreinv{
    color: white;
    font-weight: bold;
}
.titreinv span{
    position: relative;
    display: table;
}
.infoinv span .italic{
    display: inline;
}
.infoinv span .blackt{
    text-transform: none;
    display: inline;
}
.infoinv{
    color: white;
    font-weight: bold;
    text-transform: none;
}
.italic{
    margin-top: 0;
    font-weight: 100;
    font-size: 16px;
    font-style: italic;

}
.nobold{
    font-weight: normal;
}

.typeevent{
    font-weight: bold;
    font-size: 20px;
}

.dipsinline{
    display: table;
}
.blackt{
    margin-left: 30px;
    color: black;
    font-style: normal;
    font-weight: 500;
}
.titre{
    margin-top: 25px;
}
.sectinvit{
    border-radius: 5px;
    margin-bottom: 30px;

    cursor: pointer;
}
.trait{
    display: inline-block;
    float: left;
    position: relative;
    top: 40px;
    width: 30px;
    height: 20px;
    border-left: solid white 2px;
}

.sectinvit img{
    display: inline-block;
    float: left;
    height: 80px;
    margin: 10px 30px 10px 10px;
    border: solid white 5px;
}
.suprecue{
    position: relative;
    font-size: 19px;
    color: #3fb498;
    font-weight: 500;
    top: -20px;
    left: 10px;
}
.bleu{
    color: #00A1D5;
}

.backblue{
    background-color: #00a1d5;
}
.backgrey{
    background-color: #c9c9c9;
}
.backpink{
    background-color: #e4027f;
}

span .typeevent:first-letter{
    text-transform: uppercase;
}

.backpink .dropinv .caret{
    color: #e4027f;
    float: right;
    position: absolute;
    top: 28px;
    right: 10px;
    border-width: 9px;
}
.backblue .dropinv .caret{
    color: #00a1d5;
    float: right;
    position: absolute;
    top: 28px;
    right: 10px;
    border-width: 9px;
}
.backgrey .dropinv .caret{
    color: #c9c9c9;
    float: right;
    position: absolute;
    top: 28px;
    right: 10px;
    border-width: 9px;
}
.dropinv .btn{
    border-radius: 0;
    color: black!important;
    background-color: white;
    text-align: left;
    font-weight: 500!important;
}
.dropinv button {
    margin-top: 10px;
    width: 100%;
}
.dropinv .dropdown{
    margin-top: 11%;
}
.dropinv span.choice{
    max-width:80%;
    display:inline-block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.backwhite{
    background-color: white;
}

.sectinvit .text-uppercase{
    font-size: 22px;
}
.indicinv{
    margin-top: -20px;
    color: black;
    font-weight: bold;
}
.fontpink{
    color: #e4027f;
}
.fontgrey{
    color: #c9c9c9;
}
.fontblue{
    color: #00a1d5;
}
.info-date{
    /*display: inline-block;*/
    /*width: 10%;*/
    padding: 0;
    padding-right: 15px;
}
.info-date span{
    display: table;
    width: 100%;
}
.info-date .mois{
    margin-top: 5px;
    color: black;
    font-size: 20px;
    font-weight: 500;
}
.info-date .jours{
    margin-top: 5px;
    font-size: 29px;
    font-weight: bold;
}
.info-Event{
    padding: 0;
    text-align: left;
}
.info-Event span{
    width: 100%;
    text-align: left;
}

.info-Event span.Event-title{
    font-weight: 500;
    font-size: 19px;
}

.info-Event span.Event-org {
    font-size: 12px;
}
.info-Event span.Event-org-name {
    font-style: italic;
}
.info-Event span.Event-type{
    font-weight: 400;
    font-size: 19px;
    color: black;
    display: inline-block!important;
}
.info-Event .Dots{
    text-align: left;
    margin-top: -5px;
}
.info-Event span.colored:before {
    content: ' \25CF';
    font-size: 24px;
}


.info-resume{
    overflow: auto;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 20px ;
}
.info-address{
    overflow: auto;
    display: block;
}

.info-bottompbar{
    border-bottom: solid lightgray 1px;
}
.info-address .info-logo{
    padding: 0;
    padding-right: 15px;
    padding-top: 10px;
    height: 100%;
}
.address-details span{
    width: 100%;
    font-size: 14px;
    display: block;
    text-align: left;
    line-height: 18px;
}
.address-details {
    padding-left: 0;
}
.address-details .info-more{
    font-style: italic;
    font-size: 13px;
}
.info-address .info-link-map{
    font-size: 10px;
    padding: 0;
    text-decoration: underline;
    vertical-align: middle;
    padding-top: 20px;
}
@media (max-width: 991px) {
    .info-Event span{
        display: table!important;
        text-align: center!important;
    }
    span.Event-type{
        display: inline-block!important;
    }
    span.Event-org-name{
        display: inline!important;
    }
    .info-Event .Dots span{
        display: inline!important;
        text-align: center!important;
    }

    .info-Event .Dots{
        text-align: center!important;
    }

    .info-address span{
        display: block!important;
        text-align: center;
    }
    .dropinv .dropdown{
        margin-top: 10px;
    }
}
.messages-title {
  margin-top: 20px;
}
.content-messages {
  padding-bottom: 40px;
}
.content-messages h1, .content-invitations h1 {
  line-height: 140%;
}
.threads,
.discussion {
    background-color: #FFF;
}
.threads {
  overflow: hidden;
}
.threads-holder {
  width: calc(100% + 17px);
  height: 100%;
  overflow-y: scroll;
}
.threads.messages-editing {
  display: none;
}
.thread {
    padding: 10px 27px 10px 12px;
    font-size: 16px;
    cursor: pointer;
}
.thread.active {
    border-left: solid 4px #e1006f;
}
.thread div.avatar {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #FFF;
    background: transparent;
    float: left;
    margin-right: 10px;
}
.thread .unread {
    position: absolute;
    width: 10px;
    height: 10px;
    right: 0;
    top: 0;
    background-color: #e1006f;
    border-radius: 50%;
}
.thread .delete {
    display: none;
}
.thread .delete {
  zoom: 2;
  margin-top: 6px;
}
@media (min-width: 768px) {
  .thread .delete {
    zoom: 1;
    margin-top: 0;
  }
}
.thread .delete,
.thread .date {
    color: #a8a8a8;
    font-weight: 300;
    font-style: italic;
}
.thread .title {
    font-style: italic;
}
.thread p {
    font-size: 14px;
    line-height: 16px;
    padding-top: 5px;
    font-weight: 300;
    min-height: 35px;
}
.thread img {
    width: 58px;
    height: 58px;
}
.thread:hover {
    background-color: #f4f4f4;
}
.thread:hover .date {
    display: none;
}
.thread:hover .delete {
    display: block;
}
.thread .delete:hover {
    color: #e1006f;
}
.discussion.threads-editing {
  display: none;
}
.discussion {
    background-color: #FFF;
    border: solid 1px #d9d9d9;
    position: relative;
}
.discussion .title {
    border-bottom: solid 1px #d9d9d9;
    padding:10px;
    color: #222222;
}

.discussion span.plus {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: solid 1px;
    border-radius: 50%;
    text-align: center;
    margin-top: 0px;
    line-height: 26px;
    color: #00A1D5;
    margin-left: 4px;
}

.discussion .reply {
    padding: 17px 20px;
    background-color: #f4f4f4;
    position: relative;
    bottom: 0;
    width: 100%;
}
.discussion .reply form {
    background-color: #FFF;
    padding-right: 10px;
}
.discussion .reply textarea {
    background-color: #FFF;
    resize: none;
    border: none;
    min-height: inherit;
    max-height: 150px;
    margin: 0 5% 0 0;
    float: left;
    width: 75%;
    transition: height 0.5s;
    /*overflow: hidden;*/
}
.discussion .reply button {
    /*margin-top: 20px;*/
    float: right;
    width: 20%;
    transition: all 1.5s;
}

.discussion .reply .editing textarea {
    /*overflow: auto;*/
}
.discussion .reply .editing button {
    /*margin-top: 68px;*/
}
.discussion #messages {
    overflow: scroll;
    overflow-x: hidden;
    height: 320px;
}

@media (min-width: 768px) {
  .discussion #messages {
    height: 627px;
  }
}

.discussion #messages.fullHeightMessage{
    overflow-x: hidden;
    height: 93.8%!important;
}

.discussion .message {
    clear: both;
    margin-bottom: 10px;
}
.discussion .message .msg-box {
    max-width: 70%;
    word-wrap: break-word;
    float: left;
}
.discussion .message .msg-box p {
    max-width: 70%;
}
.discussion .msg-date {
    text-align: center;
    font-size: 13px;
}
.discussion .message p {
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 10px !important;
    font-size: 13px;
    font-weight: 400;
    float: left;
}
.discussion .message .msg-box {
    margin: 0 10px;
}
.discussion .message.me .msg-box {
    float: right;
}
.discussion .message.me .msg-box p {
    background-color: #dae0e4;
    margin: 0 0 0 90px;
}
.discussion .message div.avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #FFF;
    background: transparent;
    float: left;
    margin-right: 10px;
}
.discussion div.avatar img {
    width: 58px;
    height: 58px;
}
.discussion .message.me div.avatar {
    display: none;
}
@media (min-width: 768px) {
  .threads, .discussion {
    /*height: 770px;*/
    max-height: inherit;
  }

  .messages-title {
    margin-top: inherit;
  }
  .threads.messages-editing {
    display: block;
  }
  .back-to-threads {
    display: none;
  }
  /* .discussion .reply {
    position: absolute;
  } */
}
.with-pill {
    position: relative;
}
.with-pill .pill {
    position: absolute;
    top: 0;
    right: 0;

    background-color: #3fb498;
    border-radius: 50%;
}
.navbar-header-search {
  position: absolute;
  top: 20px;
  right: 80px;
  left: 90px;
}
section#addEvent {
  position: fixed;
  bottom: 0;
  width: 100%;
}
section#addEvent a {
   text-align: center;
   text-transform: uppercase;

   display: block;
   background-color: #00A1D5;
   color: #FFF;
   padding: 20px;
}
@media (min-width: 1024px) {
  section#addEvent {
    display: none;
  }
}
.ui-select-bootstrap .ui-select-choices-row > a {
  border-bottom: none;
}
.date-form input {
  width: 60px;
  display: inline-block;
}
@media (max-width: 767px) {
  .mobile-hidden {
    min-height: 0 !important;
    height: 0;
    overflow: hidden;
  }

    .profile-intro p {
        margin-bottom: 20px!important;
    }
    .profile-section.call{
        padding-top: 5px;
    }

}


@media (max-width: 425px) {

    .sectinvit img{
        height: 100px!important;
        margin-left: 0!important;
    }
    .blackt{
        margin-left: 5px;
    }
    .titreinv .italic{
        display: inline-block!important;
    }
    .titreinv .titre.text-uppercase{
        font-size: 25px!important;
        text-align: center;
    }

}

.align-center.moon:before{
    vertical-align: middle!important;
    height: 100%!important;
}

span.align-center{
    height: 100%!important;
    vertical-align: middle!important;
}

.eventTitle {
    color: #3F8DBF !important;
    font-weight: bold;
    /*font-size: 15px;*/
    /*text-transform: uppercase;*/
    font-size: 20px;

}

.fullTitleSpan{
    width: 90%!important;
    display: inline-block!important;
}

.h-100{
    height: 100%!important;
}

.over-activity{
    padding-top: 33%;
    background: rgba(0, 161, 213, 0.5);
    position: relative;
}

.avatar-participant-inside:hover > .over-activity{
    display: block;
}

.pending-invit{
    margin: 1%;
}

.archive{
    border-bottom: none!important;
    font-size: 15px;
    text-decoration: none!important;
    color: #00A1D5!important;
}