/*

Theme Name:  Cofreco 2018

Theme URI:   http://cofreco.com

Author:      Sequane - KD

Version:     1.0

*/

@font-face {

    font-family: 'RooneySans';

    src: url('https://6b3a2d.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/RooneySans-Bold.woff2') format('woff2'),
    url('https://b8f4b2.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/RooneySans-Bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}


@font-face {

    font-family: 'RooneySans';

    src: url('https://4a1829.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/RooneySans-Light.woff2') format('woff2'),
    url('https://2b48d5.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/RooneySans-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

}


@font-face {

    font-family: 'olivier';

    src: url('https://8133ff.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/olivier.woff2') format('woff2'),
    url('https://7d24dd.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/olivier.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}


@font-face {

    font-family: 'Graphik';

    src: url('https://b1374c.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/Graphik-Semibold.woff2') format('woff2'),
    url('https://6f8cf0.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/Graphik-Semibold.woff') format('woff');

    font-weight: 600;

    font-style: normal;

}


@font-face {

    font-family: 'Graphik';

    src: url('https://ac073c.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/Graphik-Light.woff2') format('woff2'),
    url('https://e6ae04.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/Graphik-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

}


@font-face {

    font-family: 'Graphik';

    src: url('https://70f983.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/Graphik-Regular.woff2') format('woff2'),
    url('https://f49375.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/Graphik-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}


@font-face {

    font-family: 'Century Gothic';

    src: url('https://a7bb8d.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/CenturyGothic.eot');

    src: url('https://728aaf.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/CenturyGothic.eot#iefix') format('embedded-opentype'),
    url('https://5b42aa.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/CenturyGothic.woff') format('woff'),
    url('https://111b5a.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/CenturyGothic.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}


@font-face {

    font-family: 'MyriadPro-It';

    src: url('https://fbda64.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/MyriadPro-It.eot#iefix') format('embedded-opentype'), url('https://2f3559.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/MyriadPro-It.otf') format('opentype'),
    url('https://18b1d5.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/MyriadPro-It.woff') format('woff'), url('https://bca3fa.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/MyriadPro-It.ttf') format('truetype'), url('https://ff8285.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/font/MyriadPro-It.svg#MyriadPro-It') format('svg');

    font-weight: normal;

    font-style: normal;

}


.rooney-sans {

    font-family: 'RooneySans', sans-serif;

}


.olivier {

    font-family: 'olivier', sans-serif;

}


.signature-sq {

    font-family: 'Century Gothic', sans-serif;

    display: inline-block;

    font-size: 1.2em;

    text-decoration: none;

    position: relative;

    line-height: 1.2em;

}


.signature-sq::before, .signature-sq::after {

    display: inline-block;

    opacity: 0;

    -webkit-transition: opacity 0.2s ease 0s, -webkit-transform 0.3s ease 0s;

    transition: opacity 0.2s ease 0s, -webkit-transform 0.3s ease 0s;

    transition: transform 0.3s ease 0s, opacity 0.2s ease 0s;

    transition: transform 0.3s ease 0s, opacity 0.2s ease 0s, -webkit-transform 0.3s ease 0s;

}


.signature-sq::before {

    content: "[";

    -webkit-transform: translate(20px);

    transform: translate(20px);

}


.signature-sq::after {

    content: "]";

    -webkit-transform: translate(-20px);

    transform: translate(-20px);

}


.signature-sq:focus::after, .signature-sq:focus::before, .signature-sq:hover::after, .signature-sq:hover::before {

    opacity: 1;

    -webkit-transform: translate(0px);

    transform: translate(0px);

}


.signature-sq span {

    font-family: 'MyriadPro-It', sans-serif;

    font-style: italic;

    font-size: 0.8em;

}


.signature-sq .fleur {

    background: url('https://46d5aa.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/img/logo/logo-sequane.svg') no-repeat;

    position: relative;

    display: inline-block;

    height: 9px;

    width: 9px;

    top: -5px;

}


.black {

    color: #555555

}


/* ----------------------------------------------------------------

	Bootstrap Adjustments

-----------------------------------------------------------------*/

@media (min-width: 576px) {

    .container {

        max-width: 540px;

    }

}


@media (min-width: 768px) {

    .container {

        max-width: 750px;

    }

}


@media (min-width: 992px) {

    .container {

        max-width: 970px;

    }


    #logo {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        float: none !important;

    }


    #right-header {

        background-color: #fff;

        float: left;

        width: 100%;

    }

}


@media (min-width: 1200px) {

    .container {

        max-width: 1170px;

    }

}


@media (min-width: 1502px) {

    #logo {

        float: left !important;

    }


    #right-header {

        float: inherit;

        width: auto;

    }

}


body,
.dropdown-menu {

    font-size: 0.875rem;

}


/* ----------------------------------------------------------------

	Basic

-----------------------------------------------------------------*/

dl, dt, dd, ol, ul, li {

    margin: 0;

    padding: 0;

}


.clear {

    clear: both;

    display: block;

    font-size: 0px;

    height: 0px;

    line-height: 0;

    width: 100%;

    overflow: hidden;

}


::-moz-selection {

    background: #85882b;

    color: #FFF;

    text-shadow: none;

}


::selection {

    background: #85882b;

    color: #FFF;

    text-shadow: none;

}


::-moz-selection {

    background: #85882b;

    /* Firefox */

    color: #FFF;

    color: #FFF;

    text-shadow: none;

}


::-webkit-selection {

    background: #85882b;

    /* Safari */

    color: #FFF;

    text-shadow: none;

}


:active,
:focus {

    outline: none !important;

}


/* ----------------------------------------------------------------

	Typography

-----------------------------------------------------------------*/

body {

    line-height: 1.5;

    color: #555;

    font-family: 'RooneySans', sans-serif;

    font-weight: 300;

    overflow-x: hidden;

}


p {

    font-size: 1.2em;

}


a {

    text-decoration: none !important;

    color: #c0c540;

}


a:hover {

    color: #222;

}


a img {

    border: none;

}


img {

    max-width: 100%;

}


iframe {

    border: none !important;

}


/* ----------------------------------------------------------------

	Basic Layout Styles

-----------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {

    color: #444;

    font-weight: 600;

    line-height: 1.5;

    font-family: 'RooneySans', sans-serif;

}


h5,
h6 {

    margin-bottom: 20px;

}


h1 {

    font-size: 36px;

}


h2 {

    font-size: 30px;

}


h3 {

    font-size: 24px;

}


h4 {

    font-size: 18px;

}


h5 {

    font-size: 14px;

}


h6 {

    font-size: 12px;

}


h4 {

    font-weight: 600;

}


h5,
h6 {

    font-weight: bold;

}


h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge) {

    color: #c0c540;

}


p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form {

    margin-bottom: 30px;

}


small {

    font-family: 'Lato', sans-serif;

}


/* ----------------------------------------------------------------

	Helper Classes

-----------------------------------------------------------------*/

.uppercase {

    text-transform: uppercase !important;

}


.lowercase {

    text-transform: lowercase !important;

}


.capitalize {

    text-transform: capitalize !important;

}


.nott {

    text-transform: none !important;

}


.tright {

    text-align: right !important;

}


.tleft {

    text-align: left !important;

}


.fright {

    float: right !important;

}


.fleft {

    float: left !important;

}


.fnone {

    float: none !important;

}


.ohidden {

    position: relative;

    overflow: hidden !important;

}


#wrapper {

    position: relative;

    float: none;

    width: 1220px;

    margin: 0 auto;

    background-color: #FFF;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}


.line,
.double-line {

    clear: both;

    position: relative;

    width: 100%;

    margin: 60px 0;

    border-top: 1px solid #EEE;

}


.line.line-sm {

    margin: 30px 0;

}


span.middot {

    display: inline-block;

    margin: 0 5px;

}


.double-line {

    border-top: 3px double #E5E5E5;

}


.emptydiv {

    display: block !important;

    position: relative !important;

}


.allmargin {

    margin: 50px !important;

}


.leftmargin {

    margin-left: 50px !important;

}


.rightmargin {

    margin-right: 50px !important;

}


.topmargin {

    margin-top: 50px !important;

}


.bottommargin {

    margin-bottom: 50px !important;

}


.clear-bottommargin {

    margin-bottom: -50px !important;

}


.allmargin-sm {

    margin: 30px !important;

}


.leftmargin-sm {

    margin-left: 30px !important;

}


.rightmargin-sm {

    margin-right: 30px !important;

}


.topmargin-sm {

    margin-top: 30px !important;

}


.bottommargin-sm {

    margin-bottom: 30px !important;

}


.clear-bottommargin-sm {

    margin-bottom: -30px !important;

}


.allmargin-lg {

    margin: 80px !important;

}


.leftmargin-lg {

    margin-left: 80px !important;

}


.rightmargin-lg {

    margin-right: 80px !important;

}


.topmargin-lg {

    margin-top: 80px !important;

}


.bottommargin-lg {

    margin-bottom: 80px !important;

}


.clear-bottommargin-lg {

    margin-bottom: -80px !important;

}


.nomargin {

    margin: 0 !important;

}


.noleftmargin {

    margin-left: 0 !important;

}


.norightmargin {

    margin-right: 0 !important;

}


.notopmargin {

    margin-top: 0 !important;

}


.nobottommargin {

    margin-bottom: 0 !important;

}


.header-stick {

    margin-top: -50px !important;

}


.content-wrap .header-stick {

    margin-top: -80px !important;

}


.footer-stick {

    margin-bottom: -50px !important;

}


.content-wrap .footer-stick {

    margin-bottom: -80px !important;

}


.noborder {

    border: none !important;

}


.noleftborder {

    border-left: none !important;

}


.norightborder {

    border-right: none !important;

}


.notopborder {

    border-top: none !important;

}


.nobottomborder {

    border-bottom: none !important;

}


.noradius {

    border-radius: 0 !important;

}


.col-padding {

    padding: 60px;

}


.nopadding {

    padding: 0 !important;

}


.noleftpadding {

    padding-left: 0 !important;

}


.norightpadding {

    padding-right: 0 !important;

}


.notoppadding {

    padding-top: 0 !important;

}


.nobottompadding {

    padding-bottom: 0 !important;

}


.noabsolute {

    position: relative !important;

}


.noshadow {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}


.hidden {

    display: none !important;

}


.nothidden {

    display: block !important;

}


.inline-block {

    float: none !important;

    display: inline-block !important;

}


.center {

    text-align: center !important;

}


.divcenter {

    position: relative !important;

    float: none !important;

    margin-left: auto !important;

    margin-right: auto !important;

}


.bgcolor,
.bgcolor #header-wrap {

    background-color: #c0c540 !important;

}


.color {

    color: #c0c540 !important;

}


.border-color {

    border-color: #c0c540 !important;

}


.nobg {

    background: none !important;

}


.nobgcolor {

    background-color: transparent !important;

}


.t300 {

    font-weight: 300 !important;

}


.t400 {

    font-weight: 400 !important;

}


.t500 {

    font-weight: 500 !important;

}


.t600 {

    font-weight: 600 !important;

}


.t700 {

    font-weight: 700 !important;

}


.ls0 {

    letter-spacing: 0px !important;

}


.ls1 {

    letter-spacing: 1px !important;

}


.ls2 {

    letter-spacing: 2px !important;

}


.ls3 {

    letter-spacing: 3px !important;

}


.ls4 {

    letter-spacing: 4px !important;

}


.ls5 {

    letter-spacing: 5px !important;

}


.noheight {

    height: 0 !important;

}


.nolineheight {

    line-height: 0 !important;

}


.font-body {

    font-family: 'Lato', sans-serif;

}


.font-primary {

    font-family: 'Raleway', sans-serif;

}


.font-secondary {

    font-family: 'Crete Round', serif;

}


.bgicon {

    display: block;

    position: absolute;

    bottom: -60px;

    right: -50px;

    font-size: 210px;

    color: rgba(0, 0, 0, 0.1);

}


.imagescale,
.imagescalein {

    display: block;

    overflow: hidden;

}


.imagescale img,
.imagescalein img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: all 1s ease;

    transition: all 1s ease;

}


.imagescale:hover img {

    -webkit-transform: scale(1);

    transform: scale(1);

}


.imagescalein img {

    -webkit-transform: scale(1);

    transform: scale(1);

}


.imagescalein:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}


.grayscale {

    filter: brightness(80%) grayscale(1) contrast(90%);

    -webkit-filter: brightness(80%) grayscale(1) contrast(90%);

    -moz-filter: brightness(80%) grayscale(1) contrast(90%);

    -o-filter: brightness(80%) grayscale(1) contrast(90%);

    -ms-filter: brightness(80%) grayscale(1) contrast(90%);

    transition: 1s -webkit-filter ease;

    transition: 1s filter ease;

    transition: 1s filter ease, 1s -webkit-filter ease;

    -webkit-transition: 1s -webkit-filter ease;

    -moz-transition: 1s -moz-filter ease;

    -ms-transition: 1s -ms-filter ease;

    -o-transition: 1s -o-filter ease;

}


.grayscale:hover {

    filter: brightness(100%) grayscale(0);

    -webkit-filter: brightness(100%) grayscale(0);

    -moz-filter: brightness(100%) grayscale(0);

    -o-filter: brightness(100%) grayscale(0);

    -ms-filter: brightness(100%) grayscale(0);

}


/* MOVING BG -  TESTIMONIALS */

.bganimate {

    -webkit-animation: BgAnimated 30s infinite linear;

    animation: BgAnimated 30s infinite linear;

}


.invisible {

    visibility: hidden;

}


@-webkit-keyframes BgAnimated {

    from {

        background-position: 0 0;

    }


    to {

        background-position: 0 400px;

    }

}


@keyframes BgAnimated {

    from {

        background-position: 0 0;

    }


    to {

        background-position: 0 400px;

    }

}


.input-block-level {

    display: block;

    width: 100% !important;

    min-height: 30px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}


.vertical-middle {

    height: auto !important;

    left: 0;

    max-width: none !important;

}


.magnific-max-width .mfp-content {

    max-width: 800px;

}


/* ----------------------------------------------------------------

	Sections

-----------------------------------------------------------------*/

.section {

    position: relative;

    margin: 60px 0;

    padding: 60px 0;

    background-color: #F9F9F9;

    overflow: hidden;

}


.parallax {

    background-color: transparent;

    background-attachment: fixed;

    background-position: 50% 0;

    background-repeat: no-repeat;

    overflow: hidden;

}


.mobile-parallax,
.video-placeholder {

    background-size: cover !important;

    background-attachment: scroll !important;

    background-position: center center !important;

}


.section .container {

    z-index: 2;

}


.section .container + .video-wrap {

    z-index: 1;

}


.revealer-image {

    position: relative;

    bottom: -100px;

    transition: bottom .3s ease-in-out;

    -webkit-transition: bottom .3s ease-in-out;

    -o-transition: bottom .3s ease-in-out;

}


.section:hover .revealer-image {

    bottom: -50px;

}


/* ----------------------------------------------------------------

	Columns & Grids

-----------------------------------------------------------------*/

.col_full {

    width: 100%;

}


.col_half,
.postcontent.bothsidebar {

    width: 48%;

}


.col_one_third {

    width: 33.3333333%;

}


.col_two_third {

    width: 65.33%;

}


.col_one_fourth,
.sidebar {

    width: 22%;

}


.col_three_fourth,
.postcontent {

    width: 74%;

}


.col_one_fifth {

    width: 16.8%;

}


.col_two_fifth {

    width: 37.6%;

}


.col_three_fifth {

    width: 58.4%;

}


.col_four_fifth {

    width: 79.2%;

}


.col_one_sixth {

    width: 13.33%;

}


.col_five_sixth {

    width: 82.67%;

}


body.stretched .container-fullwidth {

    position: relative;

    padding: 0 60px;

    width: 100%;

}


.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {

    display: block;

    position: relative;

    margin-bottom: 40px;

    float: left;

}


.col_full {

    clear: both;

    float: none;

    margin-right: 0;

}


.postcontent.col_last,
.sidebar.col_last {

    float: right;

}


.col_last {

    margin-right: 0 !important;

    clear: right;

}


/* ----------------------------------------------------------------

	Flex Slider

-----------------------------------------------------------------*/

.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide > a,
.fslider .slide > img,
.fslider .slide > a > img {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    overflow: hidden;

    -webkit-backface-visibility: hidden;

}


.fslider {

    min-height: 32px;

}


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {

    outline: none;

    border: none;

}


.slider-wrap,
.flex-control-nav,
.flex-direction-nav {

    margin: 0;

    padding: 0;

    list-style: none;

    border: none;

}


.flexslider {

    position: relative;

    margin: 0;

    padding: 0;

}


.flexslider .slider-wrap > .slide {

    display: none;

    -webkit-backface-visibility: hidden;

}


.flexslider .slider-wrap img {

    width: 100%;

    display: block;

}


.flex-pauseplay span {

    text-transform: capitalize;

}


.slider-wrap:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}


html[xmlns] .slider-wrap {

    display: block;

}


* html .slider-wrap {

    height: 1%;

}


.no-js .slider-wrap > .slide:first-child {

    display: block;

}


.flex-viewport {

    max-height: 2000px;

    -webkit-transition: all 1s ease;

    transition: all 1s ease;

}


.flex-control-nav {

    position: absolute;

    z-index: 10;

    text-align: center;

    top: 14px;

    right: 10px;

    margin: 0;

}


.flex-control-nav li {

    float: left;

    display: block;

    margin: 0 3px;

    width: 10px;

    height: 10px;

}


.flex-control-nav li a {

    display: block;

    cursor: pointer;

    text-indent: -9999px;

    width: 10px !important;

    height: 10px !important;

    border: 1px solid #FFF;

    border-radius: 50%;

    transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

}


.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active {

    background-color: #FFF;

}


/* ----------------------------------------------------------------

	Top Bar

-----------------------------------------------------------------*/

#top-bar {

    position: relative;

    border-bottom: 1px solid #EEE;

    height: 45px;

    line-height: 44px;

    font-size: 13px;

}


#top-bar .col_half {

    width: auto;

}


/* Top Links

---------------------------------*/

.top-links {

    position: relative;

    float: left;

}


.top-links ul {

    margin: 0;

    list-style: none;

}


.top-links ul li {

    float: left;

    position: relative;

    height: 44px;

    border-left: 1px solid #EEE;

}


.top-links ul li:first-child,
.top-links ul ul li {

    border-left: 0 !important;

}


.top-links li > a {

    display: block;

    padding: 0 12px;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    height: 44px;

    color: #666;

}


.top-links li i {

    vertical-align: top;

}


.top-links li i.icon-angle-down {

    margin: 0 0 0 5px !important;

}


.top-links li i:first-child {

    margin-right: 3px;

}


.top-links li.full-icon i {

    top: 2px;

    font-size: 14px;

    margin: 0;

}


.top-links li:hover {

    background-color: #EEE;

}


.top-links ul ul,
.top-links ul div.top-link-section {

    display: none;

    pointer-events: none;

    position: absolute;

    z-index: 210;

    line-height: 1.5;

    background: #FFF;

    border: 0;

    top: 44px;

    left: 0;

    width: 140px;

    margin: 0;

    border-top: 1px solid #c0c540;

    border-bottom: 1px solid #EEE;

    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);

}


.top-links li:hover ul,
.top-links li:hover div.top-link-section {

    pointer-events: auto;

}


.top-links ul ul li {

    float: none;

    height: 36px;

    border-top: 1px solid #F5F5F5;

    border-left: 1px solid #EEE;

}


.top-links ul ul li:hover {

    background-color: #F9F9F9;

}


.top-links ul ul li:first-child {

    border-top: none !important;

    border-left: 1px solid #EEE;

}


.top-links ul ul a {

    height: 36px;

    line-height: 36px;

    font-size: 12px;

}


.top-links ul ul img {

    display: inline-block;

    position: relative;

    top: -1px;

    width: 16px;

    height: 16px;

    margin-right: 4px;

}


.top-links ul ul.top-demo-lang img {

    top: 4px;

    width: 16px;

    height: 16px;

}


.top-links ul div.top-link-section {

    padding: 25px;

    left: 0;

    width: 280px;

}


.fright .top-links ul div.top-link-section,
.top-links.fright ul div.top-link-section {

    left: auto;

    right: 0;

}


/* Top Social

-----------------------------------------------------------------*/

#top-social,
#top-social ul {

    margin: 0;

}


#top-social li,
#top-social li a,
#top-social li .ts-icon,
#top-social li .ts-text {

    display: block;

    position: relative;

    float: left;

    width: auto;

    overflow: hidden;

    height: 44px;

    line-height: 44px;

}


#top-social li {

    border-left: 1px solid #EEE;

}


#top-social li:first-child {

    border-left: 0 !important;

}


#top-social li a {

    float: none;

    width: 40px;

    font-weight: bold;

    color: #666;

    -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;

    transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;

}


#top-social li a:hover {

    color: #FFF !important;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}


#top-social li .ts-icon {

    width: 40px;

    text-align: center;

    font-size: 14px;

}


/* Top Login

-----------------------------------------------------------------*/

#top-login {

    margin-bottom: 0;

}


#top-login .checkbox {

    margin-bottom: 10px;

}


#top-login .form-control {

    position: relative;

}


#top-login .form-control:focus {

    border-color: #CCC;

}


#top-login .input-group#top-login-username {

    margin-bottom: -1px;

}


#top-login #top-login-username input,
#top-login #top-login-username .input-group-addon {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

}


#top-login .input-group#top-login-password {

    margin-bottom: 10px;

}


#top-login #top-login-password input,
#top-login #top-login-password .input-group-addon {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}


/* ----------------------------------------------------------------

	Header

-----------------------------------------------------------------*/

#header {

    position: relative;

    background-color: #FFF;

    border-bottom: 1px solid #F5F5F5;

}


#header .container {

    position: relative;

}


#header.transparent-header {

    background: transparent;

    border-bottom: none;

    z-index: 199;

}


#header.semi-transparent {

    background-color: rgba(255, 255, 255, 0.8);

}


#header.transparent-header.floating-header {

    margin-top: 60px;

}


#header.transparent-header.floating-header .container {

    width: 1190px;

    max-width: 1190px;

    background-color: #FFF;

    padding: 0 40px;

    border-radius: 2px;

}


#header.transparent-header.floating-header.sticky-header .container {

    width: 1140px;

    max-width: 1140px;

    padding: 0 15px;

}


#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {

    top: -100px;

    margin-bottom: -100px;

}


#header.transparent-header.floating-header + #slider,
#header.transparent-header.floating-header + #google-map {

    top: -160px;

    margin-bottom: -160px;

}


#header.transparent-header + #page-title.page-title-parallax .container {

    z-index: 5;

    padding-top: 100px;

}


#header.full-header {

    border-bottom-color: #EEE;

}


body.stretched #header.full-header .container {

    width: 100%;

    max-width: none;

    padding: 0 30px;

}


#header.transparent-header.full-header #header-wrap {

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}


#slider + #header.transparent-header.full-header #header-wrap {

    border-top: 1px solid rgba(0, 0, 0, 0.1);

    border-bottom: none;

}


/* ----------------------------------------------------------------

	Logo

-----------------------------------------------------------------*/

#logo {

    position: relative;

    float: left;

    font-family: 'Raleway', sans-serif;

    font-size: 36px;

    line-height: 100%;

    margin-right: 40px;

    padding-left: 4rem;

}


#header.full-header #logo {

    padding-right: 30px;

    margin-right: 30px;

}


#header.transparent-header.full-header #logo {

    border-right-color: rgba(0, 0, 0, 0.1);

}


#logo a {

    display: block;

    color: #000;

}


#logo img {

    display: block;

    max-width: 100%;

}


#logo a.standard-logo {

    display: block;

}


#logo a.retina-logo {

    display: none;

}


/* ----------------------------------------------------------------

	Header Right Area

-----------------------------------------------------------------*/

.header-extras {

    float: right;

    margin: 30px 0 0;

}


.header-extras li {

    float: left;

    margin-left: 20px;

    height: 40px;

    overflow: hidden;

    list-style: none;

}


.header-extras li i {

    margin-top: 3px !important;

}


.header-extras li:first-child {

    margin-left: 0;

}


.header-extras li .he-text {

    float: left;

    padding-left: 10px;

    font-weight: bold;

    font-size: 14px;

    line-height: 1.43;

}


.header-extras li .he-text span {

    display: block;

    font-weight: 400;

    color: #c0c540;

}


/* ----------------------------------------------------------------

	Primary Menu

-----------------------------------------------------------------*/

.hide-content {

    padding: 0 !important

}


.hide-content a {

    padding: 15px;

    color: #444;

    font-weight: 500;

    display: block;

    font-size: 1.1em;

    letter-spacing: 1px;

}


/* #primary-menu { float: right; } */

.uber-clear::after, .ubermenu .ubermenu-column::after, .ubermenu .ubermenu-content-block::after, .ubermenu .ubermenu-image::after, .ubermenu .ubermenu-postlist-item::after, .ubermenu .ubermenu-submenu::after, .ubermenu .ubermenu-tabs::after, .ubermenu::after {

    clear: inherit !important;

}


#primary-menu ul.mobile-primary-menu {

    display: none;

}


#header.full-header nav.ubermenu > ul, #header.full-header #primary-menu > ul {

    float: left;

    padding-right: 15px;

    margin-right: 15px;

}


#header.transparent-header.full-header #primary-menu > ul {

    border-right-color: rgba(0, 0, 0, 0.1);

}


#primary-menu-trigger,
#page-submenu-trigger {

    opacity: 0;

    pointer-events: none;

    cursor: pointer;

    font-size: 14px;

    position: absolute;

    top: 50%;

    margin-top: -25px;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    -webkit-transition: opacity .3s ease;

    transition: opacity .3s ease;

}


nav.ubermenu ul, #primary-menu ul {

    list-style: none;

    margin: 0;

}


nav.ubermenu > ul, #primary-menu > ul {

    float: left;

}


nav.ubermenu ul li, #primary-menu ul li {

    position: relative;

}


#primary-menu ul li.mega-menu {

    position: inherit;

}


nav.ubermenu ul > li, #primary-menu ul > li {

    float: left;

    margin-left: 2px;

}


nav.ubermenu ul > li, #primary-menu > ul > li:first-child {

    margin-left: 0;

}


nav.ubermenu ul li > a, nav.ubermenu ul li.ubermenu-item-level-0 > span.ubermenu-target, #primary-menu ul li > a {

    display: block;

    line-height: 22px;

    padding: 39px 30px !important;

    color: #444;

    font-weight: 500;

    font-size: 1.1em;

    letter-spacing: 1px;

    font-family: 'RooneySans', sans-serif;

    -webkit-transition: margin .4s ease, padding .4s ease;

    transition: margin .2s ease, padding .4s ease;

}


nav.ubermenu ul li span.ubermenu-target {

    display: block;

    line-height: 22px;

    color: #444;

    font-weight: 500;

    font-size: 1.1em;

    letter-spacing: 1px;

    font-family: 'RooneySans', sans-serif;

}


nav.ubermenu ul li > span.ubermenu-target:hover {

    color: #c0c540;

}


.ubermenu-main .ubermenu-submenu-type-flyout > .ubermenu-item-normal {

    border-bottom: 1px solid rgba(143, 194, 241, 0.3);

}


nav.ubermenu ul li ul li > a, #primary-menu ul li ul li > a {

    padding: 15px !important;

}


nav.ubermenu ul li ul li i.ubermenu-sub-indicator {

    right: 10px !important;

}


nav.ubermenu ul li > a span, #primary-menu ul li > a span {

    display: none;

}


nav.ubermenu ul li > a i, #primary-menu ul li > a i {

    position: relative;

    top: -1px;

    font-size: 14px;

    width: 16px;

    text-align: center;

    margin-right: 6px;

    vertical-align: top;

}


nav.ubermenu ul li > a i.icon-angle-down:last-child, #primary-menu ul li > a i.icon-angle-down:last-child {

    font-size: 12px;

    margin: 0 0 0 5px;

}


nav.ubermenu ul li:hover > a,
nav.ubermenu ul li.current > a,
#primary-menu ul li:hover > a,
#primary-menu ul li.current > a {

    color: #c0c540;

}


#primary-menu > ul > li.sub-menu > a > div {

}


body.no-superfish #primary-menu li:hover > ul:not(.mega-menu-column),
body.no-superfish #primary-menu li:hover > .mega-menu-content {

    display: block;

}


#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {

    display: none;

    position: absolute;

    width: 250px;

    background-color: #FFF;

    -webkit-box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);

    border: 1px solid #EEE;

    border-top: 2px solid #c0c540;

    height: auto;

    z-index: 199;

    top: 100%;

    left: 0;

    margin: 0;

}


#primary-menu ul ul:not(.mega-menu-column) ul {

    top: -2px !important;

    left: 218px;

}


#primary-menu ul ul.menu-pos-invert:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content.menu-pos-invert {

    left: auto;

    right: 0;

}


#primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert {

    right: 218px;

}


#primary-menu ul ul li {

    float: none;

    margin: 0;

}


#primary-menu ul ul li:first-child {

    border-top: 0;

}


#primary-menu ul ul li > a {

    font-size: 12px;

    font-weight: 700;

    color: #666;

    padding-top: 10px;

    padding-bottom: 10px;

    border: 0;

    letter-spacing: 0;

    font-family: 'Lato', sans-serif;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}


#primary-menu ul ul li > a i {

    vertical-align: middle;

}


#primary-menu ul ul li:hover > a {

    background-color: #F9F9F9;

    padding-left: 18px;

    color: #c0c540;

}


#primary-menu ul ul > li.sub-menu > a,
#primary-menu ul ul > li.sub-menu:hover > a {

    background-image: url("https://705a73.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/icons/submenu.png");

    background-position: right center;

    background-repeat: no-repeat;

}


#btn-configurateur {

    float: right;

}


#btn-configurateur ul {

    list-style: none;

    margin: 0;

}


#btn-configurateur ul li > a {

    display: block;

    line-height: 22px;

    padding: 25px 2rem;

    color: #fff;

    background-color: #c0c540;

    font-weight: 500;

    font-size: 1.1em;

    letter-spacing: 1px;

    font-family: 'RooneySans', sans-serif;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}


#btn-configurateur ul li > a:hover {

    background-color: #85882b;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}


#btn-configurateur ul li > a img {

    width: 50px;

    height: 50px;

}


#btn-configurateur ul li > a:hover img {

    -webkit-animation-name: rotate;

    animation-name: rotate;

    -webkit-animation-duration: 3s;

    animation-duration: 3s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

}


/* ----------------------------------------------------------------

	Mega Menu

-----------------------------------------------------------------*/

#primary-menu ul li .mega-menu-content,
#primary-menu ul li.mega-menu-small .mega-menu-content {

    width: 720px;

    max-width: 400px;

}


#primary-menu ul li.mega-menu .mega-menu-content,
.floating-header.sticky-header #primary-menu ul li.mega-menu .mega-menu-content {

    margin: 0 15px;

    width: 1140px;

    max-width: none;

}


.floating-header #primary-menu ul li.mega-menu .mega-menu-content {

    margin: 0;

    width: 1220px;

}


body.stretched .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content {

    margin: 0 60px;

}


body.stretched #header.full-header #primary-menu ul li.mega-menu .mega-menu-content {

    margin: 0 30px;

}


#primary-menu ul li.mega-menu .mega-menu-content.style-2 {

    padding: 0 10px;

}


#primary-menu ul li .mega-menu-content ul {

    display: block;

    position: relative;

    top: 0;

    min-width: inherit;

    border: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    background-color: transparent;

}


#primary-menu ul li .mega-menu-content ul:not(.megamenu-dropdown) {

    display: block !important;

    opacity: 1 !important;

    top: 0;

    left: 0;

}


#primary-menu ul li .mega-menu-content ul.mega-menu-column {

    float: left;

    margin: 0;

    padding-left: 0;

    padding-right: 0;

}


#primary-menu ul li .mega-menu-content ul.mega-menu-column.col-5 {

    width: 20%;

    max-width: none;

}


#primary-menu ul li .mega-menu-content ul:not(.mega-menu-column) {

    width: 100%;

}


#primary-menu ul li .mega-menu-content ul.mega-menu-column:not(:first-child) {

    border-left: 1px solid #F2F2F2;

}


#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {

    padding: 30px 20px;

}


#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title {

    margin-top: 20px;

}


#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:first-child {

    margin-top: 0;

}


#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a {

    font-size: 13px;

    font-weight: bold;

    font-family: 'Raleway', sans-serif;

    letter-spacing: 1px;

    text-transform: uppercase !important;

    margin-bottom: 15px;

    color: #444;

    padding: 0 !important;

    line-height: 1.3 !important;

}


#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a {

    background-color: transparent;

}


#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover {

    color: #c0c540;

}


#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title.sub-menu > a,
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title.sub-menu:hover > a {

    background: none;

}


#primary-menu ul li .mega-menu-content.style-2 li {

    border: 0;

}


#primary-menu ul li .mega-menu-content.style-2 ul li > a {

    padding-left: 5px;

    padding-top: 7px;

    padding-bottom: 7px;

}


#primary-menu ul li .mega-menu-content.style-2 ul li > a:hover {

    padding-left: 12px;

}


.mega-menu-column .entry-meta {

    margin: 8px -10px 0 0 !important;

    border: none !important;

    padding: 0 !important;

}


.mega-menu-column .entry-meta li {

    float: left !important;

    border: none !important;

    margin: 0 10px 0 0 !important;

}


/* Primary Menu - Style 2

-----------------------------------------------------------------*/

#primary-menu.style-2 {

    float: none;

    max-width: none;

    border-top: 1px solid #F5F5F5;

}


#primary-menu.style-2 > div > ul {

    float: left;

}


#primary-menu.style-2 > div > ul > li > a {

    padding-top: 19px;

    padding-bottom: 19px;

}


#logo + #primary-menu.style-2 {

    border-top: 0;

}


#primary-menu.style-2 > div #top-search,
#primary-menu.style-2 > div #top-cart,
#primary-menu.style-2 > div #side-panel-trigger {

    margin-top: 20px;

    margin-bottom: 20px;

}


body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.center > ul,
body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.center > div {

    float: none;

    display: inline-block !important;

    width: auto;

    text-align: left;

}


/* Primary Menu - Style 3

-----------------------------------------------------------------*/

#primary-menu.style-3 > ul > li > a {

    margin: 28px 0;

    padding-top: 11px;

    padding-bottom: 11px;

    border-radius: 2px;

}


#primary-menu.style-3 > ul > li:hover > a {

    color: #444;

    background-color: #F5F5F5;

}


#primary-menu.style-3 > ul > li.current > a {

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

    background-color: #c0c540;

}


/* Primary Menu - Style 4

-----------------------------------------------------------------*/

#primary-menu.style-4 > ul > li > a {

    margin: 28px 0;

    padding-top: 10px;

    padding-bottom: 10px;

    border-radius: 2px;

    border: 1px solid transparent;

}


#primary-menu.style-4 > ul > li:hover > a,
#primary-menu.style-4 > ul > li.current > a {

    border-color: #c0c540;

}


/* Primary Menu - Style 5

-----------------------------------------------------------------*/

#primary-menu.style-5 > ul {

    padding-right: 10px;

    margin-right: 5px;

    border-right: 1px solid #EEE;

}


#primary-menu.style-5 > ul > li:not(:first-child) {

    margin-left: 15px;

}


#primary-menu.style-5 > ul > li > a {

    padding-top: 25px;

    padding-bottom: 25px;

    line-height: 14px;

}


#primary-menu.style-5 > ul > li > a i {

    display: block;

    width: auto;

    margin: 0 0 8px;

    font-size: 28px;

    line-height: 1;

}


/* Primary Menu - Style 6

-----------------------------------------------------------------*/

#primary-menu.style-6 ul > li > a {

    position: relative;

}


#primary-menu.style-6 > ul > li > a:after,
#primary-menu.style-6 > ul > li.current > a:after,
#primary-menu.style-6 > div > ul > li > a:after,
#primary-menu.style-6 > div > ul > li.current > a:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    height: 2px;

    width: 0;

    border-top: 2px solid #c0c540;

    -webkit-transition: width .3s ease;

    transition: width .3s ease;

}


#primary-menu.style-6 > ul > li.current > a:after,
#primary-menu.style-6 > ul > li:hover > a:after,
#primary-menu.style-6 > div > ul > li.current > a:after,
#primary-menu.style-6 > div > ul > li:hover > a:after {

    width: 100%;

}


/* Primary Menu - Sub Title

-----------------------------------------------------------------*/

#primary-menu.sub-title > ul > li,
#primary-menu.sub-title.style-2 > div > ul > li {

    background: url("https://01a673.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/icons/menu-divider.png") no-repeat right center;

    margin-left: 1px;

}


#primary-menu.sub-title ul li:first-child {

    padding-left: 0;

    margin-left: 0;

}


#primary-menu.sub-title > ul > li > a,
#primary-menu.sub-title > div > ul > li > a {

    line-height: 14px;

    padding: 27px 20px 32px;

    text-transform: uppercase;

    border-top: 5px solid transparent;

}


#primary-menu.sub-title > ul > li > a span,
#primary-menu.sub-title > div > ul > li > a span {

    display: block;

    margin-top: 10px;

    line-height: 12px;

    font-size: 11px;

    font-weight: 400;

    color: #888;

    text-transform: capitalize;

}


#primary-menu.sub-title > ul > li:hover > a,
#primary-menu.sub-title > ul > li.current > a,
#primary-menu.sub-title > div > ul > li:hover > a,
#primary-menu.sub-title > div > ul > li.current > a {

    background-color: #c0c540;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

    border-top-color: rgba(0, 0, 0, 0.1);

}


#primary-menu.sub-title > ul > li:hover > a span,
#primary-menu.sub-title > ul > li.current > a span,
#primary-menu.sub-title.style-2 > div > ul > li:hover > a span,
#primary-menu.sub-title.style-2 > div > ul > li.current > a span {

    color: #EEE;

}


#primary-menu.sub-title.style-2 ul ul span {

    display: none;

}


/* Primary Menu - Style 2 with Sub Title

-----------------------------------------------------------------*/

#primary-menu.sub-title.style-2 > div > ul > li {

    background-position: left center;

}


#primary-menu.sub-title.style-2 > div #top-search,
#primary-menu.sub-title.style-2 > div #top-cart,
#primary-menu.sub-title.style-2 > div #side-panel-trigger {

    float: right;

    margin-top: 30px;

    margin-bottom: 30px;

}


#primary-menu.sub-title.style-2 div ul li:first-child,
#primary-menu.sub-title.style-2 > div > ul > li:hover + li,
#primary-menu.sub-title.style-2 > div > ul > li.current + li {

    background-image: none;

}


#primary-menu.sub-title.style-2 > div > ul > li > a {

    padding-top: 17px;

    padding-bottom: 22px;

}


/* Primary Menu - Split Menu

-----------------------------------------------------------------*/

@media (min-width: 992px) {

    #header.split-menu #logo {

        position: absolute;

        width: 100%;

        text-align: center;

        margin: 0;

        float: none;

        height: 100px;

    }


    #header.split-menu #logo a.standard-logo {

        display: inline-block;

    }

}


#header.split-menu #primary-menu {

    float: none;

    margin: 0;

}


#header.split-menu #primary-menu > ul {

    z-index: 199;

}


#header.split-menu #primary-menu > ul:first-child {

    float: left;

}


#header.split-menu #primary-menu > ul:last-child {

    float: right;

}


/* Primary Menu - Overlay Menu

-----------------------------------------------------------------*/

@media (min-width: 992px) {

    .overlay-menu:not(.top-search-open) #primary-menu-trigger {

        opacity: 1;

        pointer-events: auto;

        left: auto;

        right: 75px;

        width: 20px;

        height: 20px;

        line-height: 20px;

        margin-top: -10px;

    }


    .overlay-menu:not(.top-search-open) .full-header #primary-menu-trigger {

        right: 90px;

    }


    .overlay-menu #primary-menu > #overlay-menu-close {

        opacity: 0;

        pointer-events: none;

        position: fixed;

        top: 25px;

        left: auto;

        right: 25px;

        width: 48px;

        height: 48px;

        line-height: 48px;

        font-size: 24px;

        text-align: center;

        color: #444;

        z-index: 300;

        -webkit-transform: translateY(-80px);

        transform: translateY(-80px);

        -webkit-transition: opacity .4s ease, transform .45s .15s ease;

        -webkit-transition: opacity .4s ease, -webkit-transform .45s .15s ease;

        transition: opacity .4s ease, -webkit-transform .45s .15s ease;

        transition: opacity .4s ease, transform .45s .15s ease;

        transition: opacity .4s ease, transform .45s .15s ease, -webkit-transform .45s .15s ease;

    }


    .overlay-menu #primary-menu > ul {

        opacity: 0 !important;

        pointer-events: none;

        position: fixed;

        left: 0;

        top: 0;

        width: 100%;

        height: 100% !important;

        z-index: 299;

        background: rgba(255, 255, 255, 0.95);

        -webkit-transition: opacity .7s ease;

        transition: opacity .7s ease;

    }


    .overlay-menu #primary-menu > ul.d-block {

        opacity: 1 !important;

        display: inherit !important;

        pointer-events: auto;

    }


    .overlay-menu #primary-menu > ul.d-block ~ #overlay-menu-close {

        opacity: 1;

        -webkit-transition: opacity .7s .4s ease, transform .45s .15s ease;

        -webkit-transition: opacity .7s .4s ease, -webkit-transform .45s .15s ease;

        transition: opacity .7s .4s ease, -webkit-transform .45s .15s ease;

        transition: opacity .7s .4s ease, transform .45s .15s ease;

        transition: opacity .7s .4s ease, transform .45s .15s ease, -webkit-transform .45s .15s ease;

        -webkit-transform: translateY(0);

        transform: translateY(0);

        pointer-events: auto;

    }


    .overlay-menu #primary-menu > ul > li {

        float: none;

        text-align: center;

        max-width: 400px;

        margin: 0 auto;

    }


    .overlay-menu #primary-menu > ul > li > a {

        font-size: 24px;

        padding-top: 19px;

        padding-bottom: 19px;

        letter-spacing: 2px;

        text-transform: none;

        opacity: 0;

        -webkit-transform: translateY(-80px);

        transform: translateY(-80px);

        -webkit-transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear;

        -webkit-transition: opacity .7s .15s ease, color .2s linear, -webkit-transform .45s .15s ease;

        transition: opacity .7s .15s ease, color .2s linear, -webkit-transform .45s .15s ease;

        transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear;

        transition: opacity .7s .15s ease, transform .45s .15s ease, color .2s linear, -webkit-transform .45s .15s ease;

    }


    .overlay-menu #primary-menu > ul.d-block > li > a {

        opacity: 1;

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}


/* ----------------------------------------------------------------

	Top Search

-----------------------------------------------------------------*/

#top-search,
#top-cart,
#side-panel-trigger,
#top-account {

    float: right;

    margin: 40px 0 40px 15px;

}


#top-cart {

    position: relative;

}


#top-search a,
#top-cart > a,
#side-panel-trigger a {

    display: block;

    position: relative;

    width: 14px;

    height: 14px;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    color: #333;

    -webkit-transition: color .3s ease-in-out;

    transition: color .3s ease-in-out;

}


#top-search a {

    z-index: 11;

}


#top-search a i {

    position: absolute;

    top: 0;

    left: 0;

    -webkit-transition: opacity .3s ease;

    transition: opacity .3s ease;

}


body.top-search-open #top-search a i.icon-search3,
#top-search a i.icon-line-cross {

    opacity: 0;

}


body.top-search-open #top-search a i.icon-line-cross {

    opacity: 1;

    z-index: 11;

    font-size: 16px;

}


#top-cart > a:hover {

    color: #c0c540;

}


#top-search form {

    opacity: 0;

    z-index: -2;

    position: absolute;

    width: 100% !important;

    height: 100% !important;

    padding: 0 15px;

    margin: 0;

    top: 0;

    left: 0;

    -webkit-transition: opacity .3s ease-in-out;

    transition: opacity .3s ease-in-out;

}


body.top-search-open #top-search form {

    opacity: 1;

    z-index: 10;

}


#top-search form input {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    pointer-events: none;

    border-radius: 0;

    border: 0;

    outline: 0 !important;

    font-size: 32px;

    padding: 10px 80px 10px 0;

    height: 100%;

    background-color: transparent;

    color: #333;

    font-weight: 700;

    margin-top: 0 !important;

    font-family: 'Raleway', sans-serif;

    letter-spacing: 2px;

}


body:not(.device-md):not(.device-sm):not(.device-xs) #header.full-header #top-search form input {

    padding-left: 40px;

}


body:not(.device-md):not(.device-sm):not(.device-xs) .container-fullwidth #top-search form input {

    padding-left: 60px;

}


body.top-search-open #top-search form input {

    pointer-events: auto;

}


body:not(.device-md):not(.device-sm):not(.device-xs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input {

    border-bottom: 2px solid rgba(0, 0, 0, 0.1);

}


#top-search form input::-moz-placeholder {

    color: #555;

    opacity: 1;

    text-transform: uppercase;

}


#top-search form input:-ms-input-placeholder {

    color: #555;

    text-transform: uppercase;

}


#top-search form input::-webkit-input-placeholder {

    color: #555;

    text-transform: uppercase;

}


#primary-menu .container #top-search form input,
.sticky-header #top-search form input {

    border: none !important;

}


/* ----------------------------------------------------------------

	Top Cart

-----------------------------------------------------------------*/

#top-cart {

    margin-right: 0;

}


#top-cart > a > span {

    display: block;

    position: absolute;

    top: -7px;

    left: auto;

    right: -14px;

    font-size: 10px;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

    width: 16px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    background-color: #c0c540;

    border-radius: 50%;

}


#top-cart .top-cart-content {

    opacity: 0;

    z-index: -2;

    position: absolute;

    width: 280px;

    background-color: #FFF;

    -webkit-box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);

    border: 1px solid #EEE;

    border-top: 2px solid #c0c540;

    top: 60px;

    right: -15px;

    left: auto;

    margin: -10000px 0 0;

    -webkit-transition: opacity .5s ease, top .4s ease;

    transition: opacity .5s ease, top .4s ease;

}


.style-2 .container #top-cart .top-cart-content {

    top: 40px;

}


.style-2.sub-title .container #top-cart .top-cart-content {

    top: 50px;

}


#top-cart.top-cart-open .top-cart-content {

    opacity: 1;

    z-index: 11;

    margin-top: 0;

}


.top-cart-title {

    padding: 12px 15px;

    border-bottom: 1px solid #EEE;

}


.top-cart-title h4 {

    margin-bottom: 0;

    font-size: 15px;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 1px;

}


.top-cart-items {

    padding: 15px;

}


.top-cart-item {

    padding-top: 15px;

    margin-top: 15px;

    border-top: 1px solid #F5F5F5;

}


.top-cart-item:first-child {

    padding-top: 0;

    margin-top: 0;

    border-top: 0;

}


.top-cart-item-image {

    float: left;

    margin-right: 15px;

    width: 48px !important;

    height: 48px !important;

    border: 2px solid #EEE;

    -webkit-transition: border-color .2s linear;

    transition: border-color .2s linear;

}


.top-cart-item-image a,
.top-cart-item-image img {

    display: block;

    width: 44px !important;

    height: 44px !important;

}


.top-cart-item-image:hover {

    border-color: #c0c540;

}


.top-cart-item-desc {

    position: relative;

    overflow: hidden;

}


.top-cart-item-desc a {

    text-align: left !important;

    font-size: 13px !important;

    width: auto !important;

    height: auto !important;

    color: #333;

    font-weight: 700;

}


.top-cart-item-desc a:hover {

    color: #c0c540 !important;

}


.top-cart-item-desc span.top-cart-item-price {

    display: block;

    line-height: 20px;

    font-size: 12px !important;

    color: #999;

}


.top-cart-item-desc span.top-cart-item-quantity {

    display: block;

    position: absolute;

    font-size: 12px !important;

    right: 0;

    top: 2px;

    color: #444;

}


.top-cart-action {

    padding: 15px;

    border-top: 1px solid #EEE;

}


.top-cart-action span.top-checkout-price {

    font-size: 20px;

    color: #c0c540;

}


/* ----------------------------------------------------------------

	Top Account

-----------------------------------------------------------------*/

#top-account {

    margin: 35px 0 34px 20px;

}


#top-account a {

    -webkit-transition: color .3s ease-in-out;

    transition: color .3s ease-in-out;

}


#top-account a span {

    margin-left: 5px;

    font-weight: 700;

}


#top-account a i.icon-angle-down {

    margin-left: 5px;

    font-size: 12px;

}


#top-account .dropdown-menu {

    padding: 10px 0;

}


#top-account .dropdown-menu li a {

    font-family: 'Lato', sans-serif;

    font-weight: 400;

    text-align: left;

    line-height: 22px;

}


#top-account .dropdown-menu li a .badge {

    display: block;

    float: right;

    margin: 2px 0 0 0;

}


#top-account .dropdown-menu li a i:last-child {

    position: relative;

    top: 1px;

    margin-left: 5px;

}


/* ----------------------------------------------------------------

	Sticky Header

-----------------------------------------------------------------*/

#header,
#header-wrap,
#logo img {

    height: 100px;

    -webkit-transition: height .4s ease, opacity .3s ease;

    transition: height .2s ease, opacity .3s ease;

}


#header.sticky-style-2 {

    height: 161px;

}


#header.sticky-style-3 {

    height: 181px;

}


#header.sticky-style-2 #header-wrap {

    height: 60px;

}


#header.sticky-style-3 #header-wrap {

    height: 80px;

}


#primary-menu > ul > li > ul,
#primary-menu > ul > li > .mega-menu-content,
#primary-menu > ul > li.mega-menu > .mega-menu-content {

    -webkit-transition: top .4s ease;

    transition: top .4s ease;

}


#top-search,
#top-cart {

    -webkit-transition: margin .4s ease, opacity .3s ease;

    transition: margin .4s ease, opacity .3s ease;

}


body:not(.top-search-open) #header-wrap #logo,
body:not(.top-search-open) #primary-menu > ul,
body:not(.top-search-open) #primary-menu > .container > ul,
body:not(.top-search-open) #top-cart,
body:not(.top-search-open) #side-panel-trigger,
body:not(.top-search-open) #top-account {

    opacity: 1;

    -webkit-transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;

    transition: height .4s ease, margin .4s ease, opacity .2s .2s ease;

}


body.top-search-open #header-wrap #logo,
body.top-search-open #primary-menu > ul,
body.top-search-open #primary-menu > .container > ul,
body.top-search-open #top-cart,
body.top-search-open #side-panel-trigger,
body.top-search-open #top-account {

    opacity: 0;

}


#header.sticky-header.semi-transparent {

    background-color: transparent;

}


#header-wrap {

    position: relative;

    z-index: 199;

    -webkit-backface-visibility: hidden;

}


#header.sticky-header #header-wrap {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background-color: #FFF;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}


#header.semi-transparent.sticky-header #header-wrap {

    background-color: rgba(255, 255, 255, 0.8)

}


#header.sticky-header:not(.static-sticky),
#header.sticky-header:not(.static-sticky) #header-wrap,
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {

    height: 60px;

}


#header.sticky-header:not(.static-sticky) nav.ubermenu > ul > li > a, #header.sticky-header:not(.static-sticky) nav.ubermenu ul li.ubermenu-item-level-0 > span.ubermenu-target, #header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {

    padding-top: 19px !important;

    padding-bottom: 19px !important;

}


#header.sticky-header:not(.static-sticky) #btn-configurateur ul li > a {

    padding: 5px 2rem;

}


#header.sticky-header:not(.static-sticky).sticky-style-2,
#header.sticky-header:not(.static-sticky).sticky-style-3 {

    height: 161px;

}


#header.sticky-header:not(.static-sticky).sticky-style-2 #primary-menu,
#header.sticky-header:not(.static-sticky).sticky-style-3 #primary-menu {

    border-top: 0;

}


#header.sticky-header:not(.static-sticky) #top-search,
#header.sticky-header:not(.static-sticky) #top-cart,
#header.sticky-header:not(.static-sticky) #side-panel-trigger {

    margin-top: 20px !important;

    margin-bottom: 20px !important;

}


#header.sticky-header:not(.static-sticky) #top-account {

    margin-top: 15px !important;

    margin-bottom: 14px !important;

}


#header.sticky-header:not(.static-sticky) #top-cart .top-cart-content {

    top: 40px;

}


#header.sticky-header.sticky-style-2 #primary-menu {

    border-top: 0;

}


/* Primary Menu - Style 3

-----------------------------------------------------------------*/

#header.sticky-header:not(.static-sticky) #primary-menu.style-3 > ul > li > a {

    margin: 0;

    border-radius: 0;

}


/* Primary Menu - Style 4

-----------------------------------------------------------------*/

#header.sticky-header:not(.static-sticky) #primary-menu.style-4 > ul > li > a {

    padding-top: 8px;

    padding-bottom: 8px;

    margin: 10px 0;

}


/* Primary Menu - Style 5

-----------------------------------------------------------------*/

#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li {

    margin-left: 2px;

}


#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li:first-child {

    margin-left: 0;

}


#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a {

    line-height: 22px;

    padding-top: 19px;

    padding-bottom: 19px;

}


#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a > div {

    padding: 0;

}


#header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a i {

    display: inline-block;

    width: 16px;

    top: -1px;

    margin: 0 6px 0 0;

    font-size: 14px;

    line-height: 22px;

}


/* Primary Menu - Sub Title

-----------------------------------------------------------------*/

#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div > ul > li {

    background: none !important;

    margin-left: 2px;

}


#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li:first-child,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title.style-2 > div > ul > li:first-child {

    margin-left: 0;

}


#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > ul > li > a,
#header.sticky-header:not(.static-sticky) #primary-menu.sub-title > div > ul > li > a {

    line-height: 22px;

    padding: 19px 15px;

    text-transform: none;

    font-size: 14px;

    border-top: 0;

}


#header.sticky-header:not(.static-sticky) #primary-menu.sub-title ul li span {

    display: none;

}


/* ----------------------------------------------------------------

	Page Menu

-----------------------------------------------------------------*/

#page-menu,
#page-menu-wrap {

    position: relative;

    height: 44px;

    line-height: 44px;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

}


#page-menu-wrap {

    z-index: 99;

    background-color: #c0c540;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-backface-visibility: hidden;

}


#page-menu.sticky-page-menu #page-menu-wrap {

    position: fixed;

    z-index: 99;

    left: 0;

    width: 100%;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);

}


#header.static-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header.static-sticky ~ #content #page-menu.sticky-page-menu #page-menu-wrap {

    top: 100px;

}


#header ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header.no-sticky ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header ~ #content #page-menu.sticky-page-menu #page-menu-wrap,
#header.no-sticky ~ #content #page-menu.sticky-page-menu #page-menu-wrap {

    top: 0;

}


#header.sticky-header ~ #page-menu.sticky-page-menu #page-menu-wrap,
#header.sticky-header ~ #content #page-menu.sticky-page-menu #page-menu-wrap {

    top: 60px;

}


#page-submenu-trigger {

    top: 0;

    margin-top: 0;

    left: auto;

    right: 15px;

    width: 40px;

    height: 44px;

    line-height: 44px;

}


#page-menu .menu-title {

    float: left;

    color: #FFF;

    font-size: 20px;

    font-weight: 300;

}


#page-menu .menu-title span {

    font-weight: 700;

}


#page-menu nav {

    position: relative;

    float: right;

}


#page-menu nav ul {

    margin-bottom: 0;

    height: 44px;

}


#page-menu nav li {

    position: relative;

    float: left;

    list-style: none;

}


#page-menu nav li a {

    display: block;

    height: 28px;

    line-height: 28px;

    margin: 8px 4px;

    padding: 0 14px;

    color: #FFF;

    font-size: 14px;

    border-radius: 14px;

}


#page-menu nav li a .icon-angle-down {

    margin-left: 5px;

}


body:not(.device-touch) #page-menu nav li a {

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}


#page-menu nav li:hover a,
#page-menu nav li.current a {

    background-color: rgba(0, 0, 0, 0.15);

}


#page-menu li:hover ul {

    display: block;

}


#page-menu ul ul {

    display: none;

    position: absolute;

    width: 150px;

    top: 44px;

    left: 0;

    z-index: 149;

    height: auto;

    background-color: #c0c540;

}


#page-menu ul ul ul {

    display: none !important;

}


/* Disable Multi-Level Links */

#page-menu ul ul li {

    float: none;

}


#page-menu ul ul a {

    height: auto;

    line-height: 22px;

    margin: 0;

    padding: 8px 14px;

    border-radius: 0;

    background-color: rgba(0, 0, 0, 0.15);

}


#page-menu ul ul li:hover a,
#page-menu ul ul li.current a {

    background-color: rgba(0, 0, 0, 0.3);

}


/* Page Menu - Dots Style

-----------------------------------------------------------------*/

@media (min-width: 992px) {


    #page-menu.dots-menu,
    #page-menu.dots-menu #page-menu-wrap {

        position: fixed;

        z-index: 99;

        top: 50%;

        left: auto;

        right: 20px;

        width: 24px;

        height: auto;

        line-height: 1.5;

        background-color: transparent;

        text-shadow: none;

    }


    #page-menu.dots-menu #page-menu-wrap {

        position: relative;

        -webkit-box-shadow: none;

        box-shadow: none;

    }


    #page-menu.dots-menu .menu-title {

        display: none;

    }


    #page-menu.dots-menu nav {

        float: none;

        width: 24px;

    }


    #page-menu.dots-menu nav ul {

        height: auto;

    }


    #page-menu.dots-menu nav ul li {

        float: none;

        width: 14px;

        height: 14px;

        margin: 10px 6px;

    }


    #page-menu.dots-menu nav li a {

        position: relative;

        width: 10px;

        height: 10px;

        line-height: 1.5;

        padding: 0;

        margin: 0 2px;

        background-color: rgba(0, 0, 0, 0.4);

        border-radius: 50%;

        color: #777;

    }


    #page-menu.dots-menu nav li a:hover {

        background-color: rgba(0, 0, 0, 0.7)

    }


    #page-menu.dots-menu nav li.current a {

        background-color: #c0c540;

    }


    #page-menu.dots-menu nav li div {

        position: absolute;

        width: auto;

        top: -11px;

        right: 25px;

        background-color: #c0c540;

        color: #FFF;

        padding: 5px 14px;

        white-space: nowrap;

        pointer-events: none;

        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);

        border-radius: 2px;

        opacity: 0;

    }


    body:not(.device-touch) #page-menu.dots-menu nav li div {

        -webkit-transition: all .2s ease-in-out;

        transition: all .2s ease-in-out;

    }


    #page-menu.dots-menu nav li div:after {

        position: absolute;

        content: '';

        top: 50%;

        margin-top: -6px;

        left: auto;

        right: -5px;

        width: 0;

        height: 0;

        border-top: 7px solid transparent;

        border-bottom: 7px solid transparent;

        border-left: 6px solid #c0c540;

    }


    #page-menu.dots-menu nav li a:hover div {

        opacity: 1;

        right: 30px;

    }

}


/* ----------------------------------------------------------------

	One Page

-----------------------------------------------------------------*/

.one-page-arrow {

    position: absolute;

    z-index: 3;

    bottom: 20px;

    left: 50%;

    margin-left: -16px;

    width: 32px;

    height: 32px;

    font-size: 32px;

    text-align: center;

    color: #222;

}


/* ----------------------------------------------------------------

	Side Header

-----------------------------------------------------------------*/

@media (min-width: 992px) {

    .side-header #header {

        position: fixed;

        top: 0;

        left: 0;

        z-index: 10;

        width: 260px;

        height: 100%;

        height: calc(100vh);

        background-color: #FFF;

        border: none;

        border-right: 1px solid #EEE;

        overflow: hidden;

        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.065);

        box-shadow: 0 0 15px rgba(0, 0, 0, 0.065);

    }


    .side-header #header-wrap {

        width: 300px;

        height: 100%;

        overflow: auto;

        padding-right: 40px;

    }


    .side-header #header .container {

        width: 260px !important;

        padding: 0 30px !important;

        margin: 0 !important;

    }


    .side-header #logo {

        float: none;

        margin: 60px 0 40px;

    }


    .side-header #logo img {

        height: auto !important;

    }


    .side-header #logo:not(.nobottomborder):after,
    .side-header #primary-menu:not(.nobottomborder):after {

        display: block;

        content: '';

        width: 20%;

        border-bottom: 1px solid #E5E5E5;

    }


    .side-header .center #logo:after {

        margin: 0 auto;

    }


    .side-header #primary-menu {

        margin-bottom: 30px;

    }


    .side-header #primary-menu:not(.nobottomborder):after {

        margin-top: 40px;

    }


    .side-header #primary-menu,
    .side-header #primary-menu ul {

        float: none;

        height: auto;

    }


    .side-header #primary-menu ul li {

        float: none;

        margin: 15px 0 0;

    }


    .side-header #primary-menu ul li:first-child {

        margin-top: 0;

    }


    .side-header #primary-menu ul li a {

        height: 25px;

        line-height: 25px;

        padding: 0;

        text-transform: uppercase;

    }


    .side-header #primary-menu ul li i {

        line-height: 24px;

    }


    .side-header #primary-menu ul ul {

        position: relative;

        width: 100%;

        background-color: transparent;

        -webkit-box-shadow: none;

        box-shadow: none;

        border: none;

        height: auto;

        z-index: 1;

        top: 0;

        left: 0;

        margin: 5px 0;

        padding-left: 12px;

    }


    .side-header #primary-menu ul ul ul {

        top: 0 !important;

        left: 0;

    }


    .side-header #primary-menu ul ul.menu-pos-invert {

        left: 0;

        right: auto;

    }


    .side-header #primary-menu ul ul ul.menu-pos-invert {

        right: auto;

    }


    .side-header #primary-menu ul ul li {

        margin: 0;

        border: 0;

    }


    .side-header #primary-menu ul ul li:first-child {

        border-top: 0;

    }


    .side-header #primary-menu ul ul a {

        font-size: 12px;

        height: auto !important;

        line-height: 24px !important;

        padding: 2px 0 !important;

    }


    .side-header #primary-menu ul ul li:hover > a {

        background-color: transparent !important;

        color: #444 !important;

    }


    .side-header #primary-menu ul > li.sub-menu > a,
    .side-header #primary-menu ul > li.sub-menu:hover > a {

        background-image: none !important;

    }


    .side-header #primary-menu ul > li.sub-menu > a:after {

        position: absolute;

        content: '\e7a5';

        top: 1px;

        right: 0;

        -webkit-transition: transform .2s linear;

        -webkit-transition: -webkit-transform .2s linear;

        transition: -webkit-transform .2s linear;

        transition: transform .2s linear;

        transition: transform .2s linear, -webkit-transform .2s linear;

    }


    .side-header #primary-menu ul > li.sub-menu:hover > a:after {

        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

        -webkit-transform: rotate(90deg);

        transform: rotate(90deg);

    }


    .side-header:not(.open-header) #wrapper {

        margin: 0 0 0 260px !important;

        width: auto !important;

    }


    .side-header:not(.open-header) #wrapper .container {

        width: auto;

        max-width: none;

        margin: 0 40px;

    }


    /* Side Header - Push Header

-----------------------------------------------------------------*/
    .side-header.open-header.push-wrapper {

        overflow-x: hidden;

    }


    .side-header.open-header #header {

        left: -260px;

    }


    .side-header.open-header.side-header-open #header {

        left: 0;

    }


    .side-header.open-header #wrapper {

        left: 0;

    }


    .side-header.open-header.push-wrapper.side-header-open #wrapper {

        left: 260px;

    }


    #header-trigger {

        display: none;

    }


    .side-header.open-header #header-trigger {

        display: block;

        position: fixed;

        cursor: pointer;

        top: 20px;

        left: 20px;

        z-index: 11;

        font-size: 16px;

        width: 32px;

        height: 32px;

        line-height: 32px;

        background-color: #FFF;

        text-align: center;

        border-radius: 2px;

    }


    .side-header.open-header.side-header-open #header-trigger {

        left: 280px;

    }


    .side-header.open-header #header-trigger i:nth-child(1),
    .side-header.open-header.side-header-open #header-trigger i:nth-child(2) {

        display: block;

    }


    .side-header.open-header.side-header-open #header-trigger i:nth-child(1),
    .side-header.open-header #header-trigger i:nth-child(2) {

        display: none;

    }


    .side-header.open-header #header,
    .side-header.open-header #header-trigger,
    .side-header.open-header.push-wrapper #wrapper {

        -webkit-transition: left .4s ease;

        transition: left .4s ease;

    }


    /* Side Header - Right Aligned

-----------------------------------------------------------------*/
    .side-header.side-header-right #header {

        left: auto;

        right: 0;

        border: none;

        border-left: 1px solid #EEE;

    }


    .side-header.side-header-right:not(.open-header) #wrapper {

        margin: 0 260px 0 0 !important;

    }


    .side-header.side-header-right.open-header #header {

        left: auto;

        right: -260px;

    }


    .side-header.side-header-right.open-header.side-header-open #header {

        left: auto;

        right: 0;

    }


    .side-header.side-header-right.open-header.push-wrapper.side-header-open #wrapper {

        left: -260px;

    }


    .side-header.side-header-right.open-header #header-trigger {

        left: auto;

        right: 20px;

    }


    .side-header.side-header-right.open-header.side-header-open #header-trigger {

        left: auto;

        right: 280px;

    }


    .side-header.side-header-right.open-header #header,
    .side-header.side-header-right.open-header #header-trigger {

        -webkit-transition: right .4s ease;

        transition: right .4s ease;

    }

}


/* ----------------------------------------------------------------

	Side Push Panel

-----------------------------------------------------------------*/

body.side-push-panel {

    overflow-x: hidden;

}


#side-panel {

    position: fixed;

    top: 0;

    right: -300px;

    z-index: 399;

    width: 300px;

    height: 100%;

    background-color: #F5F5F5;

    overflow: hidden;

    -webkit-backface-visibility: hidden;

}


body.side-panel-left #side-panel {

    left: -300px;

    right: auto;

}


body.side-push-panel.stretched #wrapper,
body.side-push-panel.stretched #header.sticky-header .container {

    right: 0;

}


body.side-panel-left.side-push-panel.stretched #wrapper,
body.side-panel-left.side-push-panel.stretched #header.sticky-header .container {

    left: 0;

    right: auto;

}


#side-panel .side-panel-wrap {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 330px;

    height: 100%;

    overflow: auto;

    padding: 50px 70px 50px 40px;

}


body.device-touch #side-panel .side-panel-wrap {

    overflow-y: scroll;

}


#side-panel .widget {

    margin-top: 40px;

    padding-top: 40px;

    width: 220px;

    border-top: 1px solid #E5E5E5;

}


#side-panel .widget:first-child {

    padding-top: 0;

    border-top: 0;

    margin: 0;

}


body.side-panel-open #side-panel {

    right: 0;

}


body.side-panel-left.side-panel-open #side-panel {

    left: 0;

    right: auto;

}


body.side-push-panel.side-panel-open.stretched #wrapper,
body.side-push-panel.side-panel-open.stretched #header.sticky-header .container {

    right: 300px;

}


body.side-push-panel.side-panel-open.stretched.device-xl .slider-parallax-inner,
body.side-push-panel.side-panel-open.stretched.device-lg .slider-parallax-inner {

    left: -300px;

}


body.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper,
body.side-panel-left.side-push-panel.side-panel-open.stretched #header.sticky-header .container,
body.side-panel-left.side-push-panel.side-panel-open.stretched .slider-parallax-inner {

    left: 300px;

    right: auto;

}


#side-panel-trigger {

    display: block;

    cursor: pointer;

    z-index: 11;

    margin-right: 5px;

}


#side-panel-trigger-close a {

    display: none;

}


#side-panel,
body.side-push-panel.stretched #wrapper,
body.side-push-panel.stretched #header .container {

    -webkit-transition: right .4s ease;

    transition: right .4s ease;

}


body.side-panel-left #side-panel,
body.side-panel-left.side-push-panel.stretched #wrapper,
body.side-panel-left.side-push-panel.stretched #header .container,
body.side-push-panel.stretched .slider-parallax-inner {

    -webkit-transition: left .4s ease;

    transition: left .4s ease;

}


.body-overlay {

    opacity: 0;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.6);

    z-index: -1;

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    -webkit-transition: opacity .3s ease;

    transition: opacity .3s ease;

}


body.side-panel-open .body-overlay {

    opacity: 1;

    z-index: 298;

    pointer-events: auto;

}


body.side-panel-open:not(.device-xs):not(.device-sm):not(.device-md) .body-overlay:hover {

    cursor: url('https://1bb206.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/icons/close.png') 15 15, default;

}


/* ----------------------------------------------------------------

	Slider

-----------------------------------------------------------------*/

.slider-element {

    position: relative;

    width: 100%;

    overflow: hidden;

}


.slider-parallax {

    position: relative;

}


.slider-parallax,
.slider-parallax .swiper-container {

    visibility: visible;

    -webkit-backface-visibility: hidden;

}


.slider-parallax .slider-parallax-inner {

    position: fixed;

    width: 100%;

    height: 100%;

}


.device-touch .slider-parallax .slider-parallax-inner {

    position: relative;

}


body:not(.side-header) .slider-parallax .slider-parallax-inner {

    left: 0;

}


body:not(.stretched) .slider-parallax .slider-parallax-inner {

    left: auto;

}


#header.transparent-header + .slider-parallax .slider-parallax-inner {

    top: 0;

}


.slider-parallax .slider-parallax-inner,
.slider-parallax .slider-caption {

    will-change: transform;

    -webkit-transform: translate3d(0, 0, 0);

    -webkit-transition: transform 0s linear;

    -webkit-backface-visibility: hidden;

}


/* Boxed Slider

-----------------------------------------------------------------*/

.boxed-slider {

    padding-top: 40px;

}


/* Flex Slider - Thumbs

-----------------------------------------------------------------*/

.fslider[data-animation="fade"][data-thumbs="true"] .flexslider,
.fslider.testimonial[data-animation="fade"] .flexslider {

    height: auto !important;

}


.flex-control-nav.flex-control-thumbs {

    position: relative;

    top: 0;

    left: 0;

    right: 0;

    margin: 2px -2px -2px 0;

    height: 75px;

}


.flex-control-nav.flex-control-thumbs li {

    margin: 0 2px 2px 0;

}


.flex-control-nav.flex-control-thumbs li img {

    cursor: pointer;

    text-indent: -9999px;

    border: 0;

    border-radius: 0;

    margin: 0;

    opacity: 0.5;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}


.flex-control-nav.flex-control-thumbs li,
.flex-control-nav.flex-control-thumbs li img {

    display: block;

    width: 100px !important;

    height: auto !important;

}


.flex-control-nav.flex-control-thumbs li:hover img,
.flex-control-nav.flex-control-thumbs li img.flex-active {

    border-width: 0;

    opacity: 1;

}


/* Flex Thumbs - Flexible

-----------------------------------------------------------------*/

.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs {

    margin: 2px -2px -2px 0;

    height: auto;

}


.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li {

    width: 25% !important;

    height: auto !important;

    margin: 0;

    padding: 0 2px 2px 0;

}


.fslider.flex-thumb-grid.grid-3 .flex-control-nav.flex-control-thumbs li {

    width: 33.30% !important;

}


.fslider.flex-thumb-grid.grid-5 .flex-control-nav.flex-control-thumbs li {

    width: 20% !important;

}


.fslider.flex-thumb-grid.grid-6 .flex-control-nav.flex-control-thumbs li {

    width: 16.66% !important;

}


.fslider.flex-thumb-grid.grid-8 .flex-control-nav.flex-control-thumbs li {

    width: 12.5% !important;

}


.fslider.flex-thumb-grid.grid-10 .flex-control-nav.flex-control-thumbs li {

    width: 10% !important;

}


.fslider.flex-thumb-grid.grid-12 .flex-control-nav.flex-control-thumbs li {

    width: 8.33% !important;

}


.fslider.flex-thumb-grid .flex-control-nav.flex-control-thumbs li img {

    width: 100% !important;

    height: auto !important;

}


/* Swiper Slider

-----------------------------------------------------------------*/

.swiper_wrapper {

    width: 100%;

    height: 500px;

    overflow: hidden;

}


.full-screen .swiper_wrapper {

    height: auto;

}


.swiper_wrapper .swiper-container {

    position: relative;

    width: 100%;

    height: 100%;

    margin: 0;

    background: url('https://9941cd.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/pattern2.png') repeat;

}


.swiper_wrapper .swiper-slide {

    position: relative;

    margin: 0;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    overflow: hidden;

}


.swiper-slide [data-caption-animate] {

    -webkit-backface-visibility: hidden;

}


.swiper-slide .video-wrap,
.section .video-wrap,
.swiper-slide .yt-bg-player,
.section .yt-bg-player {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: -1;

    top: 0;

    left: 0;

}


.slider-element .container {

    position: relative;

    height: 100%;

}


.slider-element.canvas-slider .swiper-slide img {

    width: 100%;

}


.slider-element.canvas-slider a {

    display: block;

    height: 100%;

}


.swiper-pagination {

    position: absolute;

    width: 100%;

    z-index: 20;

    margin: 0;

    top: auto;

    bottom: 20px !important;

    text-align: center;

    line-height: 1;

}


.swiper-pagination span {

    display: inline-block;

    cursor: pointer;

    width: 10px;

    height: 10px;

    margin: 0 4px;

    opacity: 1;

    background-color: transparent;

    border: 1px solid #FFF;

    border-radius: 50%;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}


.swiper-pagination span:hover,
.swiper-pagination span.swiper-pagination-bullet-active {

    background-color: #FFF !important;

}


/* Revolution Slider

-----------------------------------------------------------------*/

.tp-banner .button {

    height: auto !important;

}


/* Video Overlay

-----------------------------------------------------------------*/

.video-wrap {

    overflow: hidden;

    width: 100%;

    position: relative;

}


.video-wrap video {

    position: relative;

    z-index: 1;

    width: 100%;

}


.video-overlay,
.video-placeholder {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 5;

    background: transparent url('https://dfd56b.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/grid.png') repeat;

    -webkit-backface-visibility: hidden;

}


.video-placeholder {

    z-index: 4;

    background-repeat: no-repeat !important;

}


/* Slider Caption

-----------------------------------------------------------------*/

.slider-caption,
.flex-caption {

    position: absolute;

    top: 0;

    left: 15px;

    z-index: 20;

    max-width: 550px;

    color: #EEE;

    font-size: 1.375px;

    font-weight: 300;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);

    -webkit-transition: top .3s ease;

    transition: top .3s ease;

}


.slider-caption:not(.dark),
.slider-caption:not(.dark) h2 {

    color: #222;

    text-shadow: none;

}


.slider-caption h2 {

    font-size: 4rem;

    letter-spacing: 2px;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 1;

    margin-bottom: 0;

}


.slider-caption p {

    margin-top: 30px;

    margin-bottom: 10px;

    font-size: 24px;

}


.slider-caption.slider-caption-right {

    left: auto;

    right: 15px;

}


.slider-caption.slider-caption-center {

    position: relative;

    max-width: 800px;

    text-align: center;

    margin: 0 auto;

    left: 0;

    right: 0;

}


.slider-caption-bg {

    padding: 5px 12px;

    border-radius: 2px;

    background-color: rgba(0, 0, 0, 0.6);

    top: auto;

    bottom: 50px;

    left: 50px;

}


.slider-caption-bg.slider-caption-bg-light {

    background-color: rgba(255, 255, 255, 0.8);

    color: #333;

    font-weight: 400;

    text-shadow: none;

}


.slider-caption-top-left {

    top: 50px;

    bottom: auto;

}


.slider-caption-top-right {

    top: 50px;

    bottom: auto;

    left: auto;

    right: 50px;

}


.slider-caption-bottom-right {

    left: auto;

    right: 50px;

}


/* Slider Arrows

-----------------------------------------------------------------*/

.slider-element .owl-carousel {

    margin: 0;

}


.slider-arrow-left,
.slider-arrow-right,
.slider-element .owl-prev,
.slider-element .owl-next,
.flex-prev,
.flex-next,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm {

    position: absolute;

    cursor: pointer;

    z-index: 10;

    top: 50%;

    left: 0;

    margin-top: -26px;

    background-color: rgba(0, 0, 0, 0.3);

    width: 52px;

    height: 52px;

    border: 0;

    border-radius: 0 3px 3px 0;

    -webkit-transition: background-color .3s ease-in-out;

    transition: background-color .3s ease-in-out;

}


.slider-arrow-top-sm,
.slider-arrow-bottom-sm {

    top: auto;

    bottom: 57px;

    left: auto;

    right: 20px;

    margin: 0;

    width: 32px;

    height: 32px;

    border-radius: 3px 3px 0 0;

}


.slider-arrow-bottom-sm {

    bottom: 20px;

    border-radius: 0 0 3px 3px;

}


.fslider[data-thumbs="true"] .flex-prev,
.fslider[data-thumbs="true"] .flex-next {

    margin-top: -64px;

}


.slider-element .owl-prev,
.slider-element .owl-next {

    -webkit-transition: background-color .3s ease-in-out;

    transition: background-color .3s ease-in-out;

}


.slider-arrow-right,
.slider-element .owl-next,
.flex-next {

    left: auto;

    right: 0;

    border-radius: 3px 0 0 3px;

}


.slider-arrow-left i,
.slider-arrow-right i,
.slider-element .owl-prev i,
.slider-element .owl-next i,
.flex-prev i,
.flex-next i,
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {

    line-height: 50px;

    width: 34px;

    height: 52px;

    color: #DDD;

    color: rgba(255, 255, 255, 0.8);

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

    font-size: 34px;

    text-align: center;

    margin-left: 7px;

}


.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {

    width: 32px;

    height: 32px;

    margin: 0;

    line-height: 30px;

    font-size: 18px;

    color: #FFF;

    color: rgba(255, 255, 255, 1);

}


.flex-prev i {

    margin-left: 9px;

}


.slider-element .owl-prev i {

    margin-left: 0;

}


.slider-arrow-right i {

    margin-left: 10px;

}


.flex-next i {

    margin-left: 11px;

}


.slider-element .owl-next i {

    margin-right: 4px;

}


.slider-element .owl-nav {

    opacity: 0;

    -webkit-transition: opacity 0.3s ease-in-out;

    transition: opacity 0.3s ease-in-out;

}


.slider-element .owl-nav div,
.slider-element:hover .owl-nav {

    opacity: 1;

}


.slider-arrow-left:hover,
.slider-arrow-right:hover,
.slider-element .owl-prev:hover,
.slider-element .owl-next:hover,
.flex-prev:hover,
.flex-next:hover,
.slider-arrow-top-sm:hover,
.slider-arrow-bottom-sm:hover {

    background-color: rgba(0, 0, 0, 0.6) !important;

}


/* Slide Number

-----------------------------------------------------------------*/

.slide-number {

    position: absolute;

    opacity: 0;

    top: auto;

    right: 20px;

    bottom: 20px;

    z-index: 20;

    width: 36px;

    height: 40px;

    text-align: center;

    color: rgba(255, 255, 255, 0.8);

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);

    font-size: 18px;

    font-weight: 300;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}


.slider-element:hover .slide-number {

    opacity: 1;

}


.slide-number-current,
.slide-number-total {

    position: absolute;

    line-height: 1;

    top: 5px;

    left: 0;

}


.slide-number-total {

    top: auto;

    bottom: 5px;

    left: auto;

    right: 0;

}


.slide-number span {

    display: block;

    font-size: 32px;

    line-height: 40px;

}


/* Pagination

-----------------------------------------------------------------*/

.slider-element .owl-dots {

    position: absolute;

    width: 100%;

    z-index: 20;

    margin: 0;

    top: auto;

    bottom: 15px;

}


.slider-element .owl-dots button {

    width: 10px;

    height: 10px;

    margin: 0 3px;

    opacity: 1;

    background-color: transparent;

    border: 1px solid #FFF;

}


.slider-element .owl-dots .owl-dot.active,
.slider-element .owl-dots .owl-dot:hover {

    background-color: #FFF !important;

}


/* ----------------------------------------------------------------

	Page Title

-----------------------------------------------------------------*/

.absolute {

    position: absolute;

}


.home .leaf-picto {

    left: -10px;

    opacity: 0.1;

}


.home .bird-picto {

    left: 0px;

    top: 20px;

    opacity: 0.1;

}


.home .tree-picto {

    left: -200px;

    bottom: -70px;

    opacity: 0.1;

    z-index: -1

}


.home .watering-picto {

    right: 10px;

    bottom: -40px;

    opacity: 0.1;

}


.home .carousel-thumbnail {

    background-size: cover;

    background-position: center;

    height: 350px;

    display: block;

    width: 650px;

}


.home-link-new {

    position: relative;

}


.home-link-new .home-link-new-image {

    background-size: cover;

    height: 300px;

    background-repeat: no-repeat;

    border: 1px solid #cecece;

}


.home-link-new:hover .home-link-new-image {

    opacity: 0.8;

}


.home-link-new .home-link-new-title {

    font-size: 1.2em;

    font-weight: bold;

    text-transform: uppercase;

    position: absolute;

    top: 20px;

    right: 1.5rem;

    background-color: #c0c540;

    color: #fff;

    padding: 0.25rem 0.5rem;

}


.home-block-video {

    background-color: #eeeeee;

}


.home-block-video h2 {

    color: #216ea4

}


.home-block-video .embed-container {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden;

    width: 100%;

}


.home-block-video iframe,
.home-block-video object,
.home-block-video embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}


#page-title {

    position: relative;

    padding: 40px 0 0;

    background-color: #fff;

}


#page-breadcrumb-content {

    background-color: #fff;

    padding-left: 4rem;

    order: -1;

}


#page-title-content {

    background-color: #eeeeee;

    padding: 3rem 4rem;

    position: relative;

    overflow: hidden;

}


#page-title-content h1, #page-title-content h2 {

    color: #c0c540;

    font-size: 2.8em;

    line-height: 1.4em;

}


#page-title-content span.subtitle {

    text-transform: uppercase;

    color: #c0c540;

    font-size: 1.4em;

}


#page-title-content .leaf-picto {

    left: -10px;

    opacity: 0.1;

    top: 0;

}


#page-title-content .leaves-picto {

    right: 0;

    opacity: 0.1;

    top: 0;

}


.block-link-new-page a {

    color: #000;

    font-size: 1.4em;

}


.section-content-container {

    padding: 2rem 4rem 0;

}


.section-intro {

    color: #c0c540;

    font-size: 1.1em;

}


.text-section {

    padding: 2rem 0;

}


.text-section h2 {

    color: #c0c540;

}


.text-section .resume {

    color: #c0c540;

    font-size: 1.2em;

    margin-bottom: 0.5rem

}


.text-section p {

    font-size: 1.2em;

}


.text-section .order-md-1 {

    padding: 0 4rem 0 0;

}


.text-section .order-md-2 {

    padding: 0 0 0 4rem;

}


.text-section hr {

    margin: 4rem 0 0;

    width: 75%;

}


.text-section table td {

    border: 1px solid #cecece;

    padding: 0.5rem 1rem

}


.text-section ul li {

    padding: 0 0 0.5rem

}


.text-section a:hover {

    text-decoration: underline !important;

}


.exergue {

    margin-top: 4rem;

}


.exergue img {

    border-right: 2px solid #c0c540;

    padding-right: 2rem;

}


.exergue p {

    font-family: 'RooneySans', sans-serif;

    color: #c0c540;

    font-size: 1.6em;

    width: 200px;

    padding-left: 2rem;

    margin-bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}


.astuce-section {

    background-color: #eeeeee;

    padding: 4rem 2rem;

}


.astuce-section h3 {

    color: #c0c540;

    font-size: 2.2em;

    width: 300px;

    border-right: 2px solid #c0c540;

    padding-right: 2rem;

}


.astuce-section .bloc-text {

    width: 500px;

    margin-left: 4rem;

}


.astuce-section p {

    color: #c0c540;

}


.free-section {

    padding: 2rem 4rem;

}


.free-section h2 {

    color: #c0c540;

    font-family: 'RooneySans', sans-serif;

}


.free-section .responsive-table {

    overflow-x: auto;

}


.free-section table td {

    border: 1px solid #cecece;

    padding: 0.5rem 1rem

}


.free-section div.double-img {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

}


.table-section {

    padding: 2rem 4rem;

}


.table-section h2 {

    color: #c0c540;

    font-family: 'RooneySans';

}


.table-section .table-content {

    border-collapse: collapse;

}


.table-section .table-content .table-cell {

    display: table-cell;

    border: 1px solid #cecece;

    padding: 0.5rem 1rem;

}


.table-section .table-content .table-cell a {

    display: block;

}


.table-section .table-content .table-cell a:hover h3 {

    color: #c0c540;

}


.table-section .table-content .table-cell img {

    margin: 10px 0;

}


.table-section .table-content .table-cell h3 {

    padding-top: 1rem;

}


.table-section .table-content .table-cell .carousel-control-prev-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23216da4' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");

}


.table-section .table-content .table-cell .carousel-control-next-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23216da4' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");

}


.table-section .table-content .table-img {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 100%;

    height: 240px;

    display: block;

}


.block-link-new-page a {

    font-weight: bold;

}


.block-link-new-page a.active {

    text-decoration: underline !important;

}


.big-new-image {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    width: 100%;

    height: 620px;

}


.big-new-video.embed-container {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden;

    width: 100%;

}


.big-new-video.embed-container iframe,
.big-new-video.embed-container object,
.big-new-video.embed-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}


.new-text-section h2 {

    font-family: 'Graphik', sans-serif;

    display: inline-block;

    text-transform: uppercase;

    font-size: 1.8em;

    margin-bottom: 0;

}


.main-title {

    font-family: 'Graphik', sans-serif;

    background-color: #231f20;

    color: #fff;

    text-transform: lowercase !important;

    font-size: 1.6em !important;

    padding: 0 0.25rem;

    width: 250px;

    text-align: center;

    font-weight: 100 !important;

}


.portal-section, .new-link-section {

    font-family: 'Graphik', sans-serif;

}


.portal-section a, .new-link-section .block-link {

    font-size: 1.8em;

    color: #fff;

    background-size: contain;

    background-position: bottom center;

    background-repeat: no-repeat;

}


.portal-section a:hover, .new-link-section .block-link:hover {

    opacity: 0.8;

}


.portal-section a.only-image-cover, .new-link-section .block-link.only-image-cover {

    background-size: cover;

    height: 250px;

    border: 1px solid #a7c2d1;

}


.portal-section a.only-image, .new-link-section .block-link.only-image {

    height: 250px;

    border: 1px solid #a7c2d1;

}


.portal-section a.link-texture, .new-link-section .block-link.link-texture {

    background-size: cover;

    border: 1px solid #a7c2d1;

}


.portal-section .number-link-section, .new-link-section .number-link-section {

    font-size: 2.2em;

    display: inline-block;

    line-height: 1.2em;

    font-weight: bold;

}


.page-id-12411 .new-link-section .number-link-section {

    font-size: 1.8em;;

    font-weight: 500;

}


.page-id-12411 .container .button {

    font-size: 25px;

}


.portal-section .text-link-section, .new-link-section .text-link-section {

    line-height: 1.0em;

}


.portal-section .discover-link-section, .new-link-section .discover-link-section {

    font-family: 'RooneySans', sans-serif;

    color: #000;

    font-size: 1.4em;

    padding: 0.5rem 1rem 0;

    color: #fff;

    margin-top: 1rem;

    line-height: 1.0em;

}


.portal-section table, .new-table-section table {

    border: 1px solid #dcdcdc

}


.portal-section table tr:nth-child(odd), .new-table-section table tr:nth-child(odd) {

    background-color: #dcdcdc;

}


.portal-section table tr td, .new-table-section table tr td {

    padding: 0.25rem 0.5rem;

}


.portal-section h3, .new-text-section h3 {

    font-family: 'Graphik', sans-serif;

    font-size: 1.7em;

    color: #67c0ec;

    font-weight: 500;

}


.portal-section .block-right .content-text-section, .new-text-section .block-right .content-text-section {

    padding: 1rem 1rem 0;

    margin-bottom: 1rem;

}


.portal-section .block-left img, .portal-section .block-right .content-text-section, .new-text-section .block-left img, .new-text-section .block-right .content-text-section {

    border: 1px solid #231f20

}


.portal-section .big-text, .new-text-section .big-text {

    font-family: 'Graphik', sans-serif;

    font-size: 12em;

    line-height: 1.0em;

}


.portal-section .small-text, .new-text-section .small-text {

    font-family: 'Graphik', sans-serif;

    font-size: 3.5em;

    line-height: 1.0em;

    text-transform: uppercase;

}


.nuancier-section {

    padding: 2rem 4rem;

}


.nuancier-section h2 {

    color: #c0c540

}


.nuancier-section .ral {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    display: block;
    border: 1px solid #cecece;
    border-radius: 100px;
    margin: auto;
}

.nuancier-section .titre-ral {
    text-align: center;
    display: block;
    margin-top: 10px;
}


.contact-section {

    padding: 2rem 4rem;

}


.contact-section div.wpcf7 {

    padding-top: 4rem;

}


.magasin-section {

    padding: 2rem 4rem;

}


.magasin-section .product-card {

    border: 1px solid #cecece;

    padding: 0 0 2rem;

}


.magasin-section .product-card h2 {

    font-size: 1.4em;

    font-family: 'RooneySans';

}


.magasin-section .product-img {

/ / height: 150 px;

    width: 100%;

}


.magasin-section .product-img img {

    max-width: 100%;

    display: block;

    height: auto;

}


.magasin-section .product-description {

    /*background-color: #eeeeee;*/

}


.magasin-section .product-description p {

    margin-bottom: 10px;

    line-height: 1.2em;

}


.magasin-section .page-numbers {

    padding: 0.2rem 0.5rem;

    border: 1px solid #c0c540;

    margin: 0 0.3rem;

}


.magasin-section .page-numbers.current {

    background-color: #c0c540;

    color: #fff;

}


.request-section {

    padding: 2rem 4rem;

}


.request-section h2 {

    text-transform: capitalize;

}


.request-section .product-card-title {

    padding-top: 5rem;

}


.request-section .product-card h3 {

    text-transform: capitalize;

}


.video-section {

    padding: 2rem 4rem;

}


.video-section span {

    font-size: 1.4em;

    font-family: 'RooneySans';

    font-weight: bold;

    padding-bottom: 1rem;

    display: block;

}


.video-section .video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}


.video-section .video-container iframe,
.video-section .video-container object,
.video-section .video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}


.contact-section {

    padding: 2rem 4rem;

}


.masonry-section {

    padding: 4rem 0rem;

}


.masonry-section .masonry-thumbs {

    overflow: hidden;

}


.masonry-section h2 {

    font-size: 2.0em;

    padding-bottom: 1rem;

    color: #c0c540;

}


.masonry-section .link-gallery img {

    padding: 1rem;

}


.masonry-section .link-gallery .hover-link-gallery {

    display: none;

    position: absolute;

    height: 0;

    -webkit-transition-duration: 0.2s;

    transition-duration: 0.2s

}


.masonry-section .link-gallery:hover .hover-link-gallery {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

    background-color: rgba(143, 194, 241, 0.2);

    width: 100%;

    top: 0;

    -webkit-transition-duration: 0.2s;

    transition-duration: 0.2s;

    color: #fff;

    font-size: 1.8em;

    font-weight: bold;

}


.masonry-section .link-gallery .hover-link-gallery .link-more {

    border-radius: 50px;

    padding: 0 0.8rem 0.1rem;

    background-color: #c0c540;

    color: #fff;

}


.link-section {

    background-color: #c0c540;

    padding: 2rem 4rem;

}


.link-section span {

    color: #fff;

    margin-right: 2rem;

    font-size: 1.2rem;

}


.link-section a:hover span {

    color: #c0c540;

}


.portal-section {

    padding: 2rem 4rem;

}


#page-title .container {

    position: relative;

}


#page-title span, #page-title p {

    display: block;

    margin-top: 5px;

    font-weight: 300;

    color: #444;

    font-size: 1.2em;

    margin-bottom: 0;

}


.section-text {

    width: 100%;

}


.section-text h2 {

    font-size: 2.0em;

    padding-bottom: 1rem;

    color: #c0c540;

}


.section-text p {

    line-height: 1.4em !important;

    margin-bottom: 1rem;

}


.section-text .block-home-content-text {

    padding: 0 4rem

}


.section-text .bg-img, .section-catalogue .bg-img {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    height: 450px;

    display: block;

}


.section-news h2 {

    color: #444;

    font-size: 1.4em;

}


.section-news h2::after {

    content: "";

    border-bottom: 10px dotted #c0c540;

    display: block;

    width: 95px;

    position: absolute;

    left: calc(50% - 47px);

}


.section-news p {

    font-size: 1.0em;

}


.section-catalogue .block-home-content-text {

    padding: 0 14rem 0 4rem;

}


.section-catalogue h2 {

    font-size: 2.0em;

    padding-bottom: 1rem;

    color: #c0c540;

}


.section-catalogue p {

    line-height: 1.4em !important;

    margin-bottom: 1rem;

}


.breadcrumb {

    position: relative !important;

    width: auto !important;

    background-color: transparent !important;

    padding: 0 !important;

    font-size: 12px;

}


body.stretched .container-fullwidth .breadcrumb {

    right: 60px !important;

}


#header.transparent-header + #page-title.page-title-parallax .breadcrumb {

    margin-top: 35px !important;

}


.breadcrumb a {

    color: #555;

}


.breadcrumb a:hover {

    color: #c0c540;

}


.breadcrumb i {

    width: auto !important;

}


.breadcrumb-item.active {

    color: #c0c540;

}


footer .textwidget {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical !important;

    -webkit-box-direction: normal !important;

    -ms-flex-direction: column !important;

    flex-direction: column !important;

}


footer .textwidget span:first-child {

    padding: 0 0 0.2rem

}


footer .textwidget span {

    padding: 0.2rem 0

}


footer .textwidget span:last-child {

    padding: 0.2rem 0 0

}


/* Page Title - Dark

-----------------------------------------------------------------*/

#page-title.page-title-dark {

    background-color: #333;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) !important;

    border-bottom: none;

}


#page-title.page-title-dark h1 {

    color: rgba(255, 255, 255, 0.9) !important;

}


#page-title.page-title-dark span {

    color: rgba(255, 255, 255, 0.7);

}


#page-title.page-title-dark .breadcrumb > .active {

    color: rgba(255, 255, 255, 0.6);

}


#page-title.page-title-dark .breadcrumb a {

    color: rgba(255, 255, 255, 0.8);

}


#page-title.page-title-dark .breadcrumb a:hover {

    color: rgba(255, 255, 255, 0.95);

}


/* Page Title - Right Aligned

-----------------------------------------------------------------*/

#page-title.page-title-right {

    text-align: right;

}


#page-title.page-title-right .breadcrumb {

    left: 15px !important;

    right: auto !important;

}


/* Page Title - Center Aligned

-----------------------------------------------------------------*/

#page-title.page-title-center {

    text-align: center;

}


#page-title.page-title-center span {

    max-width: 700px;

    margin-left: auto;

    margin-right: auto;

}


#page-title.page-title-center .breadcrumb {

    position: relative !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    margin: 20px 0 0 !important;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}


/* Page Title - Background Pattern

-----------------------------------------------------------------*/

#page-title.page-title-pattern {

    background-image: url('https://475ed7.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/pattern.png');

    background-repeat: repeat;

    background-attachment: fixed;

}


/* Page Title - Parallax Background

-----------------------------------------------------------------*/

#page-title.page-title-parallax {

    padding: 100px 0;

    text-shadow: none;

    border-bottom: none;

}


#page-title.page-title-parallax h1 {

    font-size: 40px;

    font-weight: 600;

    letter-spacing: 2px;

}


#page-title.page-title-parallax span {

    font-size: 22px;

}


#page-title.page-title-parallax .breadcrumb {

    font-size: 13px;

}


#page-title.page-title-parallax {

    background-color: transparent;

    background-image: url('https://a09dea.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/parallax/parallax-bg.jpg');

    background-attachment: fixed;

    background-position: 50% 0;

    background-repeat: no-repeat;

}


/* Page Title - Mini

-----------------------------------------------------------------*/

#page-title.page-title-mini {

    padding: 20px 0;

}


#page-title.page-title-mini h1 {

    font-weight: 600;

    font-size: 18px;

    color: #444;

}


#page-title.page-title-mini span {

    display: none;

}


/* Page Title - No Background

-----------------------------------------------------------------*/

#page-title.page-title-nobg {

    background: transparent !important;

    border-bottom: 1px solid #F5F5F5;

}


/* Page Title - Video

-----------------------------------------------------------------*/

#page-title.page-title-video {

    background: none;

    position: relative;

    overflow: hidden;

}


#page-title.page-title-video .container {

    z-index: 3;

}


#page-title.page-title-video .video-wrap {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}


#page-title.page-title-video .video-wrap video {

    width: 100%;

}


/* ----------------------------------------------------------------

	Content

-----------------------------------------------------------------*/

#content {

    position: relative;

    overflow: hidden;

    background-color: #FFF;

}


#content p {

    line-height: 1.8;

}


.content-wrap {

    position: relative;

    padding: 2rem 0;

}


#content .container {

    position: relative;

}


.grid-container {

    position: relative;

    overflow: hidden;

}


body:not(.device-touch) .grid-container {

    -webkit-transition: height .4s ease;

    transition: height .4s ease;

}


/* ----------------------------------------------------------------

	Portfolio

-----------------------------------------------------------------*/

/* Portfolio - Filter

-----------------------------------------------------------------*/

.portfolio-filter {

    position: relative;

    margin: 0 0 40px 0;

    list-style: none;

    border: 1px solid rgba(0, 0, 0, 0.07);

    float: left;

    border-radius: 4px;

}


.portfolio-filter li {

    float: left;

    position: relative;

}


.portfolio-filter li a {

    display: block;

    position: relative;

    padding: 12px 18px;

    font-size: 13px;

    line-height: 15px;

    color: #666;

    border-left: 1px solid rgba(0, 0, 0, 0.07);

}


.portfolio-filter li:first-child a {

    border-left: none;

    border-radius: 4px 0 0 4px;

}


.portfolio-filter li:last-child a {

    border-radius: 0 4px 4px 0;

}


.portfolio-filter li a:hover {

    color: #c0c540;

}


.portfolio-filter li.activeFilter a {

    color: #FFF !important;

    background-color: #c0c540;

    margin: -1px 0;

    padding: 13px 18px;

    font-weight: bold;

}


.bothsidebar .portfolio-filter li a {

    padding: 12px 14px;

}


.bothsidebar .portfolio-filter li.activeFilter a {

    padding: 13px 18px;

}


/* Portfolio - Filter: Style 2

-----------------------------------------------------------------*/

.portfolio-filter.style-2,
.portfolio-filter.style-3,
.portfolio-filter.style-4 {

    border: none;

    border-radius: 0;

}


.portfolio-filter.style-2 li,
.portfolio-filter.style-3 li,
.portfolio-filter.style-4 li {

    margin-bottom: 10px;

}


.portfolio-filter.style-2 li:not(:first-child),
.portfolio-filter.style-3 li:not(:first-child) {

    margin-left: 10px;

}


.portfolio-filter.style-2 li a,
.portfolio-filter.style-3 li a,
.portfolio-filter.style-4 li a {

    padding-top: 9px;

    padding-bottom: 9px;

    font-size: 14px;

    line-height: 16px;

    border-radius: 22px;

    border: none;

}


.portfolio-filter.style-2 li.activeFilter a {

    color: #FFF !important;

    margin: 0;

}


/* Portfolio - Filter: Style 3

-----------------------------------------------------------------*/

.portfolio-filter.style-3 li a {

    border: 1px solid transparent;

}


.portfolio-filter.style-3 li.activeFilter a {

    color: #c0c540 !important;

    border-color: #c0c540;

    background-color: transparent;

    margin: 0;

}


/* Portfolio - Filter: Style 4

-----------------------------------------------------------------*/

.portfolio-filter.style-4 li:not(:first-child) {

    margin-left: 30px;

}


.portfolio-filter.style-4 li a {

    padding: 13px 5px;

    font-size: 15px;

    border-radius: 0;

}


.portfolio-filter.style-4 li a:after {

    content: '';

    position: absolute;

    top: auto;

    bottom: 0;

    left: 50%;

    width: 0;

    height: 2px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}


.portfolio-filter.style-4 li.activeFilter a {

    color: #444 !important;

    background-color: transparent;

    margin: 0;

}


.portfolio-filter.style-4 li.activeFilter a:after {

    width: 100%;

    left: 0%;

    background-color: #c0c540;

}


/* Portfolio - Center Aligned

-----------------------------------------------------------------*/

.portfolio-filter.center.style-2 li,
.portfolio-filter.center.style-3 li,
.portfolio-filter.center.style-4 li {

    display: inline-block;

    float: none;

}


/* Portfolio - Shuffle Icon

-----------------------------------------------------------------*/

.portfolio-shuffle {

    float: right;

    width: 41px;

    height: 41px;

    border: 1px solid rgba(0, 0, 0, 0.07);

    font-size: 14px;

    text-align: center;

    line-height: 41px;

    color: #333;

    border-radius: 4px;

    cursor: pointer;

    -webkit-transition: all .2s linear;

    transition: all .2s linear;

}


.portfolio-shuffle:hover {

    background-color: #c0c540;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}


/* Portfolio - Items

-----------------------------------------------------------------*/

.portfolio {

    position: relative;

    margin: 0 -12px -12px 0;

}


body:not(.device-touch) .portfolio {

    -webkit-transition: height .4s linear;

    transition: height .4s linear;

}


.portfolio-item {

    float: left;

    position: relative;

    width: 25%;

    height: auto;

    padding: 0 12px 12px 0;

}


.portfolio-notitle .portfolio-item,
.portfolio-notitle .iportfolio {

    overflow: hidden;

}


.portfolio-item .portfolio-image {

    position: relative;

    overflow: hidden;

}


.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img {

    display: block;

    width: 100%;

    height: auto;

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-image img {

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}


/* Portfolio - Item Title

-----------------------------------------------------------------*/

.portfolio-desc {

    z-index: 3;

    padding: 15px 5px 10px;

}


.portfolio-desc h3 {

    margin: 0;

    padding: 0;

    font-size: 19px;

}


.portfolio-desc h3 a {

    color: #222;

}


.portfolio-desc h3 a:hover {

    color: #c0c540;

}


.portfolio-desc span {

    display: block;

    margin-top: 3px;

    color: #888;

}


.portfolio-desc span a {

    color: #888;

}


.portfolio-desc span a:hover {

    color: #000;

}


.portfolio-notitle .portfolio-desc {

    position: absolute;

    display: block !important;

    width: 100%;

    height: 78px;

    padding: 15px 5px;

    top: auto;

    bottom: -79px;

    left: 0;

    background-color: #FFF;

    border-bottom: 1px solid #EEE;

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-desc {

    -webkit-transition: bottom .2s ease-in-out;

    transition: bottom .2s ease-in-out;

}


.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-nomargin.portfolio-notitle .portfolio-desc {

    bottom: -78px;

    border-bottom: 0;

}


.portfolio-notitle .portfolio-item:hover .portfolio-desc,
.portfolio-notitle .iportfolio:hover .portfolio-desc {

    bottom: 0 !important;

}


.bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img {

    -webkit-transform: translateY(0);

    transform: translateY(0);

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .iportfolio:hover .portfolio-image img {

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

}


body.device-touch.device-sm .portfolio-notitle .portfolio-desc,
body.device-touch.device-xs .portfolio-notitle .portfolio-desc {

    display: none !important;

}


/* Portfolio - No Margin

-----------------------------------------------------------------*/

.portfolio.portfolio-nomargin,
.portfolio.portfolio-full {

    margin: 0 !important;

}


.portfolio-nomargin .portfolio-item,
.portfolio-full .portfolio-item {

    padding: 0 !important;

}


.portfolio-nomargin .portfolio-desc {

    padding: 15px 10px 15px;

}


/* Portfolio - 100% Full Width

-----------------------------------------------------------------*/

.portfolio.portfolio-full {

    margin: 0 !important;

    width: 100%;

}


.portfolio-full .portfolio-item {

    overflow: hidden !important;

}


.portfolio-full .portfolio-desc {

    padding: 15px;

}


/* Portfolio - Sidebar

-----------------------------------------------------------------*/

.postcontent .portfolio-desc h3 {

    font-size: 17px;

}


.postcontent .portfolio-desc span {

    font-size: 12px;

}


/* Portfolio - Sidebar - No Title

-----------------------------------------------------------------*/

.postcontent .portfolio-notitle .portfolio-desc {

    height: 70px;

    bottom: -71px;

}


.postcontent .portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-nomargin.portfolio-notitle .portfolio-desc {

    bottom: -70px;

}


.postcontent .portfolio-notitle .portfolio-item:hover .portfolio-overlay a {

    margin-top: -50px !important;

}


/* Portfolio - Both Sidebars

-----------------------------------------------------------------*/

.bothsidebar .portfolio {

    margin: 0;

}


.bothsidebar .portfolio-item {

    padding: 0;

}


.bothsidebar .portfolio-desc {

    display: none !important;

}


/* Portfolio - Items - 3 Columns

-----------------------------------------------------------------*/

.portfolio.portfolio-3 {

    margin: 0 -15px -15px 0;

}


.portfolio-3 .portfolio-item {

    width: 33.33333333%;

    padding: 0 15px 15px 0;

}


/* Portfolio - Sidebar - Items - 3 Columns

-----------------------------------------------------------------*/

.postcontent .portfolio-3 .portfolio-desc h3 {

    font-size: 18px;

}


.postcontent .portfolio-3 .portfolio-desc span {

    font-size: 13px;

}


/* Portfolio - Sidebar - Items - 3 Columns - No Title

-----------------------------------------------------------------*/

.postcontent .portfolio-3.portfolio-notitle .portfolio-desc {

    height: 72px;

    bottom: -73px;

}


.postcontent .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc {

    bottom: -72px;

}


.postcontent .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {

    margin-top: -40px !important;

}


/* Portfolio - Both Sidebars - Items - 3 Columns

-----------------------------------------------------------------*/

.bothsidebar .portfolio.portfolio-3 {

    margin: 0 -11px -11px 0;

}


.bothsidebar .portfolio-3 .portfolio-item {

    padding: 0 11px 11px 0;

}


.bothsidebar .portfolio-3 .portfolio-desc {

    display: block !important;

}


.bothsidebar .portfolio-3 .portfolio-desc h3 {

    font-size: 15px;

}


.bothsidebar .portfolio-3 .portfolio-desc span {

    font-size: 12px;

}


/* Portfolio - Both Sidebars - Items - 3 Columns - No Title

-----------------------------------------------------------------*/

.bothsidebar .portfolio-3.portfolio-notitle .portfolio-desc {

    height: 68px;

    bottom: -69px;

}


.bothsidebar .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc,
.bothsidebar .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc {

    bottom: -68px;

}


.bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {

    margin-top: -50px !important;

}


/* Portfolio - Items - 2 Columns

-----------------------------------------------------------------*/

.portfolio.portfolio-2 {

    margin: 0 -20px -20px 0;

}


.portfolio-2 .portfolio-item {

    width: 50%;

    padding: 0 20px 20px 0;

}


.portfolio-2 .portfolio-desc {

    padding: 20px 5px 10px;

}


.portfolio-2 .portfolio-desc h3 {

    font-size: 21px;

}


.portfolio-2 .portfolio-desc span {

    margin-top: 4px;

    font-size: 14px;

}


/* Portfolio - Items - 2 Columns - No Margin

-----------------------------------------------------------------*/

.portfolio-2.portfolio-nomargin .portfolio-desc {

    padding: 20px 15px 20px;

}


/* Portfolio - Items - 2 Columns - No Title

-----------------------------------------------------------------*/

.portfolio-2.portfolio-notitle .portfolio-desc {

    height: 90px;

    bottom: -91px;

}


.portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {

    bottom: -90px;

}


/* Portfolio - Sidebar - Items - 2 Columns

-----------------------------------------------------------------*/

.postcontent .portfolio-2 .portfolio-desc h3 {

    font-size: 21px;

}


.postcontent .portfolio-2 .portfolio-desc span {

    font-size: 14px;

}


/* Portfolio - Sidebar - Items - 2 Columns - No Margin

-----------------------------------------------------------------*/

.postcontent .portfolio-2.portfolio-nomargin .portfolio-desc {

    padding-bottom: 20px;

}


/* Portfolio - Sidebar - Items - 2 Columns - No Title

-----------------------------------------------------------------*/

.postcontent .portfolio-2.portfolio-notitle .portfolio-desc {

    height: 90px;

    bottom: -91px;

}


.postcontent .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {

    bottom: -90px;

}


.postcontent .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {

    margin-top: -40px !important;

}


/* Portfolio - Both Sidebars - Items - 2 Columns

-----------------------------------------------------------------*/

.bothsidebar .portfolio-2 .portfolio-desc {

    display: block !important;

    padding-top: 15px;

    padding-bottom: 0;

}


.bothsidebar .portfolio-2 .portfolio-desc h3 {

    font-size: 19px;

}


.bothsidebar .portfolio-2 .portfolio-desc span {

    font-size: 13px;

}


/* Portfolio - Both Sidebars - Items - 2 Columns - No Margin

-----------------------------------------------------------------*/

.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-desc {

    padding-bottom: 15px;

}


/* Portfolio - Both Sidebars - Items - 2 Columns - No Title

-----------------------------------------------------------------*/

.bothsidebar .portfolio-2.portfolio-notitle .portfolio-desc {

    height: 75px;

    bottom: -76px;

}


.bothsidebar .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.bothsidebar .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc {

    bottom: -75px;

}


.bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {

    margin-top: -40px !important;

}


/* Portfolio - Items - 5 Columns

-----------------------------------------------------------------*/

.portfolio.portfolio-5 {

    margin: 0 -10px -10px 0;

}


.portfolio-5 .portfolio-item {

    width: 20%;

    padding: 0 10px 10px 0;

}


.portfolio-5 .portfolio-desc h3 {

    font-size: 17px;

}


/* Portfolio - Items - 5 Columns - No Title

-----------------------------------------------------------------*/

.portfolio-5.portfolio-notitle .portfolio-desc {

    height: 71px;

    bottom: -72px;

}


.portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc {

    bottom: -71px;

}


.portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {

    margin-top: -30px !important;

}


/* Portfolio - Sidebar - Items - 5 Columns

-----------------------------------------------------------------*/

.postcontent .portfolio.portfolio-5 {

    margin: 0;

}


.postcontent .portfolio-5 .portfolio-item {

    padding: 0;

}


.postcontent .portfolio-5 .portfolio-desc h3 {

    font-size: 15px;

}


.postcontent .portfolio-5 .portfolio-desc span {

    font-size: 12px;

}


.postcontent .portfolio-5 .portfolio-desc {

    padding: 15px 10px;

}


/* Portfolio - Sidebar - Items - 5 Columns - No Title

-----------------------------------------------------------------*/

.postcontent .portfolio-5.portfolio-notitle .portfolio-desc {

    height: 68px;

    bottom: -69px;

}


.postcontent .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc {

    bottom: -68px;

}


.postcontent .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {

    margin-top: -50px !important;

}


/* Portfolio - Items - 6 Columns

-----------------------------------------------------------------*/

.portfolio.portfolio-6 {

    margin: 0 -6px -6px 0;

}


.portfolio-6 .portfolio-item {

    width: 16.66666667%;

    padding: 0 6px 6px 0;

}


.portfolio-6 .portfolio-desc h3 {

    font-size: 15px;

}


.portfolio-6 .portfolio-desc span {

    font-size: 12px;

}


/* Portfolio - Items - 6 Columns - No Title

-----------------------------------------------------------------*/

.portfolio-6.portfolio-notitle .portfolio-desc {

    height: 68px;

    bottom: -69px;

}


.portfolio-6.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-6.portfolio-nomargin.portfolio-notitle .portfolio-desc {

    bottom: -68px;

}


.portfolio-6.portfolio-notitle .portfolio-item:hover .portfolio-overlay a {

    margin-top: -40px !important;

}


/* Portfolio - Items - 1 Column

-----------------------------------------------------------------*/

.portfolio.portfolio-1 {

    margin: 0 0px -40px 0;

}


.portfolio-1 .portfolio-item {

    float: none;

    width: 100%;

    margin: 0 0 40px 0;

    padding-bottom: 40px;

    padding-right: 0;

    border-bottom: 1px solid #EEE;

}


.portfolio-1 .portfolio-item .portfolio-image {

    float: left;

    margin-right: 0;

    width: 65%;

    height: auto;

}


.portfolio-1 .portfolio-item.alt .portfolio-image {

    float: right;

    margin: 0;

}


.portfolio-1 .portfolio-desc {

    float: left;

    width: 35%;

    padding: 10px 0 10px 40px;

}


.portfolio-1 .alt .portfolio-desc {

    float: right;

    padding-left: 0;

    padding-right: 40px;

}


.portfolio-1 .portfolio-desc h3 {

    font-size: 22px;

}


.portfolio-1 .portfolio-desc span {

    margin-top: 6px;

    font-size: 14px;

}


.portfolio-1 .portfolio-desc p {

    margin: 20px 0 25px;

    font-size: 14px;

}


.portfolio-1 .portfolio-desc li {

    margin: 3px 0;

}


/* Portfolio - Items - 1 Column - Both Sidebar

-----------------------------------------------------------------*/

.bothsidebar .portfolio-1 .iconlist {

    display: block !important;

}


.bothsidebar .portfolio-1 .portfolio-item {

    width: 100% !important;

}


.bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-desc {

    float: none;

    margin: 0 !important;

}


.bothsidebar .portfolio-1 .portfolio-item .portfolio-image {

    margin-bottom: 20px !important;

}


.bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image img {

    width: 100%;

    height: auto;

}


.bothsidebar .portfolio-1 .portfolio-desc {

    display: block !important;

    position: relative !important;

    width: 100% !important;

    padding: 0 !important;

    background-color: transparent !important;

    left: 0 !important;

    right: 0 !important;

}


.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-overlay a {

    left: 50%;

}


.bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {

    left: auto;

    right: 50%;

}


/* Portfolio - Items - 1 Column - Full Width

-----------------------------------------------------------------*/

.portfolio.portfolio-1.portfolio-fullwidth {

    margin: 0 0 -60px 0;

}


.portfolio-1.portfolio-fullwidth .portfolio-item {

    margin-bottom: 60px;

    padding: 0;

    border-bottom: 0;

    overflow: hidden;

}


.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {

    float: none;

    width: 100%;

    margin: 0 !important;

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}


.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {

    -webkit-transform: translateX(-60px);

    transform: translateX(-60px);

}


.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {

    -webkit-transform: translateX(60px);

    transform: translateX(60px);

}


.portfolio-1.portfolio-fullwidth .portfolio-desc {

    position: absolute;

    float: none;

    width: 35%;

    height: 100%;

    padding: 30px;

    background-color: #F9F9F9;

    top: 0;

    left: auto;

    right: -35%;

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .portfolio-desc {

    -webkit-transition: right .3s ease-in-out;

    transition: right .3s ease-in-out;

}


.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-desc {

    right: 0;

}


.portfolio-1.portfolio-fullwidth .alt .portfolio-desc {

    left: -35%;

    right: auto;

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {

    -webkit-transition: left .3s ease-in-out;

    transition: left .3s ease-in-out;

}


.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-desc {

    left: 0;

}


.portfolio-1.portfolio-fullwidth .portfolio-overlay a {

    left: 33%;

}


.portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {

    left: auto;

    right: 33%;

}


/* Portfolio - Items - 1 Column - Full Width - Sidebar

-----------------------------------------------------------------*/

.postcontent .portfolio.portfolio-1.portfolio-fullwidth {

    margin: 0 0 -40px 0;

}


.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item {

    margin-bottom: 40px;

}


.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {

    -webkit-transform: translateX(-40px);

    transform: translateX(-40px);

}


.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {

    -webkit-transform: translateX(40px);

    transform: translateX(40px);

}


.postcontent .portfolio-1.portfolio-fullwidth .portfolio-desc {

    padding: 25px;

}


/* Portfolio - Items - 1 Column - Full Width - Both Sidebar

-----------------------------------------------------------------*/

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {

    margin-bottom: 20px !important;

}


.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img,
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {

    -webkit-transform: translateX(0px);

    transform: translateX(0px);

}


/* Portfolio - Parallax

-----------------------------------------------------------------*/

.portfolio.portfolio-parallax {

    margin: 0 !important;

}


.portfolio.portfolio-parallax .portfolio-item {

    float: none;

    width: 100% !important;

    height: 500px !important;

    margin: 0 !important;

}


.portfolio.portfolio-parallax .portfolio-item .portfolio-image {

    width: 100% !important;

    height: 500px !important;

    background-attachment: fixed;

}


.portfolio.portfolio-parallax .portfolio-desc {

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -57px;

    width: 100%;

    text-align: center;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);

    padding: 0;

    opacity: 0;

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio.portfolio-parallax .portfolio-desc {

    -webkit-transition: opacity .15s ease-in-out;

    transition: opacity .15s ease-in-out;

}


.portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc {

    opacity: 1;

}


.portfolio.portfolio-parallax .portfolio-desc h3 {

    font-size: 44px;

    font-weight: 300;

    letter-spacing: -1px;

}


.portfolio.portfolio-parallax .portfolio-desc h3 a {

    color: #FFF;

}


.portfolio.portfolio-parallax .portfolio-desc h3 a:hover {

    color: #DDD;

}


.portfolio.portfolio-parallax .portfolio-desc span {

    margin-top: 12px;

    font-size: 16px;

    color: #CCC;

}


.portfolio.portfolio-parallax .portfolio-desc span a {

    color: #DDD;

}


.portfolio.portfolio-parallax .portfolio-desc span a:hover {

    color: #BBB;

}


.portfolio.portfolio-parallax .portfolio-desc .portfolio-divider {

    width: 100%;

    text-align: center;

    margin: 15px 0 0;

}


.portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {

    display: inline-block;

    width: 50px;

    height: 0;

    border-bottom: 1px solid #FFF;

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {

    -webkit-transition: width .5s ease-in-out;

    transition: width .5s ease-in-out;

}


.portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc .portfolio-divider div {

    width: 120px;

}


.portfolio.portfolio-parallax .portfolio-overlay {

    background-color: rgba(0, 0, 0, 0.4);

}


/* Portfolio - Overlay

-----------------------------------------------------------------*/

.portfolio-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    z-index: 2;

    text-align: center;

    background-color: rgba(0, 0, 0, 0.5);

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay {

    -webkit-transition: opacity .4s ease-in-out;

    transition: opacity .4s ease-in-out;

}


.portfolio-item:hover .portfolio-overlay,
.iportfolio:hover .portfolio-overlay {

    opacity: 1;

}


.portfolio-overlay a {

    position: absolute;

    top: 50%;

    left: 50%;

    background-color: #F5F5F5;

    width: 40px !important;

    height: 40px !important;

    margin: -28px 0 0 -44px;

    font-size: 18px;

    line-height: 40px;

    text-align: center;

    color: #444;

    border-radius: 50%;

    -webkit-backface-visibility: hidden;

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay a {

    -webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;

    transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;

}


.portfolio-overlay a.left-icon {

}


.portfolio-overlay a.right-icon {

    left: auto;

    right: 50%;

    margin-left: 0;

    margin-right: -44px;

}


.portfolio-overlay a.center-icon {

    display: block;

    margin: -20px 0 0 -20px;

    opacity: 0;

}


.portfolio-item:hover a.center-icon,
.iportfolio:hover a.center-icon {

    opacity: 1;

}


.portfolio-overlay a:hover {

    color: #c0c540;

    background-color: #EEE;

}


.portfolio-item:hover .portfolio-overlay a.left-icon,
.portfolio-item:hover .portfolio-overlay a.right-icon,
.iportfolio:hover .portfolio-overlay a.left-icon,
.iportfolio:hover .portfolio-overlay a.right-icon {

    margin-top: -18px;

}


.portfolio-overlay a i.icon-line-play {

    position: relative;

    left: 2px;

}


.portfolio-overlay .portfolio-desc {

    position: relative;

    padding: 0 !important;

    margin: 0;

    text-align: center;

}


.portfolio-overlay .portfolio-desc a {

    display: inline;

    position: relative;

    top: 0;

    left: 0;

    margin: 0;

    font-size: inherit;

    width: auto !important;

    height: auto !important;

    line-height: 1;

    background-color: transparent !important;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);

}


.portfolio-overlay .portfolio-desc h3 {

    font-weight: 600;

    color: #F5F5F5 !important;

    line-height: 1;

}


.portfolio-overlay .portfolio-desc h3 a {

    color: #F5F5F5 !important;

}


.portfolio-overlay .portfolio-desc span {

    margin-top: 7px;

    color: #DDD !important;

}


.portfolio-overlay .portfolio-desc span a {

    color: #DDD !important;

    font-size: inherit;

}


.portfolio-overlay .portfolio-desc ~ a {

    display: inline-block;

    position: relative;

    top: 0;

    left: 0;

    margin: 20px 0 0 !important;

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay .portfolio-desc ~ a {

    -webkit-transition: color .2s linear, background-color .2s linear, opacity .2s linear;

    transition: color .2s linear, background-color .2s linear, opacity .2s linear;

}


.portfolio-overlay .portfolio-desc ~ a.right-icon {

    left: 0;

    right: 0;

    margin-left: 5px !important;

    margin-right: 0 !important;

}


.portfolio-overlay .portfolio-desc a:hover {

    background: transparent;

}


body.device-touch.device-sm .portfolio-notitle .portfolio-overlay,
body.device-touch.device-xs .portfolio-notitle .portfolio-overlay {

    display: none !important;

}


/* Portfolio Single

-----------------------------------------------------------------*/

.portfolio-single {

}


/* Portfolio Single - Image

-----------------------------------------------------------------*/

.portfolio-single-image > a,
.portfolio-single-image .slide a,
.portfolio-single-image img,
.portfolio-single-image iframe,
.portfolio-single-image video {

    display: block;

    width: 100%;

}


.portfolio-single-image-full {

    position: relative;

    height: 600px;

    overflow: hidden;

    margin: -80px 0 80px !important;

}


.portfolio-single-video {

    height: auto !important;

}


/* Portfolio Single - Gallery Thumbs

-----------------------------------------------------------------*/

.portfolio-single-image-full .swiper-container {

    width: 100%;

    height: 600px;

    background-color: #333;

}


.portfolio-single-image-full .swiper-nested-1,
.portfolio-single-image-full .swiper-nested-2 {

    width: 100%;

}


.portfolio-single-image-full .swiper-slide {

    overflow: hidden;

}


.portfolio-single-image-full .swiper-slide img {

    width: 100%;

    height: auto;

}


/* Portfolio & Blog Single - Masonry

-----------------------------------------------------------------*/

.masonry-title {

    padding: 2rem 4rem;

}


.masonry-title h1 {

    padding: 0;

    margin: 0 0 1rem;

    line-height: 1.2em;

    font-weight: 600;

    letter-spacing: 1px;

    color: #c0c540;

    font-size: 2.8em;

    font-family: 'RooneySans', sans-serif;

    width: 525px;

}


.masonry-title p {

    margin-bottom: 0;

}


.masonry-thumbs {

    position: relative;

}


.masonry-thumbs a {

    position: relative;

    float: left;

    width: 25%;

    max-width: 100% !important;

    overflow: hidden;

}


.bg-blue {

    background-color: #c0c540;

}


div.block-masonry {

    overflow: hidden;

}


span.big-banner-blue {

    position: absolute;

    top: 10%;

    right: 5%;

    color: #fff;

    font-family: 'RooneySans', sans-serif;

    font-size: 1.8em;

    font-weight: bold;

    background-color: #c0c540;

    border-radius: 1000px;

    width: 200px;

    height: 200px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}


span.big-banner-blue::before {

    content: " ";

    position: absolute;

    top: 5px;

    left: 5px;

    right: 5px;

    bottom: 5px;

    border: 5px solid #fff;

    border-radius: 250px;

}


span.banner-blue {

    position: relative;

    color: #c0c540;

    text-transform: uppercase;

    font-family: 'RooneySans', sans-serif;

    font-weight: 500;

    font-size: 1.2em;

    -webkit-transition-duration: 5s;

    transition-duration: 5s;

}


span.hover-reveal {

    left: auto;

    position: absolute;

    bottom: -46px;

    display: inline-block;

}


a.masonry-link {

    -webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

}


a.masonry-link img {

    position: relative;

    -webkit-transition-duration: 10s;

    transition-duration: 10s;

}


a.masonry-link:hover img {

    top: -20px;

    -webkit-transition-duration: 10s;

    transition-duration: 10s;

}


a.masonry-link:hover span.banner-blue {

    top: -20px;

    -webkit-transition: all 5s ease-in-out;

    transition: all 5s ease-in-out;

}


a.masonry-link:hover span.hover-reveal {

    left: auto;

    bottom: 20px;

    -webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

    color: #c0c540

}


a.big-link:hover span.hover-reveal {

    right: 18%;

    bottom: 30%;

    -webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

    color: #fff;

}


span.masonry-thumb {

    height: 100%;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    display: block;

    width: 100%;

    opacity: 1;

    -webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

}


a.masonry-link:hover span.content-block-masonry {

    border: 1px solid #c0c540;

}


a.masonry-link:hover span.masonry-thumb {

    opacity: 0.8;

    -webkit-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

}


a.masonry-link img::after {

    content: "";

    border-right: 1px solid #c0c540

}


a.masonry-link .border-image-mansory {

    border-right: 1px solid #c0c540;

    height: 100%;

    width: 120%;

}


.masonry-link-mobile {

    background-color: #c0c540;

    padding: 0.5rem 2rem;

    color: #fff;

    font-size: 1.2em;

    border: 1px solid #fff;

}


span.description-assurance {

    font-size: 1.2em;

    font-family: 'RooneySans', sans-serif;

    font-weight: 300

}


#section-valeur div.section {

    background-color: #eeeeee

}


/* #section-valeur a.link-valeur:hover img{background-color:#fff; border-radius: 45px; transition: all 0.2s ease-out;} */

#section-text span, #section-text p {

    font-size: 1.2em;

}


#section-news {

    padding: 2rem 0;

}


#section-news span {

    font-size: 1.2em;

}


#section-news #carouselNews p {

    font-size: 1.1em;

    line-height: 1.2em;

    color: #fff;

}


#section-news #carouselNews .carousel-indicators {

    bottom: -60px;

}


#section-news #carouselNews .carousel-indicators li {

    background-color: #c0c540;

    cursor: pointer;

    width: 15px;

    height: 15px;

    border-radius: 50px;

}


#section-news #carouselNews .carousel-indicators li.active {

    background-color: #85882b;

}


#section-valeur-content div.section {

    background-color: #fff

}


.masonry-thumbs.grid-2 a {

    width: 50%;

}


.masonry-thumbs.grid-3 a {

    width: 33.30%;

}


.masonry-thumbs.grid-4 a {

    width: 25%;

}


.masonry-thumbs.grid-5 a {

    width: 20%;

}


.masonry-thumbs.grid-6 a {

    width: 16.60%;

}


.masonry-thumbs a,
.masonry-thumbs img {

    display: block;

    height: auto !important;

}


.masonry-thumbs img {

    width: 100%;

    border-radius: 0 !important;

    padding: 0 1px 1px 0;

}


.masonry-thumbs .overlay {

    padding: 0 1px 1px 0;

}


/* Portfolio Single - Content

-----------------------------------------------------------------*/

.portfolio-single-content {

    font-size: 14px;

}


.portfolio-single-content h2 {

    margin: 0 0 20px;

    padding: 0;

    font-size: 20px;

    font-weight: 600 !important;

}


.portfolio-ajax-modal {

    width: 1000px !important;

}


.modal-padding {

    padding: 40px;

}


.ajax-modal-title {

    background-color: #F9F9F9;

    border-bottom: 1px solid #EEE;

    padding: 25px 40px;

}


.ajax-modal-title h2 {

    font-size: 26px;

    margin-bottom: 0;

}


#portfolio-ajax-wrap {

    position: relative;

    max-height: 0;

    overflow: hidden;

    -webkit-transition: max-height .4s ease;

    transition: max-height .4s ease;

}


#portfolio-ajax-wrap.portfolio-ajax-opened {

    max-height: 1200px;

}


#portfolio-ajax-container {

    display: none;

    padding-bottom: 60px;

}


#portfolio-ajax-single h2 {

    font-size: 26px;

}


/* Portfolio Single - Meta

-----------------------------------------------------------------*/

.portfolio-meta,
.portfolio-share {

    list-style: none;

    font-size: 14px;

}


.portfolio-meta li {

    margin: 10px 0;

    color: #666;

}


.portfolio-meta li:first-child {

    margin-top: 0;

}


.portfolio-meta li span {

    display: inline-block;

    width: 150px;

    font-weight: bold;

    color: #333;

}


.portfolio-meta li span i {

    position: relative;

    top: 1px;

    width: 14px;

    text-align: center;

    margin-right: 7px;

}


.well .line {

    margin: 20px 0;

    border-color: #E5E5E5;

}


/* Portfolio Single Navigation

-----------------------------------------------------------------*/

#portfolio-navigation {

    position: absolute;

    top: 50%;

    left: auto;

    right: 10px;

    max-width: 96px;

    height: 24px;

    margin-top: -12px;

}


.page-title-right #portfolio-navigation {

    left: 10px;

    right: auto;

}


.page-title-center #portfolio-navigation {

    position: relative;

    top: 0;

    left: 0;

    margin: 20px auto 0;

}


#portfolio-navigation a {

    display: block;

    float: left;

    margin-left: 12px;

    width: 24px;

    height: 24px;

    text-align: center;

    color: #444;

    transition: color .3s linear;

    -webkit-transition: color .3s linear;

    -o-transition: color .3s linear;

}


.page-title-dark #portfolio-navigation a {

    color: #EEE;

}


.page-title-parallax #portfolio-navigation a {

    color: #FFF;

}


#portfolio-navigation a i {

    position: relative;

    top: -1px;

    font-size: 24px;

    line-height: 1;

}


#portfolio-navigation a i.icon-angle-left,
#portfolio-navigation a i.icon-angle-right {

    font-size: 32px;

    top: -6px;

}


#portfolio-navigation a i.icon-angle-right {

    left: -1px;

}


#portfolio-navigation a:first-child {

    margin-left: 0;

}


#portfolio-navigation a:hover {

    color: #c0c540;

}


#portfolio-ajax-show #portfolio-navigation {

    top: 0;

    margin-top: 0;

}


/* Individual Portfolio Item

-----------------------------------------------------------------*/

.iportfolio {

    position: relative;

    float: none;

    width: 100%;

    margin: 0;

    padding: 0;

}


.iportfolio .portfolio-image {

    position: relative;

    overflow: hidden;

}


.iportfolio .portfolio-image,
.iportfolio .portfolio-image a,
.iportfolio .portfolio-image img {

    display: block;

    width: 100%;

    height: auto;

}


.iportfolio .portfolio-overlay {

    height: 100% !important;

}


/* ----------------------------------------------------------------

	Blog

-----------------------------------------------------------------*/

#posts {

    position: relative;

}


.entry {

    position: relative;

    margin: 0 0 50px;

}


.entry:after {

    content: '';

    position: relative;

    height: 2px;

    margin-top: 50px;

    background-color: #F5F5F5;

}


.entry-image {

    margin-bottom: 30px;

}


.entry-image,
.entry-image > a,
.entry-image .slide a,
.entry-image img {

    display: block;

    position: relative;

    width: 100%;

    height: auto;

}


.entry-image iframe {

    display: block;

}


.entry-image img {

    border-radius: 3px;

}


.entry-title h2 {

    margin: 0;

    font-size: 24px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

}


.entry-title h2 a {

    color: #333;

}


.entry-title h2 a:hover {

    color: #c0c540;

}


.entry-meta {

    margin: 10px -10px -15px 0;

    list-style: none;

}


.single-post .entry-meta {

    margin-bottom: 20px;

}


.entry-meta li {

    float: left;

    font-size: 13px;

    line-height: 14px;

    margin: 0 10px 15px 0;

    color: #999;

    font-family: 'Crete Round', serif;

    font-style: italic;

}


.entry-meta li:before {

    content: '/';

    display: inline-block;

    margin-right: 10px;

    opacity: 0.5

}


.entry-meta li i {

    position: relative;

    top: 1px;

    font-size: 14px;

    margin-right: 3px;

}


.entry-meta li a {

    color: #999;

}


.entry-meta li a:hover {

    color: #c0c540;

}


.entry-meta li:first-child:before {

    display: none;

}


.entry-meta li ins {

    font-weight: 700;

    text-decoration: none;

}


.entry-c {

    position: relative;

    overflow: hidden;

}


#posts .entry-content {

    margin-top: 30px;

}


.single-post .entry-content .entry-image {

    max-width: 350px;

}


.entry-content {

    position: relative;

}


.entry-link {

    display: block;

    width: 100%;

    background-color: #F5F5F5;

    padding: 30px 0;

    text-align: center;

    color: #444;

    font-family: 'Raleway', sans-serif;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 24px;

    font-weight: 700;

    border-radius: 3px;

}


body:not(.device-touch) .entry-link {

    -webkit-transition: background-color .3s ease-in-out;

    transition: background-color .3s ease-in-out;

}


.entry-link:hover {

    color: #FFF;

    background-color: #c0c540;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}


.entry-link span {

    display: block;

    margin-top: 5px;

    font-family: 'Crete Round', serif;

    font-style: italic;

    font-weight: normal;

    text-transform: none;

    letter-spacing: 0;

    font-size: 14px;

    color: #AAA;

}


.entry-link:hover span {

    color: #EEE;

}


.entry blockquote p {

    font-weight: 400;

    font-family: 'Crete Round', serif;

    font-style: italic;

}


/* Small Thumbs

-----------------------------------------------------------------*/

.small-thumbs .entry-image,
.ievent .entry-image {

    float: left;

    width: 300px;

    margin: 0 30px 0 0;

}


.small-thumbs .entry-image img,
.ievent .entry-image img {

    border-radius: 0;

}


.small-thumbs .entry-c .entry-image,
.ievent .entry-c .entry-image {

    float: none;

    width: 100%;

    margin: 0 0 20px 0;

}


.small-thumbs .entry-c .entry-image img,
.ievent .entry-c .entry-image img {

    border-radius: 5px;

}


.small-thumbs .entry-title h2,
.ievent .entry-title h2 {

    font-size: 20px;

    font-weight: 600;

}


/* Small Thumbs - Right

-----------------------------------------------------------------*/

.small-thumbs.alt .entry-image {

    float: right;

    margin: 0 0 0 30px;

}


.small-thumbs.alt .entry-c .entry-image {

    float: none;

    margin: 0 0 20px 0;

}


/* Small Thumbs - Both Sidebar

-----------------------------------------------------------------*/

.bothsidebar .small-thumbs .entry-image {

    width: 200px;

    margin: 0 25px 0 0;

}


.bothsidebar .small-thumbs.alt .entry-image {

    margin: 0 0 0 25px;

}


.bothsidebar .small-thumbs .entry-c .entry-image {

    width: 100%;

    margin: 0 0 20px 0;

}


.bothsidebar .small-thumbs .entry-title h2 {

    font-size: 18px;

}


/* Blog - Grid

-----------------------------------------------------------------*/

.post-grid {

    margin-right: -28px;

}


.post-grid .entry {

    float: left;

    width: 25%;

    padding-right: 28px;

}


.post-grid .entry-image img {

    border-radius: 0;

}


.post-grid .entry-title h2 {

    font-size: 17px;

    font-weight: 600;

}


.post-grid .entry-link {

    font-size: 24px;

}


.post-grid .entry-link span {

    font-size: 13px;

}


/* Blog - Grid - 3 Columns

-----------------------------------------------------------------*/

.post-grid.grid-3 {

    margin-right: -30px;

}


.post-grid.grid-3 .entry {

    width: 33.33333333%;

    padding-right: 30px;

}


.post-grid.grid-3 .entry-title h2 {

    font-size: 18px;

}


/* Blog - Grid - 3 Columns - Sidebar

-----------------------------------------------------------------*/

.postcontent .post-grid.grid-3 {

    margin-right: -25px;

}


.postcontent .post-grid.grid-3 .entry {

    padding-right: 25px;

}


.postcontent .post-grid.grid-3 .entry-title h2 {

    font-size: 16px;

}


/* Blog - Grid - 2 Columns

-----------------------------------------------------------------*/

.post-grid.grid-2 {

    margin-right: -40px;

}


.post-grid.grid-2 .entry {

    width: 50%;

    padding-right: 40px;

}


.post-grid.grid-2 .entry-title h2 {

    font-size: 20px;

}


/* Blog - Grid - 2 Columns - Sidebar

-----------------------------------------------------------------*/

.postcontent .post-grid.grid-2 .entry-title h2 {

    font-size: 18px;

}


/* Blog - Grid - 2 Columns - Both Sidebar

-----------------------------------------------------------------*/

.bothsidebar .post-grid.grid-2 .entry-title h2 {

    font-size: 16px;

}


/* Blog - Masonry

-----------------------------------------------------------------*/

.post-masonry .entry-image,
.post-masonry .entry-image img {

    height: auto !important;

}


/* Blog - Masonry Full

-----------------------------------------------------------------*/

.post-masonry-full {

    margin: -80px 0 -80px -1px !important;

}


.post-masonry-full .entry {

    width: 24.9% !important;

    margin: 0 !important;

    padding: 40px 30px;

    border-bottom: 1px dashed;

    border-left: 1px dashed;

    border-color: #E5E5E5;

}


.post-masonry-full .entry:after {

    display: none;

}


.post-masonry-full.grid-3 .entry {

    width: 33.30% !important;

}


/* Blog - Timeline

-----------------------------------------------------------------*/

.timeline-border {

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -71px;

    width: 0;

    border-left: 1px dashed #CCC;

    height: 100%;

}


.post-timeline {

    margin-right: -140px !important;

}


.post-timeline .entry {

    width: 500px !important;

    margin-right: 140px !important;

    padding-right: 0 !important;

}


.entry.entry-date-section {

    width: 100% !important;

    margin: 50px -70px 80px;

    padding: 0;

    border: 0;

    text-align: center;

}


.entry.entry-date-section span {

    display: inline-block;

    padding: 10px 15px;

    background-color: #FFF;

    border: 2px solid #EEE;

    font-size: 18px;

    font-weight: bold;

    letter-spacing: 1px;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;

}


.post-timeline .entry-timeline {

    display: none;

    position: absolute;

    border: 2px solid #CCC;

    background-color: #FFF;

    padding-top: 0;

    text-indent: -9999px;

    top: 40px;

    left: auto;

    right: -76px;

    width: 13px;

    height: 13px;

    border-radius: 50%;

    font-size: 26px;

    font-weight: bold;

    color: #AAA;

    text-align: center;

    line-height: 1;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}


.post-timeline .entry-timeline div.timeline-divider {

    position: absolute;

    top: 4px;

    left: -58px;

    width: 50px;

    height: 0;

    border-top: 1px dashed #CCC;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}


.post-timeline .alt .entry-timeline {

    right: auto;

    left: -77px;

}


.post-timeline .alt .entry-timeline div.timeline-divider {

    left: auto;

    right: -58px;

}


.post-timeline .entry-timeline span {

    display: block;

    margin-top: 3px;

    font-size: 13px;

    font-weight: normal;

}


.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider {

    border-color: #c0c540;

    color: #c0c540;

}


/* Blog - Timeline - Sidebar

-----------------------------------------------------------------*/

.postcontent .timeline-border {

    left: 32px;

    margin-left: 0;

}


.postcontent .post-timeline {

    padding-left: 100px;

    margin-right: 0 !important;

}


.postcontent .post-timeline .entry {

    width: 100% !important;

    margin-right: 140px !important;

}


.postcontent .post-timeline .entry-timeline {

    display: block;

    border: 3px solid #CCC;

    background-color: #FFF;

    padding-top: 10px;

    text-indent: 0;

    top: 20px;

    left: -100px;

    right: auto;

    width: 64px;

    height: 64px;

    font-size: 24px;

}


.postcontent .post-timeline .entry-timeline div.timeline-divider {

    top: 29px;

    left: 64px;

    width: 32px;

}


/* Individual Post

-----------------------------------------------------------------*/

.ipost .entry-image img {

    border-radius: 0;

}


.ipost .entry-title h3,
.ipost .entry-title h4 {

    margin: 0;

    font-size: 16px;

    font-weight: 600;

}


.ipost .entry-title h4 {

    font-size: 15px;

}


.ipost .entry-title h3 a,
.ipost .entry-title h4 a {

    color: #333;

}


.ipost .entry-title h3 a:hover,
.ipost .entry-title h4 a:hover {

    color: #c0c540;

}


.ipost .entry-meta {

    margin-right: -10px;

}


.ipost .entry-meta li {

    font-size: 13px;

    margin-right: 10px;

}


.ipost .entry-content {

    margin-top: 20px;

}


.ipost .entry-content p {

    margin-bottom: 0;

}


.more-link {

    display: inline-block;

    border-bottom: 1px solid #c0c540;

    padding: 0 2px;

    font-family: 'Crete Round', serif;

    font-style: italic;

}


.more-link:hover {

    border-bottom-color: #555;

}


/* Related Posts

-----------------------------------------------------------------*/

.overlay-icon {

    position: absolute;

    left: auto;

    right: 0;

    top: auto;

    bottom: 0;

    width: 48px;

    height: 48px;

    background-color: rgba(0, 0, 0, 0.2);

    text-align: center;

}


.overlay-icon i {

    line-height: 48px;

    font-size: 28px;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}


/* Small Post

-----------------------------------------------------------------*/

.spost,
.mpost {

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px dashed #E5E5E5;

}


.mpost {

    margin-top: 25px;

    padding-top: 25px;

}


.spost:first-child,
.mpost:first-child {

    margin-top: 0;

    padding-top: 0;

    border-top: 0;

}


.spost .entry-image,
.mpost .entry-image {

    float: left;

    margin: 0 15px 0 0;

    text-align: center;

}


.spost .entry-image,
.spost .entry-image a,
.spost .entry-image img,
.spost .entry-image i {

    width: 48px;

    height: 48px;

}


.spost .entry-image a i,
.mpost .entry-image a i {

    font-size: 28px;

    line-height: 48px;

    color: #666;

    background-color: #EEE;

}


.spost .entry-title h4,
.mpost .entry-title h4 {

    margin: 0;

    font-size: 14px;

    font-weight: 600;

}


.spost .entry-title h4 a,
.mpost .entry-title h4 a {

    color: #333;

}


.spost .entry-title h4 a:hover,
.mpost .entry-title h4 a:hover {

    color: #c0c540;

}


.spost .entry-meta {

    margin: 8px -10px 0 0;

}


.spost .entry-meta li,
.mpost .entry-meta li {

    font-size: 13px;

    margin: 0 10px 0 0;

}


/* Medium Post

-----------------------------------------------------------------*/

.mpost .entry-image {

    margin-right: 20px;

}


.mpost .entry-image,
.mpost .entry-image a,
.mpost .entry-image img,
.mpost .entry-image i {

    width: 170px;

    height: 128px;

}


.mpost .entry-image a,
.mpost .entry-image img {

    border-radius: 2px;

}


.mpost .entry-image a i {

    font-size: 42px;

    line-height: 128px;

}


.mpost .entry-title h4 {

    margin: 0;

    font-size: 17px;

    font-weight: 600;

}


.mpost .entry-meta {

    margin-top: 5px;

}


.mpost .entry-meta li i {

    margin-right: 2px;

}


.mpost .entry-content {

    margin-top: 15px;

}


.post-navigation + .line {

    margin: 40px 0 50px;

}


/* ----------------------------------------------------------------

	Blog - Author

-----------------------------------------------------------------*/

.author-image {

    float: left;

    width: 84px;

    height: 84px;

    margin-right: 15px;

}


.author-image img {

    width: 84px;

    height: 84px;

}


/* ----------------------------------------------------------------

	Comments List

-----------------------------------------------------------------*/

#comments {

    position: relative;

    margin-top: 50px;

    padding-top: 50px;

    border-top: 1px solid #EEE;

}


.commentlist {

    list-style: none;

    padding-bottom: 50px;

    margin: 0 0 50px;

    border-bottom: 1px solid #EEE;

}


#reviews .commentlist {

    padding-bottom: 30px;

    margin: 0 0 20px;

}


.commentlist ul {

    list-style: none;

}


.commentlist li,
.commentlist li ul,
.commentlist li ul li {

    margin: 30px 0 0 0;

}


.commentlist ul:first-child {

    margin-top: 0;

}


.commentlist li {

    position: relative;

    margin: 30px 0 0 30px;

}


#reviews .commentlist li {

    margin-top: 20px;

}


.comment-wrap {

    position: relative;

    border: 1px solid #E5E5E5;

    border-radius: 5px;

    padding: 20px 20px 20px 35px;

}


.commentlist ul .comment-wrap {

    margin-left: 25px;

    padding-left: 20px;

}


#reviews .comment-wrap {

    border: 0;

    padding: 10px 0 0 35px;

}


.commentlist > li:first-child,
#reviews .commentlist > li:first-child {

    padding-top: 0;

    margin-top: 0;

}


.commentlist li .children {

    margin-top: 0;

}


.commentlist li li .children {

    margin-left: 30px;

}


.commentlist li .comment-content,
.pingback {

    position: relative;

    overflow: hidden;

}


.commentlist li .comment-content p,
.pingback p {

    margin: 20px 0 0 0;

}


.commentlist li .comment-content {

    padding: 0 0 0 15px;

}


.commentlist li .comment-meta {

    float: left;

    margin-right: 0;

    line-height: 1;

}


.comment-avatar {

    position: absolute;

    top: 15px;

    left: -35px;

    padding: 4px;

    background: #FFF;

    border: 1px solid #E5E5E5;

    border-radius: 50%;

}


.comment-avatar img {

    display: block;

    border-radius: 50%;

}


.commentlist li .children .comment-avatar {

    left: -25px;

}


.comment-content .comment-author {

    margin-bottom: -10px;

    font-size: 16px;

    font-weight: bold;

    color: #555;

}


.comment-content .comment-author a {

    border: none;

    color: #333;

}


.comment-content .comment-author a:hover {

    color: #c0c540;

}


.comment-content .comment-author span {

    display: block;

}


.comment-content .comment-author span,
.comment-content .comment-author span a {

    font-size: 12px;

    font-weight: normal;

    font-family: 'Crete Round', serif;

    font-style: italic;

    color: #AAA;

}


.comment-content .comment-author span a:hover {

    color: #888;

}


.comment-reply-link,
.review-comment-ratings {

    display: block;

    position: absolute;

    top: 4px;

    left: auto;

    text-align: center;

    right: 0px;

    width: 14px;

    height: 14px;

    color: #CCC;

    font-size: 14px;

    line-height: 1;

}


.review-comment-ratings {

    width: auto;

    color: #333;

}


.comment-reply-link:hover {

    color: #888;

}


/* ----------------------------------------------------------------

	Comment Form

-----------------------------------------------------------------*/

#respond,
#respond form {

    margin-bottom: 0;

}


.commentlist li #respond {

    margin: 30px 0 0;

}


.commentlist li li #respond {

    margin-left: 30px;

}


#respond p {

    margin: 10px 0 0 0;

}


#respond p:first-child {

    margin-top: 0;

}


#respond label small {

    color: #999;

    font-weight: normal;

}


#respond input[type="text"],
#respond textarea {

    margin-bottom: 0;

}


#respond .col_one_third,
#respond .col_full {

    margin-bottom: 20px;

}


.fb-comments,
.fb_iframe_widget,
.fb-comments > span,
.fb_iframe_widget > span,
.fb-comments > span > iframe,
.fb_iframe_widget > span > iframe {

    display: block !important;

    width: 100% !important;

    margin: 0;

}


/* Post Elements

-----------------------------------------------------------------*/

img.alignleft,
div.alignleft {

    float: left;

    margin: 5px 20px 13px 0;

    max-width: 100%;

}


div.alignleft > img,
div.alignnone > img,
div.aligncenter > img,
div.alignright > img {

    display: block;

    float: none;

}


img.alignnone,
img.aligncenter,
div.alignnone,
div.aligncenter {

    display: block;

    margin: 10px 0;

    float: none;

}


img.aligncenter,
div.aligncenter,
div.aligncenter img {

    margin-left: auto;

    margin-right: auto;

    clear: both;

}


img.alignright,
div.alignright {

    float: right;

    margin: 5px 0 13px 20px;

}


.wp-caption {

    text-align: center;

    margin: 10px 20px 13px 20px;

    font-family: 'Lato', Georgia, "Times New Roman", Times, serif;

    font-style: italic;

}


.wp-caption img,
.wp-caption img a {

    display: block;

    margin: 0;

}


p.wp-caption-text {

    display: inline-block;

    margin: 10px 0 0 0;

    padding: 5px 10px;

    background-color: #EEE;

    border-radius: 50px;

}


.wp-smiley {

    max-height: 13px;

    margin: 0 !important;

}


/* Infinity Scroll - Message Style

-----------------------------------------------------------------*/

#infscr-loading,
#portfolio-ajax-loader {

    position: fixed;

    z-index: 20;

    top: 50%;

    left: 50%;

    width: 48px;

    height: 48px;

    margin: -24px 0 0 -24px;

    background-color: rgba(0, 0, 0, 0.7);

    border-radius: 3px;

    line-height: 48px;

    font-size: 24px;

    color: #FFF;

    text-align: center;

}


#infscr-loading img,
#portfolio-ajax-loader img {

    display: none;

    width: 24px;

    height: 24px;

    margin: 12px;

}


#portfolio-ajax-loader {

    display: none;

}


#portfolio-ajax-loader img {

    display: block;

}


.page-load-status {

    position: relative;

    display: none;

    padding: 30px 0;

}


.page-load-status .css3-spinner {

    position: absolute;

    z-index: auto;

    background-color: transparent !important;

}


.page-load-status .css3-spinner-ball-pulse-sync > div {

    background-color: #333;

}


/* ----------------------------------------------------------------

	Shop

-----------------------------------------------------------------*/

.shop {

    position: relative;

    margin: 0 -20px -20px 0;

}


.product {

    position: relative;

}


.shop .product {

    float: left;

    padding: 0 20px 20px 0;

    width: 25%;

}


.product-image {

    position: relative;

    width: 100%;

    height: auto;

    overflow: hidden;

}


.product-image > a,
.product-image .slide a,
.product-image img {

    display: block;

    width: 100%;

    height: 100%;

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .product-image > a {

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

}


.product-image > a:nth-of-type(2) {

    opacity: 0;

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

}


.product-image:hover > a:nth-of-type(2) {

    opacity: 1;

    z-index: 2;

}


.product-desc {

    padding: 15px 0;

    font-size: 14px;

}


.product-title {

    margin-bottom: 7px;

}


.product-title h3 {

    margin: 0;

    font-size: 20px;

}


.product-title h3 a,
.single-product .product-title h2 a {

    color: #333;

}


.product-title h3 a:hover,
.single-product .product-title h2 a:hover {

    color: #c0c540;

}


.product-price {

    font-size: 18px;

    font-weight: 700;

    color: #444;

    margin-bottom: 4px;

}


.product-price del {

    font-weight: 400;

    font-size: 90%;

    color: #888;

}


.product-price ins {

    text-decoration: none;

    color: #c0c540;

}


.product-overlay {

    position: absolute;

    width: 100%;

    height: 44px;

    line-height: 44px;

    top: auto;

    bottom: -44px;

    left: 0;

    z-index: 6;

    overflow: hidden;

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay {

    -webkit-transition: bottom .3s ease-in-out;

    transition: bottom .3s ease-in-out;

}


.product:hover .product-overlay {

    bottom: 0;

}


.product-overlay a {

    display: block;

    float: left;

    width: 50%;

    font-size: 13px;

    color: #333;

    background-color: #F5F5F5;

    text-align: center;

    border-right: 1px solid rgba(0, 0, 0, 0.1);

}


body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay a {

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}


.product-overlay a.item-quick-view {

    border-right: 0;

}


.product-overlay a i {

    position: relative;

    top: 1px;

    font-size: 14px;

    margin-right: 3px;

}


.product-overlay a:hover {

    background-color: #333;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}


.sale-flash {

    position: absolute;

    top: 10px;

    left: 10px;

    padding: 6px 10px;

    background-color: #c0c540;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

    border-radius: 2px;

    z-index: 5;

}


.sale-flash.out-of-stock {

    background-color: #777;

}


/* Shop - 3 Columns

-----------------------------------------------------------------*/

.shop.product-3 {

    margin: 0 -30px -30px 0;

}


.product-3 .product {

    padding: 0 30px 30px 0;

    width: 33.33333333%;

}


/* Shop - 3 Columns - Sidebar

-----------------------------------------------------------------*/

.postcontent .shop.product-3 {

    margin: 0 -25px -25px 0;

}


.postcontent .product-3 .product {

    padding: 0 25px 25px 0;

}


/* Shop - 2 Columns - Sidebar

-----------------------------------------------------------------*/

.postcontent .shop.product-2 {

    margin: 0 -40px -40px 0;

}


.postcontent .product-2 .product {

    padding: 0 40px 40px 0;

    width: 50%;

}


/* Shop - 2 Columns - Both Sidebar

-----------------------------------------------------------------*/

.bothsidebar .shop.product-2 {

    margin: 0 -40px -20px 0;

}


.bothsidebar .product-2 .product {

    padding: 0 40px 20px 0;

}


/* Shop - 1 Column

-----------------------------------------------------------------*/

.shop.product-1 {

    margin: 0 0 -40px 0;

}


.product-1 .product {

    float: none;

    margin: 0 0 40px 0;

    padding: 0;

    width: 100%;

}


.product-1 .product-image {

    float: left;

    width: 300px;

    height: 400px;

    margin-right: 30px;

}


.product-1 .product.alt .product-image {

    float: right;

    margin: 0 0 0 30px;

}


.product-1 .product-desc {

    padding: 0;

    position: relative;

    overflow: hidden;

}


.product-1 .product-title h3 {

    font-size: 22px;

}


.product-1 .product-desc .product-price {

    font-size: 20px;

}


.product-1 .product-desc .product-rating {

    margin-bottom: 15px;

}


/* Shop - 1 Column - Both Sidebar

-----------------------------------------------------------------*/

.bothsidebar .product-1 .product {

    border-top: 1px solid #F5F5F5;

    padding-top: 40px;

}


.bothsidebar .product-1 .product:first-child {

    border-top: 0;

    padding-top: 0;

}


.bothsidebar .product-1 .product-image {

    width: 240px;

    height: 320px;

}


.bothsidebar .product-1 .product-title h3 {

    font-size: 20px;

}


.bothsidebar .product-1 .product-desc .product-price {

    font-size: 16px;

}


/* Shop - Single

-----------------------------------------------------------------*/

.single-product .product {

    width: 100%;

    margin: 0;

}


.shop-quick-view-ajax,
.portfolio-ajax-modal {

    position: relative;

    background-color: #FFF;

    width: 800px;

    margin: 0 auto;

}


.single-product .product-image,
.single-product .product-image img {

    height: auto;

}


.single-product .product-desc {

    padding: 0;

}


.single-product .product-title h2 {

    font-size: 28px;

    margin-bottom: 8px;

}


.single-product .product-price {

    float: left;

    font-size: 24px;

    color: #c0c540;

    margin-bottom: 0;

}


.single-product .product-rating {

    float: right;

    position: relative;

    top: 9px;

}


.single-product .product-desc .line {

    margin: 20px 0;

}


.quantity {

    float: left;

    margin-right: 30px;

}


.quantity .qty {

    float: left;

    width: 50px;

    height: 40px;

    line-height: 40px;

    border: 0;

    border-left: 1px solid #DDD;

    border-right: 1px solid #DDD;

    background-color: #EEE;

    text-align: center;

    margin-bottom: 0;

}


.quantity .plus,
.quantity .minus {

    display: block;

    float: left;

    cursor: pointer;

    border: 0px transparent;

    padding: 0;

    width: 36px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background-color: #EEE;

    font-size: 16px;

    font-weight: bold;

    transition: background-color .2s linear;

    -webkit-transition: background-color .2s linear;

    -o-transition: background-color .2s linear;

}


.quantity .plus:hover,
.quantity .minus:hover {

    background-color: #DDD;

}


.quantity .qty:focus,
.quantity .plus:focus,
.quantity .minus:focus {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    outline: 0 !important;

}


.single-product .add-to-cart.button {

    height: 40px;

    line-height: 40px;

}


.product-meta {

    font-size: 13px;

    color: #777;

}


.product-meta > .panel-body {

    margin-bottom: -5px;

}


.product-meta > .panel-body > span {

    display: block;

    margin-bottom: 5px;

}


.single-product .feature-box.fbox-plain.fbox-small {

    padding-left: 26px;

}


.single-product .feature-box.fbox-plain.fbox-small .fbox-icon {

    width: 20px;

}


.single-product .feature-box.fbox-plain.fbox-small h3 {

    font-size: 15px;

    font-weight: bold;

    line-height: 18px;

    margin-bottom: 7px;

}


.single-product .feature-box.fbox-plain.fbox-small p {

    margin-left: -26px;

}


.single-product .feature-box.fbox-plain.fbox-small .fbox-icon i {

    font-size: 18px;

}


/* Individual Product

-----------------------------------------------------------------*/

.product.iproduct {

    float: none;

    margin: 0;

    padding: 0;

    width: 100%;

}


.iproduct .product-image,
.iproduct .product-image a,
.iproduct .product-image img {

    height: auto;

}


/* ----------------------------------------------------------------

	Cart

-----------------------------------------------------------------*/

.cart .remove {

    font-size: 14px;

    color: #FF0000;

}


.cart .remove:hover {

    color: #000;

}


.cart th {

    padding: 12px 15px !important;

    font-size: 14px;

    color: #555;

}


.cart td {

    padding: 12px 15px !important;

    vertical-align: middle !important;

    border-color: #E5E5E5 !important;

}


.cart-product-thumbnail a {

    display: block;

    width: 68px;

}


.cart-product-thumbnail img {

    display: block;

    width: 64px;

    height: 64px;

    border: 2px solid #EEE;

}


.cart-product-thumbnail img:hover {

    border-color: #c0c540;

}


.cart-product-name a,
.product-name a {

    font-weight: bold;

    font-size: 13px;

    color: #333;

}


.cart-product-name a:hover,
.product-name a:hover {

    color: #666;

}


.cart-product-price,
.cart-product-quantity,
.cart-product-subtotal {

    text-align: center !important;

}


.cart-product-quantity .quantity {

    display: inline-block;

    margin: 0;

    float: none;

}


td.actions {

    padding: 20px 15px !important;

    vertical-align: top !important;

    background-color: #F5F5F5;

}


/* ----------------------------------------------------------------

	Events

-----------------------------------------------------------------*/

.events .entry,
.ievent {

    padding: 20px;

    background-color: #F9F9F9;

    border-bottom: 3px solid #EEE;

}


.events .entry-image .entry-date,
.ievent .entry-image .entry-date {

    position: absolute;

    top: 10px;

    left: 10px;

    background-color: rgba(0, 0, 0, 0.7);

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

    width: 60px;

    height: 64px;

    text-align: center;

    padding-top: 7px;

    font-size: 26px;

    line-height: 1;

}


.events .entry-image .entry-date span,
.ievent .entry-image .entry-date span {

    display: block;

    font-size: 15px;

    margin-top: 5px;

}


.events .entry-c,
.ievent .entry-c {

    padding: 5px 0;

}


.single-event .entry-image img {

    border-radius: 0;

}


.single-event .events-meta {

    font-size: 14px;

}


.single-event .events-meta .iconlist li,
.parallax .iconlist li {

    margin: 5px 0;

}


.single-event .entry-overlay,
.parallax .entry-overlay-meta {

    position: absolute;

    top: auto;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 80px;

    background-color: rgba(0, 0, 0, 0.85);

    text-align: center;

    line-height: 80px;

    font-size: 22px;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

    z-index: 5;

}


.single-event .countdown {

    display: inline-block;

    position: relative;

    top: 7px;

}


.single-event .countdown-section {

    padding: 0 15px;

    border-left-color: rgba(255, 255, 255, 0.3);

    color: #CCC;

}


.single-event .countdown-amount {

    color: #FFF;

}


.parallax .entry-overlay,
.parallax .entry-overlay-meta {

    background: transparent;

    width: auto;

    text-align: right;

    bottom: 30px;

    left: auto;

    right: 30px;

}


.parallax .entry-overlay-meta {

    padding: 20px;

    font-size: 14px;

    text-align: left;

    right: 38px;

    bottom: 130px;

    width: 368px;

    height: auto;

    line-height: inherit;

    background-color: rgba(0, 0, 0, 0.7);

    border-radius: 3px;

}


.parallax.overlay-left .entry-overlay,
.parallax.overlay-left .entry-overlay-meta {

    right: auto;

    left: 30px;

}


.parallax.overlay-left .entry-overlay-meta {

    left: 38px;

}


.parallax.overlay-center .entry-overlay,
.parallax.overlay-center .entry-overlay-meta {

    bottom: 100px;

    right: auto;

    left: 50%;

    margin-left: -192px;

}


.parallax.overlay-center .entry-overlay-meta {

    top: 100px;

    bottom: auto;

    margin-left: -184px;

}


.parallax .entry-overlay-meta h2 {

    font-size: 20px;

    text-transform: uppercase;

    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);

    padding-bottom: 17px;

}


.parallax .entry-overlay-meta h2 a {

    color: #FFF;

}


.parallax .entry-overlay-meta h2 a:hover {

    color: #DDD;

}


.parallax .countdown {

    top: 0;

}


.parallax .countdown-section {

    border-left: 0;

    width: 80px;

    height: 80px;

    margin: 0 8px;

    font-size: 13px;

    background-color: rgba(0, 0, 0, 0.7);

    border-radius: 3px;

    padding-top: 14px;

}


.parallax .countdown-amount {

    font-size: 28px;

    margin-bottom: 6px;

}


/* Individual Events

-----------------------------------------------------------------*/

.ievent {

    position: relative;

    margin-top: 20px;

}


.ievent:first-child {

    margin-top: 0;

}


.ievent .entry-image {

    width: 30%;

    margin-right: 20px;

}


.ievent .entry-content {

    margin-top: 20px;

}


.ievent .entry-title h2 {

    font-size: 18px;

}


.ievent .entry-meta {

    margin-right: -10px;

}


.ievent .entry-meta li {

    font-size: 13px;

    margin-right: 10px;

    padding-left: 10px;

}


.ievent .entry-meta li:first-child {

    padding-left: 0;

}


/* ----------------------------------------------------------------



	Countdown



-----------------------------------------------------------------*/

/* ----------------------------------------------------------------

	Countdown

-----------------------------------------------------------------*/

.countdown {

    display: block;

}


.countdown-row {

    display: block;

    position: relative;

    text-align: center;

}


.countdown-section {

    display: inline-block;

    font-size: 11px;

    line-height: 1;

    text-align: center;

    width: 25%;

    border-left: 1px dotted #BBB;

    color: #888;

    text-transform: capitalize;

}


.countdown-section:first-child {

    border-left: 0;

}


.countdown-amount {

    display: block;

    font-size: 20px;

    color: #333;

    margin-bottom: 5px;

}


.countdown-descr {

    display: block;

    width: 100%;

}


/* Countdown - Medium

-----------------------------------------------------------------*/

.countdown-medium .countdown-section {

    font-size: 14px;

}


.countdown-medium .countdown-amount {

    font-size: 30px;

    margin-bottom: 7px;

}


/* Countdown - Large

-----------------------------------------------------------------*/

.countdown-large .countdown-section {

    font-size: 18px;

}


.countdown-large .countdown-amount {

    font-size: 44px;

    font-weight: 700;

    margin-bottom: 8px;

}


/* Countdown - Inline

-----------------------------------------------------------------*/

.countdown.countdown-inline {

    display: inline-block;

}


.countdown.countdown-inline .countdown-row {

    display: inline-block;

    text-align: center;

}


.countdown.countdown-inline .countdown-section {

    display: inline-block;

    font-size: inherit;

    line-height: inherit;

    width: auto;

    border: none;

    color: inherit;

    margin-left: 7px;

    text-transform: inherit;

}


.countdown.countdown-inline .countdown-section:first-child {

    margin-left: 0;

}


.countdown.countdown-inline .countdown-amount {

    display: inline-block;

    font-size: inherit;

    color: inherit;

    font-weight: bold;

    margin: 0 3px 0 0;

}


.countdown.countdown-inline .countdown-descr {

    display: inline-block;

    width: auto;

}


/* Countdown - Coming Soon

-----------------------------------------------------------------*/

body:not(.device-sm):not(.device-xs) .countdown.countdown-large.coming-soon .countdown-section {

    border: none;

    padding: 15px;

}


body:not(.device-sm):not(.device-xs) .countdown.countdown-large.coming-soon .countdown-amount {

    height: 140px;

    line-height: 140px;

    border-radius: 50%;

    background-color: rgba(0, 0, 0, 0.2);

    margin-bottom: 15px !important;

}


/* ----------------------------------------------------------------

	Buttons

-----------------------------------------------------------------*/

.button {

    display: inline-block;

    position: relative;

    cursor: pointer;

    outline: none;

    white-space: nowrap;

    margin: 5px;

    padding: 0 22px;

    font-size: 14px;

    height: 40px;

    line-height: 40px;

    background-color: #c0c540;

    color: #FFF;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    border: none;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}


body:not(.device-touch) .button {

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}


.button-dark {

    background-color: #444;

}


.button-light {

    background-color: #EEE;

    color: #333;

    text-shadow: none !important;

}


.button:hover {

    background-color: #444;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}


.button.button-dark:hover {

    background-color: #c0c540;

}


.button.button-mini {

    padding: 0 14px;

    font-size: 11px;

    height: 28px;

    line-height: 28px;

}


.button.button-small {

    padding: 0 17px;

    font-size: 12px;

    height: 34px;

    line-height: 34px;

}


.button.button-large {

    padding: 0 26px;

    font-size: 16px;

    height: 46px;

    line-height: 46px;

}


.button.button-xlarge {

    padding: 0 32px;

    font-size: 18px;

    letter-spacing: 2px;

    height: 52px;

    line-height: 52px;

}


.button.button-desc {

    text-align: left;

    padding: 24px 34px;

    font-size: 22px;

    height: auto;

    line-height: 1;

    font-family: 'Raleway', sans-serif;

}


.button.button-desc span {

    display: block;

    margin-top: 10px;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 1px;

    font-family: 'Crete Round', serif;

    font-style: italic;

    text-transform: none;

}


.button i {

    position: relative;

    top: 1px;

    line-height: 1;

    margin-right: 5px;

    width: 16px;

    text-align: center;

}


.button.tright i {

    margin: 0 0 0 5px;

}


.button-mini i {

    margin-right: 3px;

}


.button-mini.tright i {

    margin: 0 0 0 3px;

}


.button-small i {

    margin-right: 4px;

}


.button-small.tright i {

    margin: 0 0 0 4px;

}


.button-xlarge i {

    top: 2px;

    margin-right: 8px;

}


.button-xlarge.tright i {

    margin: 0 0 0 8px;

}


.button.button-desc i {

    top: 1px;

    font-size: 48px;

    width: 48px;

    text-align: center;

    margin-right: 12px;

}


.button.button-desc.tright i {

    margin: 0 0 0 12px;

}


.button.button-desc div {

    display: inline-block;

}


.button.button-rounded {

    border-radius: 3px;

}


/* Buttons - Border

-----------------------------------------------------------------*/

.button.button-border {

    border: 2px solid #444;

    background-color: transparent;

    color: #333;

    line-height: 36px;

    font-weight: 700;

    text-shadow: none;

}


.button.button-border-thin {

    border-width: 1px;

    line-height: 38px;

}


.button.button-border.button-mini {

    line-height: 24px;

}


.button.button-border.button-small {

    line-height: 30px;

}


.button.button-border.button-large {

    line-height: 42px;

}


.button.button-border.button-xlarge {

    line-height: 48px;

}


.button.button-border-thin.button-mini {

    line-height: 26px;

}


.button.button-border-thin.button-small {

    line-height: 32px;

}


.button.button-border-thin.button-large {

    line-height: 44px;

}


.button.button-border-thin.button-xlarge {

    line-height: 50px;

}


.button.button-border.button-desc {

    line-height: 1;

}


.button.button-border:not(.button-fill):hover {

    background-color: #85882b !important;

    color: #FFF;

    border-color: transparent;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}


.button.button-border.button-light {

    border-color: #EEE;

    color: #EEE;

}


.button.button-border.button-light:hover {

    background-color: #EEE;

    color: #333;

    text-shadow: none;

}


/* Buttons - Border

-----------------------------------------------------------------*/

.button.button-3d {

    border-radius: 3px;

    border-bottom: 3px solid rgba(0, 0, 0, 0.15);

    -webkit-transition: none;

    transition: none;

}


.button.button-3d:hover {

    background-color: #c0c540 !important;

    opacity: 0.9;

}


.button.button-3d.button-light:hover,
.button.button-reveal.button-light:hover {

    text-shadow: none;

    color: #333;

}


.btn-blue-cofreco {

    border-color: transparent !important;

    color: #fff !important;

    background-color: #c0c540 !important;

    white-space: normal;

    height: 100%;

    text-align: center;

}


.btn-green-cofreco {

    border-color: transparent !important;

    color: #fff !important;

    background-color: #c0c540 !important;

    white-space: normal;

    height: 100%;

    text-align: center;

    padding: 1em 2em !important;

}


.btn-blue-cofreco i {

    color: #c0c540;

}


.btn-blue-cofreco:hover {

    color: #c0c540 !important;

    border: 1px solid #c0c540 !important;

    border-color: #c0c540 !important;

    background-color: #fff !important;

}


.btn-black {

    color: #333 !important;

    border: 1px solid #333 !important;

    font-weight: 300 !important;

}


.btn-black:hover {

    color: #c0c540 !important;

    border-color: transparent !important;

    background-color: #fff !important;

}


.btn-white {

    color: #fff !important;

    border: 1px solid #fff !important;

    font-weight: 300 !important;

}


.btn-white:hover {

    color: #c0c540 !important;

    border-color: transparent !important;

    background-color: #fff !important;

}


/* Buttons - Icon Reveal

-----------------------------------------------------------------*/

.button.button-reveal {

    padding: 0 28px;

    overflow: hidden;

}


.button.button-reveal i {

    display: block;

    position: absolute;

    top: 0;

    left: -32px;

    width: 32px;

    height: 40px;

    line-height: 40px;

    margin: 0;

    text-align: center;

    background-color: rgba(0, 0, 0, 0.1);

}


.button.button-reveal.button-border i {

    top: -2px;

}


.button.button-reveal.tright i {

    left: auto;

    right: -32px;

}


.button.button-reveal.button-3d i,
.button.button-reveal.button-rounded i {

    border-radius: 3px 0 0 3px;

}


.button.button-reveal.button-3d.tright i,
.button.button-reveal.button-rounded.tright i {

    border-radius: 0 3px 3px 0;

}


.button.button-reveal span {

    display: inline-block;

    position: relative;

    left: 0;

}


body:not(.device-touch) .button.button-reveal i,
body:not(.device-touch) .button.button-reveal span {

    -webkit-transition: left 0.3s ease, right 0.3s ease;

    transition: left 0.3s ease, right 0.3s ease;

}


.button.button-reveal.button-mini {

    padding: 0 17px;

}


.button.button-reveal.button-mini i {

    left: -22px;

    width: 22px;

    height: 28px;

    line-height: 28px;

}


.button.button-reveal.button-mini.tright i {

    left: auto;

    right: -22px;

}


.button.button-reveal.button-small {

    padding: 0 22px;

}


.button.button-reveal.button-small i {

    left: -26px;

    width: 26px;

    height: 34px;

    line-height: 34px;

}


.button.button-reveal.button-small.tright i {

    left: auto;

    right: -26px;

}


.button.button-reveal.button-large {

    padding: 0 32px;

}


.button.button-reveal.button-large i {

    left: -38px;

    width: 38px;

    height: 46px;

    line-height: 46px;

}


.button.button-reveal.button-large.tright i {

    left: auto;

    right: -38px;

}


.button.button-reveal.button-xlarge {

    padding: 0 40px;

}


.button.button-reveal.button-xlarge i {

    left: -44px;

    width: 44px;

    height: 52px;

    line-height: 52px;

}


.button.button-reveal.button-xlarge.tright i {

    left: auto;

    right: -44px;

}


.button.button-reveal:hover i {

    left: 0;

}


.button.button-reveal.tright:hover i {

    left: auto;

    right: 0;

}


.button.button-reveal:hover span {

    left: 16px;

}


.button.button-reveal.button-mini:hover span {

    left: 11px;

}


.button.button-reveal.button-small:hover span {

    left: 13px;

}


.button.button-reveal.button-large:hover span {

    left: 19px;

}


.button.button-reveal.button-xlarge:hover span {

    left: 22px;

}


.button.button-reveal.tright:hover span {

    left: -16px;

}


.button.button-reveal.button-mini.tright:hover span {

    left: -11px;

}


.button.button-reveal.button-small.tright:hover span {

    left: -13px;

}


.button.button-reveal.button-large.tright:hover span {

    left: -19px;

}


.button.button-reveal.button-xlarge.tright:hover span {

    left: -22px;

}


/* Buttons - Promo 100% Width

-----------------------------------------------------------------*/

.button.button-full {

    display: block;

    width: 100%;

    white-space: normal;

    margin: 0;

    height: auto;

    line-height: 1.6;

    padding: 30px 0;

    font-size: 30px;

    font-weight: 300;

    text-transform: none;

    border-radius: 0;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

}


.button.button-full.button-light {

    border-bottom: 1px solid rgba(0, 0, 0, 0.15);

}


.button.button-full strong {

    font-weight: 700;

    border-bottom: 2px solid #EEE;

}


body:not(.device-touch) .button.button-full strong {

    -webkit-transition: border .2s ease-in-out;

    transition: border .2s ease-in-out;

}


.button.button-full.button-light strong {

    border-bottom-color: #333;

}


.button.button-full.button-light:hover strong {

    border-bottom-color: #EEE;

}


/* Buttons - Circle

-----------------------------------------------------------------*/

.button.button-circle {

    border-radius: 20px;

}


.button.button-mini.button-circle {

    border-radius: 14px;

}


.button.button-small.button-circle {

    border-radius: 17px;

}


.button.button-large.button-circle {

    border-radius: 23px;

}


.button.button-xlarge.button-circle {

    border-radius: 26px;

}


/* Buttons - Fill Effect

-----------------------------------------------------------------*/

.button.button-border.button-fill {

    overflow: hidden;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);

    -webkit-backface-visibility: hidden;

}


.button.button-border.button-fill span {

    position: relative;

}


.button.button-border.button-fill:hover {

    background-color: transparent !important;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}


.button.button-border.button-fill.button-light:hover {

    border-color: #EEE !important;

    color: #333 !important;

    text-shadow: none;

}


.button.button-border.button-fill:before {

    content: '';

    position: absolute;

    background-color: #444;

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    -webkit-backface-visibility: hidden;

}


.button.button-border.button-fill.button-light:before {

    background-color: #EEE;

}


.button.button-border.button-fill.fill-from-right:before {

    left: auto;

    right: 0;

}


.button.button-border.button-fill:hover:before {

    width: 100%;

}


.button.button-border.button-fill.fill-from-top:before,
.button.button-border.button-fill.fill-from-bottom:before {

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}


.button.button-border.button-fill.fill-from-top:before {

    width: 100%;

    height: 0;

}


.button.button-border.button-fill.fill-from-top:hover:before {

    height: 100%;

}


.button.button-border.button-fill.fill-from-bottom:before {

    width: 100%;

    height: 0;

    top: auto;

    bottom: 0;

}


.button.button-border.button-fill.fill-from-bottom:hover:before {

    height: 100%;

}


/* Buttons - Colors

-----------------------------------------------------------------*/

.button-red {

    background-color: #C02942;

}


.button-3d.button-red:hover,
.button-reveal.button-red:hover,
.button-border.button-red:hover,
.button-border.button-red.button-fill:before {

    background-color: #C02942 !important;

}


.button-border.button-red {

    color: #C02942;

    border-color: #C02942;

}


.button-teal {

    background-color: #53777A;

}


.button-3d.button-teal:hover,
.button-reveal.button-teal:hover,
.button-border.button-teal:hover,
.button-border.button-teal.button-fill:before {

    background-color: #53777A !important;

}


.button-border.button-teal {

    color: #53777A;

    border-color: #53777A;

}


.button-yellow {

    background-color: #ECD078;

}


.button-3d.button-yellow:hover,
.button-reveal.button-yellow:hover,
.button-border.button-yellow:hover,
.button-border.button-yellow.button-fill:before {

    background-color: #ECD078 !important;

}


.button-border.button-yellow,
.button-border.button-yellow.button-fill.button-light:hover {

    color: #ECD078 !important;

    border-color: #ECD078 !important;

}


.button-border.button-yellow:hover,
.button-border.button-yellow.button-fill.button-light:hover {

    color: #333 !important;

}


.button-green {

    background-color: #59BA41;

}


.button-3d.button-green:hover,
.button-reveal.button-green:hover,
.button-border.button-green:hover,
.button-border.button-green.button-fill:before {

    background-color: #59BA41 !important;

}


.button-border.button-green {

    color: #59BA41;

    border-color: #59BA41;

}


.button-brown {

    background-color: #774F38;

}


.button-3d.button-brown:hover,
.button-reveal.button-brown:hover,
.button-border.button-brown:hover,
.button-border.button-brown.button-fill:before {

    background-color: #774F38 !important;

}


.button-border.button-brown {

    color: #774F38;

    border-color: #774F38;

}


.button-aqua {

    background-color: #40C0CB;

}


.button-3d.button-aqua:hover,
.button-reveal.button-aqua:hover,
.button-border.button-aqua:hover,
.button-border.button-aqua.button-fill:before {

    background-color: #40C0CB !important;

}


.button-border.button-aqua {

    color: #40C0CB;

    border-color: #40C0CB;

}


.button-lime {

    background-color: #AEE239;

}


.button-3d.button-lime:hover,
.button-reveal.button-lime:hover,
.button-border.button-lime:hover,
.button-border.button-lime.button-fill:before {

    background-color: #AEE239 !important;

}


.button-border.button-lime {

    color: #AEE239;

    border-color: #AEE239;

}


.button-purple {

    background-color: #5D4157;

}


.button-3d.button-purple:hover,
.button-reveal.button-purple:hover,
.button-border.button-purple:hover,
.button-border.button-purple.button-fill:before {

    background-color: #5D4157 !important;

}


.button-border.button-purple {

    color: #5D4157;

    border-color: #5D4157;

}


.button-leaf {

    background-color: #A8CABA;

}


.button-3d.button-leaf:hover,
.button-reveal.button-leaf:hover,
.button-border.button-leaf:hover,
.button-border.button-leaf.button-fill:before {

    background-color: #A8CABA !important;

}


.button-border.button-leaf {

    color: #A8CABA;

    border-color: #A8CABA;

}


.button-pink {

    background-color: #F89FA1;

}


.button-3d.button-pink:hover,
.button-reveal.button-pink:hover,
.button-border.button-pink:hover,
.button-border.button-pink.button-fill:before {

    background-color: #F89FA1 !important;

}


.button-border.button-pink {

    color: #F89FA1;

    border-color: #F89FA1;

}


.button-dirtygreen {

    background-color: #1693A5;

}


.button-3d.button-dirtygreen:hover,
.button-reveal.button-dirtygreen:hover,
.button-border.button-dirtygreen:hover,
.button-border.button-dirtygreen.button-fill:before {

    background-color: #1693A5 !important;

}


.button-border.button-dirtygreen {

    color: #1693A5;

    border-color: #1693A5;

}


.button-blue {

    background-color: #1265A8;

}


.button-3d.button-blue:hover,
.button-reveal.button-blue:hover,
.button-border.button-blue:hover,
.button-border.button-blue.button-fill:before {

    background-color: #1265A8 !important;

}


.button-border.button-blue {

    color: #1265A8;

    border-color: #1265A8;

}


.button-amber {

    background-color: #EB9C4D;

}


.button-3d.button-amber:hover,
.button-reveal.button-amber:hover,
.button-border.button-amber:hover,
.button-border.button-amber.button-fill:before {

    background-color: #EB9C4D !important;

}


.button-border.button-amber {

    color: #EB9C4D;

    border-color: #EB9C4D;

}


.button-black {

    background-color: #111;

}


.button-3d.button-black:hover,
.button-reveal.button-black:hover,
.button-border.button-black:hover,
.button-border.button-black.button-fill:before {

    background-color: #111 !important;

}


.button-border.button-black {

    color: #111;

    border-color: #111;

}


.button-white {

    background-color: #F9F9F9;

}


.button-3d.button-white:hover,
.button-reveal.button-white:hover {

    background-color: #F9F9F9 !important;

}


/* Buttons - No Hover

-----------------------------------------------------------------*/

.button.button-nohover:hover {

    opacity: inherit !important;

    background-color: inherit !important;

    color: inherit !important;

    border-color: inherit !important;

}


/* ----------------------------------------------------------------

	Promo Boxes

-----------------------------------------------------------------*/

.promo {

    position: relative;

    padding: 30px 200px 30px 0;

}


.promo h3 {

    font-weight: bold;

    margin-bottom: 0;

}


.promo > span,
.promo > .container > span {

    display: block;

    color: #444;

    font-weight: 300;

    font-size: 16px;

    margin-top: 6px;

}


.promo a.button {

    position: absolute;

    top: 50%;

    margin: 0;

    margin-top: -18px;

    left: auto;

    right: 0;

}


.promo a.button.button-mini {

    margin-top: -12px;

}


.promo a.button.button-small {

    margin-top: -15px;

}


.promo a.button.button-large {

    margin-top: -22px;

}


.promo a.button.button-xlarge {

    margin-top: -25px;

}


.promo a.button.button-desc {

    margin-top: -40px;

}


/* Promo Uppercase

-----------------------------------------------------------------*/

.promo-uppercase {

    text-transform: uppercase;

}


.promo-uppercase h3 {

    font-size: 22px;

}


.promo-uppercase > span,
.promo-uppercase > .container > span {

    font-size: 15px;

}


/* Promo - with Border

-----------------------------------------------------------------*/

.promo.promo-border {

    border: 1px solid #E5E5E5;

    border-radius: 3px;

    padding-left: 30px;

}


.promo.promo-border a.button {

    right: 30px;

}


/* Promo - Light

-----------------------------------------------------------------*/

.promo.promo-light {

    background-color: #F5F5F5;

    border-radius: 3px;

    padding-left: 30px;

}


.promo.promo-light a.button {

    right: 30px;

}


/* Promo - Dark

-----------------------------------------------------------------*/

.promo.promo-dark {

    border: 0 !important;

    background-color: #333;

    padding: 30px 200px 30px 30px;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

    border-radius: 3px;

}


.promo.promo-dark h3 {

    color: #FFF;

}


.promo.promo-dark > h3 span,
.promo.promo-dark > .container > h3 span {

    padding: 2px 8px;

    border-radius: 3px;

    background-color: rgba(0, 0, 0, 0.15);

    color: #FFF;

    font-weight: 400;

}


.promo.promo-dark > span,
.promo.promo-dark > .container > span {

    color: #CCC;

    margin-top: 8px;

}


.promo.promo-dark a.button {

    right: 30px;

}


/* Promo - Flat

-----------------------------------------------------------------*/

.promo.promo-flat {

    background-color: #c0c540;

}


.promo.promo-flat > span,
.promo.promo-flat > .container > span {

    color: rgba(255, 255, 255, 0.9);

}


.promo.promo-flat a.button:not(.button-border) {

    background-color: rgba(0, 0, 0, 0.2);

    color: #FFF;

}


.promo.promo-flat a.button:hover {

    background-color: #FFF;

    border-color: #FFF;

    color: #444;

    text-shadow: none;

}


/* Promo - 100% Full Width

-----------------------------------------------------------------*/

.promo-full {

    border-radius: 0 !important;

    border-left: 0 !important;

    border-right: 0 !important;

    padding: 40px 0 !important;

}


.promo-full a.button {

    right: 15px !important;

}


.promo-full.promo-right a.button {

    right: auto !important;

    left: 15px !important;

}


/* Promo - Parallax

-----------------------------------------------------------------*/

.promo.parallax {

    padding: 80px 0 !important;

}


/* Promo - Right Align

-----------------------------------------------------------------*/

.promo.promo-right {

    text-align: right;

    padding: 30px 0 30px 200px;

}


.promo.promo-right a.button {

    left: 0;

    right: auto;

}


/* Promo - with Border & Right Align

-----------------------------------------------------------------*/

.promo.promo-right.promo-border:not(.promo-mini),
.promo.promo-dark.promo-right:not(.promo-mini) {

    padding-right: 30px;

}


.promo.promo-right.promo-border a.button,
.promo.promo-dark.promo-right a.button {

    left: 30px;

}


/* Promo - Center Align

-----------------------------------------------------------------*/

.promo.promo-center {

    text-align: center;

    padding: 30px 20px;

}


.promo.promo-center a.button {

    position: relative;

    top: 0;

    margin: 20px 0 0;

    left: 0 !important;

    right: 0;

}


/* Promo - Mini

-----------------------------------------------------------------*/

.promo.promo-mini {

    text-align: left;

    padding: 20px 25px;

}


.promo.promo-mini h3 {

    font-size: 20px;

    line-height: 1.5;

}


.promo.promo-mini.promo-uppercase h3 {

    font-size: 18px;

}


.promo.promo-mini.promo-dark h3 {

    line-height: 1.7;

}


.promo.promo-mini a.button {

    position: relative;

    top: 0;

    margin: 20px 0 0;

    left: 0 !important;

    right: 0;

}


/* Promo - Mini - Center Align

-----------------------------------------------------------------*/

.promo.promo-mini.promo-center {

    text-align: center;

}


/* Promo - Mini - Right Align

-----------------------------------------------------------------*/

.promo.promo-mini.promo-right {

    text-align: right;

}


/* ----------------------------------------------------------------

	Featured Boxes

-----------------------------------------------------------------*/

.feature-box {

    position: relative;

    margin-top: 20px;

    padding: 0 0 0 80px;

}


.feature-box:first-child {

    margin-top: 0;

}


.feature-box .fbox-icon {

    display: block;

    position: absolute;

    width: 64px;

    height: 64px;

    top: 0;

    left: 0;

}


.feature-box .fbox-icon a,
.feature-box .fbox-icon i,
.feature-box .fbox-icon img {

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

    color: #FFF;

}


.feature-box .fbox-icon i,
.feature-box .fbox-icon img {

    border-radius: 50%;

    background-color: #c0c540;

}


.feature-box .fbox-icon i {

    font-style: normal;

    font-size: 28px;

    text-align: center;

    line-height: 64px;

}


.feature-box h3 {

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 0;

    color: #333;

}


.feature-box p {

    margin: 8px 0 0 0;

    color: #999;

}


.feature-box .before-heading {

    font-size: 14px;

}


/* Feature Box - Icon Large

-----------------------------------------------------------------*/

.feature-box.fbox-large {

    padding: 0 0 0 115px;

}


.feature-box.fbox-large .fbox-icon {

    width: 96px;

    height: 96px;

}


.feature-box.fbox-large .fbox-icon i {

    font-size: 42px;

    line-height: 96px;

}


/* Feature Box - Icon Outline

-----------------------------------------------------------------*/

.feature-box.fbox-outline .fbox-icon {

    border: 1px solid #c0c540;

    border-radius: 50%;

    padding: 3px;

}


.feature-box.fbox-outline .fbox-icon i {

    line-height: 56px;

}


/* Feature Box - Icon Outline Large

-----------------------------------------------------------------*/

.feature-box.fbox-outline.fbox-large .fbox-icon {

    padding: 4px;

}


.feature-box.fbox-outline.fbox-large .fbox-icon i {

    line-height: 86px;

}


/* Feature Box - Icon Rounded

-----------------------------------------------------------------*/

.feature-box.fbox-rounded .fbox-icon {

    border-radius: 3px !important;

}


.feature-box.fbox-rounded .fbox-icon i,
.feature-box.fbox-rounded .fbox-icon img {

    border-radius: 3px !important;

}


/* Feature Box - Icon Rounded & Large

-----------------------------------------------------------------*/

.feature-box.fbox-rounded.fbox-large .fbox-icon {

    border-radius: 4px !important;

}


.feature-box.fbox-rounded.fbox-large .fbox-icon i,
.feature-box.fbox-rounded.fbox-large .fbox-icon img {

    border-radius: 4px !important;

}


/* Feature Box - Light Background

-----------------------------------------------------------------*/

.feature-box.fbox-light.fbox-outline .fbox-icon {

    border-color: #E5E5E5;

}


.feature-box.fbox-light .fbox-icon i,
.feature-box.fbox-light .fbox-icon img {

    border: 1px solid #E5E5E5;

    background-color: #F5F5F5;

    color: #444;

}


.feature-box.fbox-light .fbox-icon i {

    line-height: 62px;

}


.feature-box.fbox-light.fbox-outline .fbox-icon i {

    line-height: 54px;

}


.feature-box.fbox-light.fbox-large .fbox-icon i {

    line-height: 96px;

}


.feature-box.fbox-light.fbox-outline.fbox-large .fbox-icon i {

    line-height: 84px;

}


/* Feature Box - Dark Background

-----------------------------------------------------------------*/

.feature-box.fbox-dark.fbox-outline .fbox-icon {

    border-color: #444;

}


.feature-box.fbox-dark .fbox-icon i,
.feature-box.fbox-dark .fbox-icon img {

    background-color: #333;

}


/* Feature Box - Border

-----------------------------------------------------------------*/

.feature-box.fbox-border .fbox-icon {

    border: 1px solid #c0c540;

    border-radius: 50%;

}


.feature-box.fbox-border .fbox-icon i,
.feature-box.fbox-border .fbox-icon img {

    border: none;

    background-color: transparent !important;

    color: #c0c540;

}


.feature-box.fbox-border .fbox-icon {

    padding: 0;

}


.feature-box.fbox-border .fbox-icon i {

    line-height: 62px !important;

}


.feature-box.fbox-border.fbox-large .fbox-icon i {

    line-height: 94px !important;

}


/* Feature Box - Border - Light

-----------------------------------------------------------------*/

.feature-box.fbox-border.fbox-light .fbox-icon {

    border-color: #E5E5E5;

}


.feature-box.fbox-border.fbox-light .fbox-icon i,
.feature-box.fbox-border.fbox-light .fbox-icon img {

    color: #888;

}


/* Feature Box - Border - Dark

-----------------------------------------------------------------*/

.feature-box.fbox-border.fbox-dark .fbox-icon {

    border-color: #333;

}


.feature-box.fbox-border.fbox-dark .fbox-icon i,
.feature-box.fbox-border.fbox-dark .fbox-icon img {

    color: #444;

}


/* Feature Box - Plain

-----------------------------------------------------------------*/

.feature-box.fbox-plain .fbox-icon {

    border: none !important;

    height: auto !important;

}


.feature-box.fbox-plain .fbox-icon i,
.feature-box.fbox-plain .fbox-icon img {

    border: none !important;

    background-color: transparent !important;

    color: #c0c540;

    border-radius: 0;

}


.feature-box.fbox-plain .fbox-icon i {

    font-size: 48px;

    line-height: 1 !important;

}


.feature-box.fbox-plain .fbox-icon img {

    height: 64px;

}


.feature-box.fbox-plain.fbox-image .fbox-icon {

    width: auto;

}


.feature-box.fbox-plain.fbox-image .fbox-icon img {

    width: auto;

    display: inline-block;

}


.feature-box.fbox-plain.fbox-small {

    padding-left: 42px;

}


.feature-box.fbox-plain.fbox-small .fbox-icon {

    width: 28px;

}


.feature-box.fbox-plain.fbox-small h3 {

    font-size: 15px;

    line-height: 26px;

    margin-bottom: 10px;

}


.feature-box.fbox-plain.fbox-small p {

    margin-left: -42px;

}


.feature-box.fbox-plain.fbox-small .fbox-icon i {

    font-size: 28px;

}


.feature-box.fbox-plain.fbox-small .fbox-icon img {

    height: 28px;

}


.feature-box.fbox-plain.fbox-large .fbox-icon i {

    font-size: 72px;

}


.feature-box.fbox-plain.fbox-large .fbox-icon img {

    height: 96px;

}


.feature-box.fbox-plain.fbox-light .fbox-icon i,
.feature-box.fbox-plain.fbox-light .fbox-icon img {

    color: #888;

}


.feature-box.fbox-plain.fbox-dark .fbox-icon i,
.feature-box.fbox-plain.fbox-dark .fbox-icon img {

    color: #444;

}


/* Feature Box - Center

-----------------------------------------------------------------*/

.feature-box.fbox-center {

    padding: 0;

    text-align: center;

}


.feature-box.fbox-center.fbox-small {

    padding-left: 0 !important;

}


.feature-box.fbox-center .fbox-icon {

    position: relative;

    width: 96px;

    height: 96px;

    margin: 0 auto 30px;

}


.feature-box.fbox-center .fbox-icon i {

    font-size: 42px;

    line-height: 96px;

}


.feature-box.fbox-center.fbox-outline .fbox-icon i {

    line-height: 88px;

}


.feature-box.fbox-center p {

    font-size: 14px;

    margin-top: 15px;

}


/* Feature Box - Center & Large Icons

-----------------------------------------------------------------*/

.feature-box.fbox-center.fbox-large .fbox-icon {

    width: 128px;

    height: 128px;

}


.feature-box.fbox-center.fbox-large .fbox-icon i {

    font-size: 70px;

    line-height: 128px;

}


.feature-box.fbox-center.fbox-large.fbox-outline .fbox-icon i {

    line-height: 118px;

}


.feature-box.fbox-center.fbox-light .fbox-icon i {

    line-height: 94px;

}


.feature-box.fbox-center.fbox-light.fbox-outline .fbox-icon i {

    line-height: 86px;

}


.feature-box.fbox-center.fbox-light.fbox-outline.fbox-large .fbox-icon i {

    line-height: 114px;

}


.feature-box.fbox-center.fbox-border .fbox-icon i {

    line-height: 94px !important;

}


.feature-box.fbox-center.fbox-large.fbox-border .fbox-icon i {

    line-height: 126px !important;

}


.feature-box.fbox-center.fbox-plain .fbox-icon i {

    font-size: 84px;

}


.feature-box.fbox-center.fbox-plain .fbox-icon img {

    height: 96px;

}


.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon i {

    font-size: 112px;

}


.feature-box.fbox-center.fbox-large.fbox-plain .fbox-icon img {

    height: 128px;

}


/* Feature Box - Center & Large Icons

-----------------------------------------------------------------*/

.feature-box.fbox-center.fbox-small .fbox-icon {

    width: 64px;

    height: 64px;

}


.feature-box.fbox-center.fbox-small .fbox-icon i {

    font-size: 28px;

    line-height: 64px;

}


.feature-box.fbox-center.fbox-small.fbox-outline .fbox-icon i {

    line-height: 58px;

}


.feature-box.fbox-center.fbox-light.fbox-outline.fbox-small .fbox-icon i {

    line-height: 54px;

}


.feature-box.fbox-center.fbox-small.fbox-border .fbox-icon i {

    line-height: 62px !important;

}


.feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon i {

    font-size: 56px;

}


.feature-box.fbox-center.fbox-small.fbox-plain .fbox-icon img {

    height: 64px;

}


.feature-box.fbox-center.fbox-small p {

    font-size: 14px;

    margin-top: 10px;

}


.feature-box.fbox-center.fbox-plain.fbox-small p {

    margin-left: 0;

}


/* Feature Box - Right

-----------------------------------------------------------------*/

.feature-box.fbox-right {

    padding: 0 80px 0 0;

    text-align: right;

}


.feature-box.fbox-right.fbox-large {

    padding-right: 115px;

}


.feature-box.fbox-right .fbox-icon {

    left: auto;

    right: 0;

}


.feature-box.fbox-right.fbox-plain.fbox-small {

    padding: 0 42px 0 0;

}


.feature-box.fbox-right.fbox-plain.fbox-small p {

    margin: 0 -42px 0 0;

}


/* Feature Box - Subtitle

-----------------------------------------------------------------*/

.feature-box h3 + .fbox-icon {

    margin-top: 20px !important;

}


.feature-box h3 span.subtitle {

    display: block;

    margin-top: 5px;

    color: #444;

    font-weight: 300;

    text-transform: none;

}


.feature-box.fbox-center:not(.fbox-bg) h3:after {

    content: '';

    display: block;

    margin: 20px auto;

    width: 30px;

    border-top: 2px solid #555;

    -webkit-transition: width .3s ease;

    transition: width .3s ease;

}


.feature-box.fbox-center:not(.fbox-bg):hover h3:after {

    width: 50px;

}


.feature-box.fbox-center.noborder:not(.fbox-bg) h3:after,
.feature-box.fbox-center.nobottomborder:not(.fbox-bg) h3:after {

    display: none;

}


.feature-box.fbox-center.fbox-italic p {

    font-style: italic;

    font-family: 'Lato', sans-serif;

}


/* Feature Box - Background

-----------------------------------------------------------------*/

.feature-box.fbox-bg.fbox-center {

    margin-top: 68px;

    padding: 68px 30px 30px;

    background-color: #FFF;

    border: 1px solid #E5E5E5;

    border-radius: 5px;

}


.feature-box.fbox-bg.fbox-center:first-child {

    margin-top: 48px;

}


.feature-box.fbox-bg.fbox-center.fbox-large {

    margin-top: 84px;

    padding-top: 84px;

}


.feature-box.fbox-bg.fbox-center.fbox-large:first-child {

    margin-top: 64px;

}


.feature-box.fbox-bg.fbox-center .fbox-icon {

    position: absolute;

    top: -48px;

    left: 50%;

    margin: 0 0 0 -48px;

}


.feature-box.fbox-bg.fbox-center.fbox-large .fbox-icon {

    top: -64px;

    left: 50%;

    margin-left: -64px;

}


.feature-box.fbox-bg.fbox-center.fbox-plain .fbox-icon,
.feature-box.fbox-bg.fbox-center.fbox-border .fbox-icon,
.feature-box.fbox-bg.fbox-center.fbox-outline .fbox-icon {

    background-color: #FFF;

}


/* Animated Icon Hovers

-----------------------------------------------------------------*/

.fbox-effect .fbox-icon i {

    z-index: 1;

}


.fbox-effect .fbox-icon i:after {

    pointer-events: none;

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    content: '';

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}


.fbox-rounded.fbox-effect .fbox-icon i:after {

    border-radius: 3px;

}


.fbox-effect .fbox-icon i {

    -webkit-transition: background-color 0.3s, color 0.3s;

    transition: background-color 0.3s, color 0.3s;

}


.fbox-effect .fbox-icon i:after {

    top: -3px;

    left: -3px;

    padding: 3px;

    -webkit-box-shadow: 0 0 0 2px #333;

    box-shadow: 0 0 0 2px #333;

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

    -webkit-transform: scale(.8);

    -moz-transition: -moz-transform 0.3s, opacity 0.3s;

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

    transition: opacity 0.3s, -webkit-transform 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;

    transform: scale(.8);

    opacity: 0;

}


.fbox-effect .fbox-icon i:hover,
.fbox-effect:hover .fbox-icon i {

    background-color: #333;

    color: #FFF;

}


.fbox-effect.fbox-dark .fbox-icon i:after {

    -webkit-box-shadow: 0 0 0 2px #c0c540;

    box-shadow: 0 0 0 2px #c0c540;

}


.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i {

    background-color: #c0c540;

}


.fbox-effect .fbox-icon i:hover:after,
.fbox-effect:hover .fbox-icon i:after {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}


/* Icon Effects - Bordered

-----------------------------------------------------------------*/

.fbox-border.fbox-effect .fbox-icon i {

    -webkit-transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;

    -webkit-transition: color 0.5s, background-color 0.5s, -webkit-box-shadow 0.5s;

    transition: color 0.5s, background-color 0.5s, -webkit-box-shadow 0.5s;

    transition: color 0.5s, box-shadow 0.5s, background-color 0.5s;

    transition: color 0.5s, box-shadow 0.5s, background-color 0.5s, -webkit-box-shadow 0.5s;

}


.fbox-border.fbox-effect .fbox-icon i:after {

    top: -2px;

    left: -2px;

    padding: 2px;

    z-index: -1;

    -webkit-box-shadow: none;

    box-shadow: none;

    background-image: url('https://b4963c.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/icons/iconalt.svg');

    background-position: center center;

    background-size: 100% 100%;

    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;

    -webkit-transition: opacity 0.5s, background-color 0.5s, -webkit-transform 0.5s;

    transition: opacity 0.5s, background-color 0.5s, -webkit-transform 0.5s;

    transition: transform 0.5s, opacity 0.5s, background-color 0.5s;

    transition: transform 0.5s, opacity 0.5s, background-color 0.5s, -webkit-transform 0.5s;

}


.fbox-border.fbox-rounded.fbox-effect .fbox-icon i:after {

    border-radius: 3px;

}


.fbox-border.fbox-effect .fbox-icon i:hover,
.fbox-border.fbox-effect:hover .fbox-icon i {

    color: #FFF;

    -webkit-box-shadow: 0 0 0 1px #333;

    box-shadow: 0 0 0 1px #333;

}


.fbox-border.fbox-effect .fbox-icon i:after {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

    opacity: 0;

    background-color: #333;

}


.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {

    -webkit-box-shadow: 0 0 0 1px #c0c540;

    box-shadow: 0 0 0 1px #c0c540;

}


.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after {

    background-color: #c0c540;

}


.fbox-border.fbox-effect .fbox-icon i:hover:after,
.fbox-border.fbox-effect:hover .fbox-icon i:after {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}


/* Media Featured Box

-----------------------------------------------------------------*/

.feature-box.media-box {

    padding: 0;

}


.feature-box.media-box .fbox-media {

    margin: 0 0 25px;

}


.feature-box.media-box .fbox-media,
.feature-box.media-box .fbox-media a,
.feature-box.media-box .fbox-media img {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

}


.feature-box.media-box .fbox-media iframe {

    display: block;

}


.feature-box.media-box p {

    margin-top: 17px;

}


.feature-box.media-box.fbox-bg .fbox-media {

    margin: 0;

}


.feature-box.media-box.fbox-bg .fbox-desc {

    padding: 25px;

    background-color: #FFF;

    border: 1px solid #E5E5E5;

    border-top: 0;

    border-radius: 0 0 5px 5px;

}


.feature-box.media-box.fbox-bg .fbox-media img {

    border-radius: 5px 5px 0 0;

}


/* ----------------------------------------------------------------

	Flipbox

-----------------------------------------------------------------*/

.flipbox {

    -webkit-perspective: 1000px;

    perspective: 1000px;

}


.flipbox-inner {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    -webkit-transition-timing-function: ease;

    transition-timing-function: ease;

    position: relative;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}


.flipbox-front,
.flipbox-back {

    -webkit-backface-visibility: hidden;

}


.flipbox-front {

    z-index: 2;

}


.flipbox-back {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}


.flipbox:not(.flipbox-vertical) .flipbox-front {

    -webkit-transform: rotateY(0deg);

    transform: rotateY(0deg);

}


.flipbox:not(.flipbox-vertical) .flipbox-back {

    -webkit-transform: rotateY(-180deg);

    transform: rotateY(-180deg);

}


.flipbox.flipbox-vertical .flipbox-front {

    -webkit-transform: rotateX(0deg);

    transform: rotateX(0deg);

}


.flipbox.flipbox-vertical .flipbox-back {

    -webkit-transform: rotateX(-180deg);

    transform: rotateX(-180deg);

}


.flipbox:not(.flipbox-vertical):hover .flipbox-inner,
.flipbox:not(.flipbox-vertical).hover .flipbox-inner {

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

}


.flipbox.flipbox-vertical:hover .flipbox-inner,
.flipbox.flipbox-vertical.hover .flipbox-inner {

    -webkit-transform: rotateX(180deg);

    transform: rotateX(180deg);

}


/* ----------------------------------------------------------------

	Process Steps

-----------------------------------------------------------------*/

.process-steps {

    margin: 0 0 40px;

    list-style: none;

}


.process-steps li {

    float: left;

    position: relative;

    width: 25%;

    text-align: center;

    overflow: hidden;

}


.process-steps.process-2 li {

    width: 50%;

}


.process-steps.process-3 li {

    width: 33.33%;

}


.process-steps.process-5 li {

    width: 20%;

}


.process-steps li .i-circled {

    margin-bottom: 0 !important;

}


.process-steps li .i-bordered {

    background-color: #FFF;

}


.process-steps li h5 {

    margin: 15px 0 0 0;

    font-size: 16px;

    font-weight: 300;

}


.process-steps li.active h5,
.process-steps li.ui-tabs-active h5 {

    font-weight: 600;

    color: #c0c540;

}


.process-steps li.active a,
.process-steps li.ui-tabs-active a {

    background-color: #c0c540 !important;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

    border-color: #c0c540 !important;

}


.process-steps li:before,
.process-steps li:after {

    content: '';

    position: absolute;

    top: 30px;

    left: 0;

    margin-left: -26px;

    width: 50%;

    border-top: 1px dashed #DDD;

}


.process-steps li:after {

    left: auto;

    right: 0;

    margin: 0 -26px 0 0;

}


.process-steps li:first-child:before,
.process-steps li:last-child:after {

    display: none;

}


/* ----------------------------------------------------------------

	Alerts

-----------------------------------------------------------------*/

.style-msg,
.style-msg2 {

    position: relative;

    display: block;

    color: #444;

    border-left: 4px solid rgba(0, 0, 0, 0.1);

    margin-bottom: 20px;

}


.style-msg2 {

    border-left: 4px solid rgba(0, 0, 0, 0.2);

}


.successmsg {

    background: #C5EBD4;

    color: #184B21;

}


.errormsg {

    background: #FFCCCC;

    color: #740D0A;

}


.infomsg {

    background: #B9DFF4;

    color: #124F70;

}


.alertmsg {

    background: #FCE0B6;

    color: #975E06;

}


.style-msg .sb-msg,
.style-msg2 .msgtitle,
.style-msg2 .sb-msg {

    display: block;

    padding: 15px;

    border-left: 1px solid rgba(255, 255, 255, 0.5);

    font-size: 14px;

    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);

}


.style-msg2 .msgtitle {

    background: rgba(0, 0, 0, 0.15);

    border-top: none;

    border-bottom: none;

    font-size: 15px;

    font-weight: bold;

}


.style-msg-light .sb-msg,
.style-msg-light .msgtitle {

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

}


.style-msg2 .sb-msg {

    font-weight: normal;

}


.style-msg2 ol,
.style-msg2 ul {

    margin: 0 0 0 30px;

}


.style-msg2 ol {

    list-style-type: decimal;

}


.style-msg2 ul {

    list-style-type: disc;

}


.alert i,
.sb-msg i,
.msgtitle i {

    position: relative;

    top: 1px;

    font-size: 14px;

    width: 14px;

    text-align: center;

    margin-right: 5px;

}


.style-msg .close {

    position: absolute;

    top: 10px;

    left: auto;

    right: 10px;

}


/* ----------------------------------------------------------------

	Styled Icons

-----------------------------------------------------------------*/

.i-rounded,
.i-plain,
.i-circled,
.i-bordered,
.social-icon {

    display: block;

    float: left;

    margin: 4px 11px 7px 0;

    text-align: center !important;

    font-size: 28px;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

    cursor: pointer;

    font-style: normal;

}


body:not(.device-touch) .i-rounded,
body:not(.device-touch) .i-plain,
body:not(.device-touch) .i-circled,
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .social-icon {

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}


.i-rounded,
.i-circled,
.i-bordered {

    width: 52px !important;

    height: 52px !important;

    line-height: 52px !important;

    background-color: #444;

    border-radius: 3px;

}


.i-bordered {

    border: 1px solid #555;

    line-height: 50px !important;

    background-color: transparent !important;

    color: #444;

    text-shadow: none;

}


.i-plain {

    width: 36px !important;

    height: 36px !important;

    font-size: 28px;

    line-height: 36px !important;

    color: #444;

    text-shadow: 1px 1px 1px #FFF;

}


.i-plain:hover {

    color: #777;

}


.i-circled {

    border-radius: 50%;

}


.i-light {

    background-color: #F5F5F5;

    color: #444;

    text-shadow: 1px 1px 1px #FFF;

    -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);

    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);

}


.i-alt {

    background-image: url('https://b4963c.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/icons/iconalt.svg');

    background-position: center center;

    background-size: 100% 100%;

}


.i-rounded:hover,
.i-circled:hover {

    background-color: #c0c540;

    color: #FFF;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);

}


.i-bordered:hover {

    background-color: #444 !important;

    color: #FFF;

    border-color: #444;

}


/* Icon Size - Small

-----------------------------------------------------------------*/

.i-small.i-rounded,
.i-small.i-plain,
.i-small.i-circled,
.i-small.i-bordered {

    margin: 4px 11px 7px 0;

    font-size: 14px;

}


.i-small.i-rounded,
.i-small.i-circled,
.i-small.i-bordered {

    width: 28px !important;

    height: 28px !important;

    line-height: 28px !important;

}


.i-small.i-bordered {

    line-height: 26px !important;

}


.i-small.i-plain {

    width: 18px !important;

    height: 18px !important;

    font-size: 14px;

    line-height: 18px !important;

}


/* Icon Size - Small

-----------------------------------------------------------------*/

.i-medium.i-rounded,
.i-medium.i-plain,
.i-medium.i-circled,
.i-medium.i-bordered {

    margin: 6px 13px 9px 0;

    font-size: 21px;

}


.i-medium.i-rounded,
.i-medium.i-circled,
.i-medium.i-bordered {

    width: 36px !important;

    height: 36px !important;

    line-height: 36px !important;

}


.i-medium.i-bordered {

    line-height: 34px !important;

}


.i-medium.i-plain {

    width: 28px !important;

    height: 28px !important;

    font-size: 20px;

    line-height: 28px !important;

}


/* Icon Size - Large

-----------------------------------------------------------------*/

.i-large.i-rounded,
.i-large.i-plain,
.i-large.i-circled,
.i-large.i-bordered {

    margin: 4px 11px 7px 0;

    font-size: 42px;

}


.i-large.i-rounded,
.i-large.i-circled,
.i-large.i-bordered {

    width: 64px !important;

    height: 64px !important;

    line-height: 64px !important;

}


.i-large.i-bordered {

    line-height: 62px !important;

}


.i-large.i-plain {

    width: 48px !important;

    height: 48px !important;

    font-size: 42px;

    line-height: 48px !important;

}


/* Icon Size - Extra Large

-----------------------------------------------------------------*/

.i-xlarge.i-rounded,
.i-xlarge.i-plain,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {

    margin: 4px 11px 7px 0;

    font-size: 56px;

}


.i-xlarge.i-rounded,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {

    width: 84px !important;

    height: 84px !important;

    line-height: 84px !important;

}


.i-xlarge.i-bordered {

    line-height: 82px !important;

}


.i-xlarge.i-plain {

    width: 64px !important;

    height: 64px !important;

    font-size: 56px;

    line-height: 64px !important;

}


/* Icon Size - Extra Extra Large

-----------------------------------------------------------------*/

.i-xxlarge.i-rounded,
.i-xxlarge.i-plain,
.i-xxlarge.i-circled,
.i-xxlarge.i-bordered {

    margin: 6px 15px 10px 0;

    font-size: 64px;

}


.i-xxlarge.i-rounded,
.i-xxlarge.i-circled,
.i-xxlarge.i-bordered {

    width: 96px !important;

    height: 96px !important;

    line-height: 96px !important;

}


.i-xxlarge.i-bordered {

    line-height: 94px !important;

}


.i-xxlarge.i-plain {

    width: 80px !important;

    height: 80px !important;

    font-size: 64px;

    line-height: 80px !important;

}


/* ----------------------------------------------------------------

	Icon Overlay

-----------------------------------------------------------------*/

.i-overlay,
.i-overlay a {

    display: block;

    position: absolute;

    width: 100% !important;

    height: 100% !important;

    top: 0;

    left: 0;

    text-align: center;

    background: rgba(0, 0, 0, 0.2) url('https://dfd56b.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/grid.png') repeat;

}


.i-overlay a {

    background: transparent;

}


.i-overlay img,
.i-overlay i {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -24px 0 0 -24px;

    width: 48px !important;

    height: 48px !important;

    font-size: 48px;

    line-height: 1;

    color: #E5E5E5;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);

}


.i-overlay i {

    margin: -18px 0 0 -18px;

    width: 36px !important;

    height: 36px !important;

    line-height: 36px;

    font-size: 24px;

}


.on-hover.i-overlay {

    opacity: 0;

}


body:not(.device-touch) .on-hover.i-overlay {

    -webkit-transition: opacity 0.3s linear;

    transition: opacity 0.3s linear;

}


.on-hover.i-overlay:hover {

    opacity: 1;

}


/* ----------------------------------------------------------------

	Social Icons

-----------------------------------------------------------------*/

.social-icon {

    margin: 0 5px 5px 0;

    width: 40px;

    height: 40px;

    font-size: 20px;

    line-height: 38px !important;

    color: #555;

    text-shadow: none;

    border: 1px solid #AAA;

    border-radius: 3px;

    overflow: hidden;

}


/* Social Icons - Rounded

-----------------------------------------------------------------*/

.si-rounded {

    border-radius: 50%;

}


/* Social Icons - Borderless

-----------------------------------------------------------------*/

.si-borderless {

    border-color: transparent !important;

}


/* Social Icons - Dark

-----------------------------------------------------------------*/

.si-dark {

    background-color: #444;

    color: #FFF !important;

    border-color: transparent;

}


/* Social Icons - Light

-----------------------------------------------------------------*/

.si-light {

    background-color: rgba(0, 0, 0, 0.05);

    color: #666 !important;

    border-color: transparent;

}


/* Social Icons - Colored

-----------------------------------------------------------------*/

.si-colored {

    border-color: transparent !important;

}


.si-colored i {

    color: #FFF;

}


/* Social Icons - Large

-----------------------------------------------------------------*/

.social-icon.si-large {

    margin: 0 10px 10px 0;

    width: 56px;

    height: 56px;

    font-size: 30px;

    line-height: 54px !important;

}


/* Social Icons - Small

-----------------------------------------------------------------*/

.social-icon.si-small {

    width: 32px;

    height: 32px;

    font-size: 14px;

    line-height: 30px !important;

}


.social-icon i {

    display: block;

    position: relative;

}


body:not(.device-touch) .social-icon i {

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}


.social-icon i:last-child {

    color: #FFF !important;

}


.social-icon:hover i:first-child {

    margin-top: -38px;

}


.social-icon.si-large:hover i:first-child {

    margin-top: -54px;

}


.social-icon.si-small:hover i:first-child {

    margin-top: -30px;

}


.social-icon:hover {

    color: #555;

    border-color: transparent;

}


.si-colored.social-icon {

    border-color: transparent;

}


/* Social Icons - Sticky

-----------------------------------------------------------------*/

.si-sticky {

    position: fixed;

    top: 50%;

    left: 5px;

    width: 36px;

    z-index: 100;

}


/* Social Icons - Sticky Right

-----------------------------------------------------------------*/

.si-sticky.si-sticky-right {

    left: auto;

    right: 8px;

}


/* Social Icons - Share

-----------------------------------------------------------------*/

.si-share {

    position: relative;

    padding-left: 5px;

    border-top: 1px solid #EEE;

    border-bottom: 1px solid #EEE;

}


.si-share span {

    line-height: 36px;

    font-weight: bold;

    font-size: 13px;

}


.si-share div {

    float: right;

}


.si-share .social-icon {

    margin: -1px 0;

    border-radius: 0;

    font-size: 15px;

}


.si-facebook:hover,
.si-colored.si-facebook {

    background-color: #3B5998 !important;

}


.si-delicious:hover,
.si-colored.si-delicious {

    background-color: #205CC0 !important;

}


.si-paypal:hover,
.si-colored.si-paypal {

    background-color: #00588B !important;

}


.si-flattr:hover,
.si-colored.si-flattr {

    background-color: #F67C1A !important;

}


.si-android:hover,
.si-colored.si-android {

    background-color: #A4C639 !important;

}


.si-smashmag:hover,
.si-colored.si-smashmag {

    background-color: #E53B2C !important;

}


.si-gplus:hover,
.si-colored.si-gplus {

    background-color: #DD4B39 !important;

}


.si-wikipedia:hover,
.si-colored.si-wikipedia {

    background-color: #333 !important;

}


.si-stumbleupon:hover,
.si-colored.si-stumbleupon {

    background-color: #F74425 !important;

}


.si-foursquare:hover,
.si-colored.si-foursquare {

    background-color: #25A0CA !important;

}


.si-call:hover,
.si-colored.si-call {

    background-color: #444 !important;

}


.si-ninetyninedesigns:hover,
.si-colored.si-ninetyninedesigns {

    background-color: #F26739 !important;

}


.si-forrst:hover,
.si-colored.si-forrst {

    background-color: #5B9A68 !important;

}


.si-digg:hover,
.si-colored.si-digg {

    background-color: #191919 !important;

}


.si-spotify:hover,
.si-colored.si-spotify {

    background-color: #81B71A !important;

}


.si-reddit:hover,
.si-colored.si-reddit {

    background-color: #C6C6C6 !important;

}


.si-blogger:hover,
.si-colored.si-blogger {

    background-color: #FC4F08 !important;

}


.si-cc:hover,
.si-colored.si-cc {

    background-color: #688527 !important;

}


.si-dribbble:hover,
.si-colored.si-dribbble {

    background-color: #EA4C89 !important;

}


.si-evernote:hover,
.si-colored.si-evernote {

    background-color: #5BA525 !important;

}


.si-flickr:hover,
.si-colored.si-flickr {

    background-color: #FF0084 !important;

}


.si-google:hover,
.si-colored.si-google {

    background-color: #DD4B39 !important;

}


.si-instapaper:hover,
.si-colored.si-instapaper {

    background-color: #333 !important;

}


.si-klout:hover,
.si-colored.si-klout {

    background-color: #FF5F52 !important;

}


.si-linkedin:hover,
.si-colored.si-linkedin {

    background-color: #0E76A8 !important;

}


.si-vk:hover,
.si-colored.si-vk {

    background-color: #2B587A !important;

}


.si-rss:hover,
.si-colored.si-rss {

    background-color: #EE802F !important;

}


.si-skype:hover,
.si-colored.si-skype {

    background-color: #00AFF0 !important;

}


.si-twitter:hover,
.si-colored.si-twitter {

    background-color: #00ACEE !important;

}


.si-youtube:hover,
.si-colored.si-youtube {

    background-color: #C4302B !important;

}


.si-vimeo:hover,
.si-colored.si-vimeo {

    background-color: #86C9EF !important;

}


.si-aim:hover,
.si-colored.si-aim {

    background-color: #FCD20B !important;

}


.si-yahoo:hover,
.si-colored.si-yahoo {

    background-color: #720E9E !important;

}


.si-email3:hover,
.si-colored.si-email3 {

    background-color: #6567A5 !important;

}


.si-macstore:hover,
.si-colored.si-macstore {

    background-color: #333333 !important;

}


.si-myspace:hover,
.si-colored.si-myspace {

    background-color: #666666 !important;

}


.si-podcast:hover,
.si-colored.si-podcast {

    background-color: #E4B21B !important;

}


.si-cloudapp:hover,
.si-colored.si-cloudapp {

    background-color: #525557 !important;

}


.si-dropbox:hover,
.si-colored.si-dropbox {

    background-color: #3D9AE8 !important;

}


.si-ebay:hover,
.si-colored.si-ebay {

    background-color: #89C507 !important;

}


.si-github:hover,
.si-colored.si-github {

    background-color: #171515 !important;

}


.si-googleplay:hover,
.si-colored.si-googleplay {

    background-color: #DD4B39 !important;

}


.si-itunes:hover,
.si-colored.si-itunes {

    background-color: #222 !important;

}


.si-plurk:hover,
.si-colored.si-plurk {

    background-color: #CF5A00 !important;

}


.si-pinboard:hover,
.si-colored.si-pinboard {

    background-color: #0000E6 !important;

}


.si-soundcloud:hover,
.si-colored.si-soundcloud {

    background-color: #FF7700 !important;

}


.si-tumblr:hover,
.si-colored.si-tumblr {

    background-color: #34526F !important;

}


.si-wordpress:hover,
.si-colored.si-wordpress {

    background-color: #1E8CBE !important;

}


.si-yelp:hover,
.si-colored.si-yelp {

    background-color: #C41200 !important;

}


.si-intensedebate:hover,
.si-colored.si-intensedebate {

    background-color: #009EE4 !important;

}


.si-eventbrite:hover,
.si-colored.si-eventbrite {

    background-color: #F16924 !important;

}


.si-scribd:hover,
.si-colored.si-scribd {

    background-color: #666666 !important;

}


.si-stripe:hover,
.si-colored.si-stripe {

    background-color: #008CDD !important;

}


.si-print:hover,
.si-colored.si-print {

    background-color: #111 !important;

}


.si-dwolla:hover,
.si-colored.si-dwolla {

    background-color: #FF5C03 !important;

}


.si-statusnet:hover,
.si-colored.si-statusnet {

    background-color: #131A30 !important;

}


.si-acrobat:hover,
.si-colored.si-acrobat {

    background-color: #D3222A !important;

}


.si-drupal:hover,
.si-colored.si-drupal {

    background-color: #27537A !important;

}


.si-buffer:hover,
.si-colored.si-buffer {

    background-color: #333333 !important;

}


.si-pocket:hover,
.si-colored.si-pocket {

    background-color: #EE4056 !important;

}


.si-bitbucket:hover,
.si-colored.si-bitbucket {

    background-color: #0E4984 !important;

}


.si-stackoverflow:hover,
.si-colored.si-stackoverflow {

    background-color: #EF8236 !important;

}


.si-hackernews:hover,
.si-colored.si-hackernews {

    background-color: #FF6600 !important;

}


.si-xing:hover,
.si-colored.si-xing {

    background-color: #126567 !important;

}


.si-instagram:hover,
.si-colored.si-instagram {

    background-color: #3F729B !important;

}


.si-quora:hover,
.si-colored.si-quora {

    background-color: #A82400 !important;

}


.si-openid:hover,
.si-colored.si-openid {

    background-color: #E16309 !important;

}


.si-steam:hover,
.si-colored.si-steam {

    background-color: #111 !important;

}


.si-amazon:hover,
.si-colored.si-amazon {

    background-color: #E47911 !important;

}


.si-disqus:hover,
.si-colored.si-disqus {

    background-color: #E4E7EE !important;

}


.si-plancast:hover,
.si-colored.si-plancast {

    background-color: #222 !important;

}


.si-appstore:hover,
.si-colored.si-appstore {

    background-color: #000 !important;

}


.si-pinterest:hover,
.si-colored.si-pinterest {

    background-color: #C8232C !important;

}


.si-fivehundredpx:hover,
.si-colored.si-fivehundredpx {

    background-color: #111 !important;

}


/* Social Icons Text Color

-----------------------------------------------------------------*/

.si-text-color.si-facebook i {

    color: #3B5998;

}


.si-text-color.si-delicious i {

    color: #205CC0;

}


.si-text-color.si-paypal i {

    color: #00588B;

}


.si-text-color.si-flattr i {

    color: #F67C1A;

}


.si-text-color.si-android i {

    color: #A4C639;

}


.si-text-color.si-smashmag i {

    color: #E53B2C;

}


.si-text-color.si-gplus i {

    color: #DD4B39;

}


.si-text-color.si-wikipedia i {

    color: #333;

}


.si-text-color.si-stumbleupon i {

    color: #F74425;

}


.si-text-color.si-foursquare i {

    color: #25A0CA;

}


.si-text-color.si-call i {

    color: #444;

}


.si-text-color.si-ninetyninedesigns i {

    color: #F26739;

}


.si-text-color.si-forrst i {

    color: #5B9A68;

}


.si-text-color.si-digg i {

    color: #191919;

}


.si-text-color.si-spotify i {

    color: #81B71A;

}


.si-text-color.si-reddit i {

    color: #C6C6C6;

}


.si-text-color.si-blogger i {

    color: #FC4F08;

}


.si-text-color.si-cc i {

    color: #688527;

}


.si-text-color.si-dribbble i {

    color: #EA4C89;

}


.si-text-color.si-evernote i {

    color: #5BA525;

}


.si-text-color.si-flickr i {

    color: #FF0084;

}


.si-text-color.si-google i {

    color: #DD4B39;

}


.si-text-color.si-instapaper i {

    color: #333;

}


.si-text-color.si-klout i {

    color: #FF5F52;

}


.si-text-color.si-linkedin i {

    color: #0E76A8;

}


.si-text-color.si-vk i {

    color: #2B587A;

}


.si-text-color.si-rss i {

    color: #EE802F;

}


.si-text-color.si-skype i {

    color: #00AFF0;

}


.si-text-color.si-twitter i {

    color: #00ACEE;

}


.si-text-color.si-youtube i {

    color: #C4302B;

}


.si-text-color.si-vimeo i {

    color: #86C9EF;

}


.si-text-color.si-aim i {

    color: #FCD20B;

}


.si-text-color.si-yahoo i {

    color: #720E9E;

}


.si-text-color.si-email3 i {

    color: #6567A5;

}


.si-text-color.si-macstore i {

    color: #333333;

}


.si-text-color.si-myspace i {

    color: #666666;

}


.si-text-color.si-podcast i {

    color: #E4B21B;

}


.si-text-color.si-cloudapp i {

    color: #525557;

}


.si-text-color.si-dropbox i {

    color: #3D9AE8;

}


.si-text-color.si-ebay i {

    color: #89C507;

}


.si-text-color.si-github i {

    color: #171515;

}


.si-text-color.si-googleplay i {

    color: #DD4B39;

}


.si-text-color.si-itunes i {

    color: #222;

}


.si-text-color.si-plurk i {

    color: #CF5A00;

}


.si-text-color.si-pinboard i {

    color: #0000E6;

}


.si-text-color.si-soundcloud i {

    color: #FF7700;

}


.si-text-color.si-tumblr i {

    color: #34526F;

}


.si-text-color.si-wordpress i {

    color: #1E8CBE;

}


.si-text-color.si-yelp i {

    color: #C41200;

}


.si-text-color.si-intensedebate i {

    color: #009EE4;

}


.si-text-color.si-eventbrite i {

    color: #F16924;

}


.si-text-color.si-scribd i {

    color: #666666;

}


.si-text-color.si-stripe i {

    color: #008CDD;

}


.si-text-color.si-print i {

    color: #111;

}


.si-text-color.si-dwolla i {

    color: #FF5C03;

}


.si-text-color.si-statusnet i {

    color: #131A30;

}


.si-text-color.si-acrobat i {

    color: #D3222A;

}


.si-text-color.si-drupal i {

    color: #27537A;

}


.si-text-color.si-buffer i {

    color: #333333;

}


.si-text-color.si-pocket i {

    color: #EE4056;

}


.si-text-color.si-bitbucket i {

    color: #0E4984;

}


.si-text-color.si-stackoverflow i {

    color: #EF8236;

}


.si-text-color.si-hackernews i {

    color: #FF6600;

}


.si-text-color.si-xing i {

    color: #126567;

}


.si-text-color.si-instagram i {

    color: #3F729B;

}


.si-text-color.si-quora i {

    color: #A82400;

}


.si-text-color.si-openid i {

    color: #E16309;

}


.si-text-color.si-steam i {

    color: #111;

}


.si-text-color.si-amazon i {

    color: #E47911;

}


.si-text-color.si-disqus i {

    color: #E4E7EE;

}


.si-text-color.si-plancast i {

    color: #222;

}


.si-text-color.si-appstore i {

    color: #000;

}


.si-text-color.si-pinterest i {

    color: #C8232C;

}


.si-text-color.si-fivehundredpx i {

    color: #111;

}


.si-text-color:hover {

    color: #FFF;

}


/* ----------------------------------------------------------------

	Toggle

-----------------------------------------------------------------*/

.toggle {

    display: block;

    position: relative;

    margin: 0 0 20px 0;

}


.toggle .togglet,
.toggle .toggleta {

    display: block;

    position: relative;

    line-height: 24px;

    padding: 0 0 0 24px;

    margin: 0;

    font-size: 16px;

    font-weight: 700;

    color: #444;

    cursor: pointer;

}


.toggle .togglet i {

    position: absolute;

    top: 0;

    left: 0;

    width: 16px;

    text-align: center;

    font-size: 16px;

    line-height: 24px;

}


.toggle .toggleta {

    font-weight: bold;

}


.toggle .togglet i.toggle-open,
.toggle .toggleta i.toggle-closed {

    display: none;

}


.toggle .toggleta i.toggle-open {

    display: block;

}


.toggle .togglet:not(.toggleta) span.toggle-open,
.toggle .togglet.toggleta span.toggle-closed {

    display: none;

}


.toggle .togglet.toggleta span.toggle-open,
.toggle .togglet:not(.toggleta) span.toggle-closed {

    display: block;

}


.toggle .togglec {

    display: block;

    position: relative;

    padding: 10px 0 0 24px;

}


/* Toggle - with Title Background

-----------------------------------------------------------------*/

.toggle.toggle-bg .togglet,
.toggle.toggle-bg .toggleta {

    background-color: #EEE;

    line-height: 44px;

    padding: 0 0 0 36px;

    border-radius: 2px;

}


.toggle.toggle-bg .togglet i {

    left: 14px;

    line-height: 44px;

}


.toggle.toggle-bg .togglec {

    padding: 12px 0 0 36px;

}


/* Toggle - Bordered

-----------------------------------------------------------------*/

.toggle.toggle-border {

    border: 1px solid #CCC;

    border-radius: 4px;

}


.toggle.toggle-border .togglet,
.toggle.toggle-border .toggleta {

    line-height: 44px;

    padding: 0 15px 0 36px;

}


.toggle.toggle-border .togglet i {

    left: 14px;

    line-height: 44px;

}


.toggle.toggle-border .togglec {

    padding: 0 15px 15px 36px;

}


/* Toggle - FAQs

-----------------------------------------------------------------*/

.faqs .toggle {

    border-bottom: 1px solid #EEE;

    padding-bottom: 12px;

    margin-bottom: 12px;

}


.faqs .toggle .togglet,
.faqs .toggle .toggleta {

    font-size: 15px;

}


.faqs .toggle .togglet i {

    top: 1px;

    font-size: 14px;

}


.faqs .toggle .togglec {

    padding-bottom: 10px;

}


/* ----------------------------------------------------------------

	Accordions

-----------------------------------------------------------------*/

.accordion {

    margin-bottom: 20px;

}


.acctitle {

    display: block;

    position: relative;

    line-height: 24px;

    margin: 0;

    font-size: 14px;

    font-weight: bold;

    color: #444;

    cursor: pointer;

    border-top: 1px dotted #DDD;

    padding: 10px 0 10px 20px;

}


.acctitlec {

    cursor: auto;

}


.acctitle:first-child {

    border-top: none;

}


.acctitle i {

    position: absolute;

    top: 0;

    left: 0;

    width: 14px;

    text-align: center;

    font-size: 14px;

    line-height: 44px;

}


.acctitle i.acc-open,
.acctitlec i.acc-closed {

    display: none;

}


.acctitlec i.acc-open {

    display: block;

}


.acc_content {

    position: relative;

    padding: 0 0 15px 20px;

}


/* Accordion - with Title Background

-----------------------------------------------------------------*/

.accordion.accordion-bg .acctitle,
.accordion.accordion-bg .acctitlec {

    background-color: #EEE;

    line-height: 44px;

    padding: 0 0 0 36px;

    margin-bottom: 5px;

    border-top: 0;

}


.accordion.accordion-bg .acctitle i {

    left: 14px;

    line-height: 44px;

}


.accordion.accordion-bg .acc_content {

    padding: 10px 0 15px 36px;

}


/* Accordion - Bordered

-----------------------------------------------------------------*/

.accordion.accordion-border {

    border: 1px solid #DDD;

    border-radius: 4px;

}


.accordion.accordion-border .acctitle,
.accordion.accordion-border .acctitlec {

    border-color: #CCC;

    line-height: 44px;

    padding: 0 15px 0 36px;

}


.accordion.accordion-border .acctitle i {

    left: 14px;

    line-height: 44px;

}


.accordion.accordion-border .acc_content {

    padding: 0 15px 15px 36px;

}


/* Accordion - Large

-----------------------------------------------------------------*/

.accordion.accordion-lg .acctitle {

    font-size: 23px;

    line-height: 44px;

    padding-left: 30px;

    font-weight: 400;

}


.accordion.accordion-lg .acctitle i {

    width: 20px;

    font-size: 20px;

    line-height: 64px;

}


.accordion.accordion-lg .acc_content {

    padding: 10px 0 30px 30px;

}


/* ----------------------------------------------------------------

	Tabs

-----------------------------------------------------------------*/

.tabs {

    position: relative;

    margin: 0 0 30px 0;

}


ul.tab-nav:not(.tab-nav-lg) {

    margin: 0;

    border-bottom: 1px solid #DDD;

    list-style: none;

}


ul.tab-nav:not(.tab-nav-lg) li {

    float: left;

    border: 1px solid #DDD;

    border-bottom: 0;

    border-left: 0;

    height: 41px;

    text-align: center;

}


ul.tab-nav:not(.tab-nav-lg) li:first-child {

    margin-left: 15px;

    border-left: 1px solid #DDD;

}


ul.tab-nav:not(.tab-nav-lg) li a {

    display: block;

    padding: 0 15px;

    color: #444;

    height: 40px;

    line-height: 40px;

    background-color: #F2F2F2;

    font-size: 14px;

    font-weight: bold;

}


ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {

    position: relative;

    top: 1px;

    background-color: #FFF;

}


/* Tabs - Alternate Nav

-----------------------------------------------------------------*/

.tabs.tabs-alt ul.tab-nav li {

    border-color: transparent;

}


.tabs.tabs-alt ul.tab-nav li:first-child {

    border-left: 0;

}


.tabs.tabs-alt ul.tab-nav li a {

    background-color: #FFF;

}


.tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {

    border: 1px solid #DDD;

    border-bottom: 0;

}


/* Tabs - Top Border

-----------------------------------------------------------------*/

.tabs.tabs-tb ul.tab-nav li.ui-tabs-active a {

    top: -1px;

    height: 43px;

    line-height: 38px;

    border-top: 2px solid #c0c540;

}


.tabs.tabs-alt.tabs-tb ul.tab-nav li.ui-tabs-active a {

    height: 42px;

}


/* Tabs - Bottom Border

-----------------------------------------------------------------*/

.tabs.tabs-bb ul.tab-nav li {

    border: 0;

    margin: 0;

}


.tabs.tabs-bb ul.tab-nav li a {

    background-color: transparent;

    border-bottom: 2px solid transparent;

}


.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {

    border-bottom: 2px solid #c0c540;

    top: -2px;

    height: 44px;

    line-height: 44px;

}


/* Tabs - Navigation Style 2

-----------------------------------------------------------------*/

ul.tab-nav.tab-nav2 {

    border-bottom: 0;

}


ul.tab-nav.tab-nav2 li {

    border: 0;

    margin-left: 10px;

}


ul.tab-nav.tab-nav2 li:first-child {

    margin-left: 0;

    border-left: 0;

}


ul.tab-nav.tab-nav2 li a {

    background-color: #F5F5F5;

    border-radius: 2px;

    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

}


ul.tab-nav.tab-nav2 li.ui-state-active a {

    top: 0;

    background-color: #c0c540;

    color: #FFF;

}


/* Tabs - Large Navigation

-----------------------------------------------------------------*/

ul.tab-nav-lg {

    margin-bottom: 20px;

    list-style: none;

}


ul.tab-nav-lg li {

    float: left;

    position: relative;

    text-align: center;

    padding: 15px;

}


ul.tab-nav-lg li a {

    display: inline-block;

    color: #444;

    font-family: 'Raleway', sans-serif;

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

    letter-spacing: 2px;

}


ul.tab-nav.tab-nav-lg li i {

    display: block;

    font-size: 28px;

    margin: 0 0 7px;

}


ul.tab-nav-lg li.ui-tabs-active a {

    color: #c0c540;

}


ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before,
ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after {

    content: '';

    position: absolute;

    z-index: 2;

    top: auto;

    bottom: -50px;

    border: solid transparent;

}


ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:after {

    border-top-color: #FFF;

    border-width: 16px;

    left: 50%;

    margin-left: -16px;

}


ul.tab-nav-lg.tab-nav-section li.ui-tabs-active:before {

    border-top-color: #FFF;

    border-width: 16px;

    left: 50%;

    margin-left: -16px;

}


/* Tabs - Content Area

-----------------------------------------------------------------*/

.tab-container {

    position: relative;

    padding: 20px 0 0;

}


ul.tab-nav li a i {

    position: relative;

    top: 1px;

    font-size: 14px;

    margin-right: 3px;

}


/* Tabs - Bordered

-----------------------------------------------------------------*/

.tabs-bordered ul.tab-nav li:first-child {

    margin-left: 0;

}


.tabs-bordered .tab-container {

    border: 1px solid #DDD;

    border-top: 0;

    padding: 20px;

}


/* Tabs - Side Tabs

-----------------------------------------------------------------*/

.side-tabs ul.tab-nav {

    float: left;

    width: 200px;

    padding: 20px 0;

    border-bottom: 0;

    border-right: 1px solid #DDD;

}


.side-tabs ul.tab-nav li {

    float: none;

    border: 1px solid #DDD;

    border-right: 0;

    border-top: 0;

    height: auto;

    text-align: left;

}


.side-tabs ul.tab-nav li:first-child {

    margin-left: 0;

    border-top: 1px solid #DDD;

    border-left: 1px solid #DDD;

}


.side-tabs ul.tab-nav li a {

    height: auto;

    line-height: 44px;

}


.side-tabs ul.tab-nav li.ui-tabs-active a {

    top: 0;

    right: -1px;

}


.side-tabs .tab-container {

    overflow: hidden;

    padding: 15px 0 0 20px;

}


.ui-tabs .ui-tabs-hide {

    position: absolute !important;

    left: -10000px !important;

    display: block !important;

}


/* Tabs - Side Tabs & Nav Style 2

-----------------------------------------------------------------*/

.side-tabs ul.tab-nav.tab-nav2 {

    border: 0;

}


.side-tabs ul.tab-nav.tab-nav2 li {

    border: 0;

    margin: 6px 0 0;

}


.side-tabs ul.tab-nav.tab-nav2 li:first-child {

    margin-top: 0;

}


.side-tabs ul.tab-nav.tab-nav2 li a {

    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);

    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);

}


.side-tabs ul.tab-nav.tab-nav2 li.ui-state-active a {

    right: 0;

}


/* Tabs - Side Tabs & Bordered

-----------------------------------------------------------------*/

.tabs-bordered.side-tabs ul.tab-nav {

    position: relative;

    padding: 0;

    z-index: 2;

    margin-right: -1px;

}


.tabs-bordered.side-tabs ul.tab-nav li a {

    height: auto;

    line-height: 44px;

}


.tabs-bordered.side-tabs ul.tab-nav li.ui-tabs-active a {

    right: -1px;

    border-right: 1px solid #FFF;

}


.tabs-bordered.side-tabs .tab-container {

    overflow: hidden;

    padding: 20px;

    border-top: 1px solid #DDD;

}


/* ----------------------------------------------------------------

	Side Navigation

-----------------------------------------------------------------*/

.sidenav {

    width: 100%;

    padding: 0;

    background-color: #FFF;

    border-radius: 4px;

}


.sidenav li {

    list-style-type: none;

}


.sidenav li a {

    display: block;

    position: relative;

    margin: 0 0 -1px;

    padding: 11px 20px 11px 14px;

    font-size: 14px;

    border: 1px solid #E5E5E5;

    border-right-width: 2px;

    color: #666;

}


.sidenav > li:first-child > a {

    border-radius: 4px 4px 0 0;

}


.sidenav > li:last-child > a {

    border-radius: 0 0 4px 4px;

    border-bottom-width: 2px;

}


.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover {

    position: relative;

    z-index: 2;

    border-color: rgba(0, 0, 0, 0.1) !important;

    color: #FFF !important;

    font-weight: 700;

    background-color: #c0c540 !important;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}


.sidenav li ul {

    display: none;

}


.sidenav li.ui-tabs-active ul {

    display: block;

}


.sidenav li li a {

    padding: 6px 20px 6px 35px;

    font-size: 14px;

    border-top: none;

    border-bottom: none;

}


.sidenav li li:first-child a {

    padding-top: 20px;

}


.sidenav li li:last-child a {

    padding-bottom: 20px;

}


.sidenav li i {

    position: relative;

    top: 1px;

    margin-right: 6px;

    font-size: 14px;

    text-align: center;

    width: 16px;

}


/* Chevrons */

.sidenav .icon-chevron-right {

    position: absolute;

    width: 14px;

    height: 14px;

    top: 50%;

    left: auto;

    right: 6px;

    margin-top: -8px;

    margin-right: 0;

    opacity: .4;

    font-size: 12px !important;

}


.sidenav > li > a:hover {

    background-color: #F5F5F5;

    color: #222;

}


.sidenav a:hover .icon-chevron-right {

    opacity: .5;

}


.sidenav .ui-tabs-active .icon-chevron-right,
.sidenav .ui-tabs-active a:hover .icon-chevron-right {

    opacity: 1;

}


/* ----------------------------------------------------------------

	FAQ List

-----------------------------------------------------------------*/

.faqlist li {

    margin-bottom: 5px;

    font-size: 15px;

}


.faqlist li a {

    color: #444;

}


.faqlist li a:hover {

    color: #c0c540 !important;

}


/* ----------------------------------------------------------------

	Clients

-----------------------------------------------------------------*/

.clients-grid,
.testimonials-grid {

    list-style: none;

    overflow: hidden;

}


.clients-grid li,
.testimonials-grid li {

    float: left;

    position: relative;

    width: 20%;

    padding: 20px 0;

    -webkit-backface-visibility: hidden;

}


.clients-grid.grid-2 li {

    width: 50%;

    padding: 25px 0;

}


.clients-grid.grid-3 li {

    width: 33.33%;

}


.clients-grid.grid-4 li {

    width: 25%;

}


.clients-grid.grid-6 li {

    width: 16.66%;

}


.clients-grid li a {

    opacity: 0.6;

}


body:not(.device-touch) .clients-grid li a {

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

}


.clients-grid li a:hover {

    opacity: 1;

}


.clients-grid li a,
.clients-grid li img {

    display: block;

    width: 75%;

    margin-left: auto;

    margin-right: auto;

}


.clients-grid li a img {

    width: 100%;

}


.clients-grid li:before,
.clients-grid li:after,
.testimonials-grid li:before,
.testimonials-grid li:after {

    content: '';

    position: absolute;

}


.clients-grid li:before,
.testimonials-grid li:before {

    height: 100%;

    top: 0;

    left: -1px;

    border-left: 1px dashed #DDD;

}


.clients-grid li:after,
.testimonials-grid li:after {

    width: 100%;

    height: 0;

    top: auto;

    left: 0;

    bottom: -1px;

    border-bottom: 1px dashed #DDD;

}


/* ----------------------------------------------------------------

	Testimonials

-----------------------------------------------------------------*/

/* Testimonials - Grid

-----------------------------------------------------------------*/

.testimonials-grid li {

    width: 50%;

    padding: 25px;

}


.testimonials-grid.grid-3 li {

    width: 33.33%;

}


.testimonials-grid.grid-1 li {

    width: 100%;

}


.testimonials-grid li .testimonial {

    padding: 0;

    background-color: transparent !important;

    border: 0 !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}


/* Testimonials - Item

-----------------------------------------------------------------*/

.testimonial {

    position: relative;

    padding: 20px;

    background-color: #FFF;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 5px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

}


.testi-image {

    float: left;

    margin-right: 15px;

}


.testi-image,
.testi-image a,
.testi-image img,
.testi-image i {

    display: block;

    width: 64px;

    height: 64px;

}


.testi-image i {

    text-align: center;

    background-color: #EEE;

    border-radius: 50%;

    line-height: 64px;

    font-size: 28px;

    color: #888;

    text-shadow: 1px 1px 1px #FFF;

}


.testi-image img {

    border-radius: 50%;

}


.testi-content {

    position: relative;

    overflow: hidden;

}


.testi-content p {

    margin-bottom: 0;

    font-family: 'Crete Round', serif;

    font-style: italic;

}


.testi-content p:before,
.testi-content p:after {

    content: '"';

}


.testi-meta {

    margin-top: 10px;

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

}


.testi-meta:before {

    content: '\2013';

}


.testi-meta span {

    display: block;

    font-weight: normal;

    color: #999;

    font-size: 12px;

    text-transform: none;

    padding-left: 10px;

}


/* Twitter - Small Scroller

-----------------------------------------------------------------*/

.testimonial.twitter-scroll .testi-content p:before,
.testimonial.twitter-scroll .testi-content p:after,
.testimonial.twitter-scroll .testi-meta:before {

    content: '';

}


.testimonial.twitter-scroll .testi-meta span {

    padding-left: 0;

}


.testimonial.twitter-scroll .testi-meta span a {

    color: #999;

}


.testimonial.twitter-scroll .testi-meta span a:hover {

    color: #222;

}


/* Testimonials - Full Width

-----------------------------------------------------------------*/

.testimonial.testimonial-full {

    padding: 30px;

}


.testimonial.testimonial-full[data-animation="fade"] {

    padding: 30px;

}


.testimonial.testimonial-full[data-animation="fade"] .flexslider {

    overflow: visible !important;

}


.testimonial-full .testi-image {

    float: none;

    margin: 0 auto 20px;

}


.testimonial-full .testi-image,
.testimonial-full .testi-image a,
.testimonial-full .testi-image img,
.testimonial-full .testi-image i {

    display: block;

    width: 72px;

    height: 72px;

}


.testimonial-full .testi-image i {

    line-height: 72px;

}


.testimonial-full .testi-content {

    text-align: center;

    font-size: 18px;

}


.testimonial-full .testi-meta {

    margin-top: 15px;

}


.testimonial-full .testi-meta span {

    padding-left: 0;

}


/* Testimonial - Section Scroller

-----------------------------------------------------------------*/

.section > .testimonial {

    padding: 0;

    background-color: transparent !important;

    border: 0 !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    max-width: 800px;

    margin: 0 auto;

}


.section > .testimonial[data-animation="fade"] {

    padding: 0;

}


.section > .testimonial .testi-content {

    font-size: 22px;

}


.section > .testimonial .testi-meta,
.section > .testimonial .testi-meta span {

    font-size: 14px;

}


/* Testimonial - Pagination

-----------------------------------------------------------------*/

.testimonial .flex-control-nav {

    top: auto;

    bottom: 6px;

    right: 0;

}


.testimonial .flex-control-nav li {

    margin: 0 2px;

    width: 6px;

    height: 6px;

}


.testimonial .flex-control-nav li a {

    width: 6px !important;

    height: 6px !important;

    border: none;

    background-color: #c0c540;

    opacity: 0.5;

}


.testimonial .flex-control-nav li:hover a {

    opacity: 0.75;

}


.testimonial .flex-control-nav li a.flex-active {

    opacity: 1;

}


/* Testimonial - Full Scroller

-----------------------------------------------------------------*/

.testimonial.testimonial-full .flex-control-nav {

    position: relative;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    height: 6px;

    margin-top: 20px;

}


.testimonial.testimonial-full .flex-control-nav li {

    display: inline-block;

    float: none;

}


/* ----------------------------------------------------------------

	Team

-----------------------------------------------------------------*/

.team,
.team-image {

    position: relative;

}


.team-image > a,
.team-image img {

    display: block;

    width: 100%;

}


.team-desc {

    text-align: center;

}


.team-desc.team-desc-bg {

    background-color: #FFF;

    padding: 10px 0 30px;

}


.team .si-share {

    margin-top: 30px;

    text-align: left;

}


.team .si-share .social-icon {

    font-size: 14px;

    width: 34px;

}


.team-title {

    position: relative;

    padding-top: 20px;

}


.team-title h4 {

    display: block;

    margin-bottom: 0;

    font-size: 19px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 700;

}


.team-title span {

    display: block;

    color: #c0c540;

    font-weight: 400;

    font-family: 'Crete Round', serif;

    font-style: italic;

    font-size: 15px;

    margin-top: 5px;

}


.team-content {

    margin-top: 15px;

    color: #777;

}


.team-content p:last-child {

    margin-bottom: 0;

}


.team-overlay,
.team-overlay:before {

    opacity: 0;

    position: absolute;

    z-index: 2;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    text-align: center;

}


body:not(.device-touch) .team-overlay {

    -webkit-transition: opacity .3s ease;

    transition: opacity .3s ease;

}


.team-overlay:before {

    content: '';

    z-index: auto;

    background-color: #FFF;

    opacity: 0.75;

}


.team-overlay .social-icon {

    float: none;

    position: relative;

    z-index: 3;

    margin: 0 3px !important;

    display: inline-block;

}


.team:hover .team-overlay {

    opacity: 1;

}


/* Team Center

-----------------------------------------------------------------*/

.team.center .team-title:after {

    left: 50%;

    margin-left: -40px;

}


/* Team List

-----------------------------------------------------------------*/

.team.team-list .team-image {

    float: left;

    width: 250px;

    margin-right: 30px;

}


.team.team-list .team-desc {

    position: relative;

    overflow: hidden;

    text-align: left;

}


.team.team-list .team-title {

    padding-top: 0;

}


.team .team-desc > .social-icon {

    margin-top: 20px;

}


.team .team-content ~ .social-icon {

    margin-top: 30px;

}


.team:not(.team-list) .social-icon {

    display: inline-block;

    float: none;

    margin-left: 6px;

    margin-right: 6px;

}


/* ----------------------------------------------------------------

	Pricing Boxes

-----------------------------------------------------------------*/

.pricing {

    position: relative;

}


.pricing [class^=col-] {

    padding: 0;

    margin-top: 20px;

}


/* Pricing Boxes

-----------------------------------------------------------------*/

.pricing-box {

    position: relative;

    border: 1px solid rgba(0, 0, 0, 0.075);

    border-radius: 3px;

    text-align: center;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    background-color: #F5F5F5;

}


/* Pricing Boxes - Title

-----------------------------------------------------------------*/

.pricing-title {

    padding: 15px 0;

    background-color: #F9F9F9;

    border-radius: 3px 3px 0 0;

    text-shadow: 1px 1px 1px #FFF;

    border-bottom: 1px solid rgba(0, 0, 0, 0.05);

}


.pricing-title h3 {

    margin: 0;

    font-size: 20px;

    letter-spacing: 1px;

    font-weight: bold;

    text-transform: uppercase;

    color: #555;

}


.pricing-title span {

    display: block;

    color: #999;

    font-weight: 300;

    font-size: 14px;

    margin-top: 3px;

    text-transform: uppercase;

}


/* Pricing Boxes - Price

-----------------------------------------------------------------*/

.pricing-price {

    position: relative;

    padding: 25px 0;

    color: #333;

    font-weight: 300;

    font-size: 64px;

    line-height: 1;

}


.pricing-price:after {

    content: '';

    position: absolute;

    width: 100px;

    border-top: 1px solid rgba(0, 0, 0, 0.1);

    top: auto;

    bottom: 0;

    left: 50%;

    margin-left: -50px;

}


.pricing-price span {

    display: inline-block;

    vertical-align: top;

    margin: 7px 3px 0 0;

    font-size: 28px;

    font-weight: normal;

}


.pricing-price span.price-tenure {

    vertical-align: baseline;

    font-size: 16px;

    font-weight: normal;

    color: #999;

    margin: 0 0 0 3px;

}


/* Pricing Boxes - Features

-----------------------------------------------------------------*/

.pricing-features {

    border-bottom: 1px solid rgba(0, 0, 0, 0.075);

}


.pricing-features ul {

    margin: 0;

    padding: 15px 0;

    list-style: none;

}


.pricing-features li {

    padding: 6px 0;

    font-size: 14px;

}


/* Pricing Boxes - Action

-----------------------------------------------------------------*/

.pricing-action {

    padding: 15px 30px;

}


/* Pricing Boxes - Best Price

-----------------------------------------------------------------*/

.pricing-box.best-price {

    background-color: #FFF;

    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);

    z-index: 10;

}


.pricing-box.best-price {

    margin: -20px -1px 0 -1px;

}


.pricing-box.best-price .pricing-title {

    background-color: #FFF;

    padding: 20px 0;

}


.pricing-box.best-price .pricing-title h3 {

    font-size: 22px;

}


.pricing-box.best-price .pricing-price {

    color: #c0c540;

    font-size: 72px;

}


/* Pricing Boxes - Minimal

-----------------------------------------------------------------*/

.pricing-box.pricing-minimal .pricing-price {

    background-color: #FFF;

    border-bottom: 1px solid rgba(0, 0, 0, 0.075);

}


.pricing-box.pricing-minimal .pricing-price:after {

    display: none;

}


/* Pricing Boxes - 5 Columns

-----------------------------------------------------------------*/

.pricing.pricing-5 .pricing-box {

    float: left;

    width: 20%;

    margin-top: 20px;

}


.pricing.pricing-5 .pricing-box.best-price {

    margin-top: 0;

}


.pricing.pricing-5 .pricing-box:nth-child(5) {

    margin-left: -1px;

}


.pricing.pricing-5 .pricing-title h3 {

    font-size: 18px;

}


.pricing.pricing-5 .best-price .pricing-title h3 {

    font-size: 20px;

}


/* Pricing Boxes - Extended

-----------------------------------------------------------------*/

.pricing-box.pricing-extended {

    background-color: #FFF;

    text-align: left;

}


.pricing-box.pricing-extended .pricing-desc {

    float: left;

    width: 75%;

    padding: 25px;

}


.pricing-box.pricing-extended .pricing-title {

    background-color: transparent;

    padding-top: 0;

    text-align: left;

}


.pricing-box.pricing-extended .pricing-features {

    border: 0;

}


.pricing-box.pricing-extended .pricing-features ul {

    padding: 15px 0 0 0;

}


.pricing-box.pricing-extended .pricing-features li {

    padding: 6px 0;

    font-size: 15px;

    width: 50%;

    float: left;

}


.pricing-box.pricing-extended .pricing-features ul li i {

    position: relative;

    top: 1px;

    width: 16px;

    margin-right: 2px;

}


.pricing-box.pricing-extended .pricing-action-area {

    position: absolute;

    top: 0;

    left: auto;

    right: 0;

    width: 25%;

    height: 100%;

    border-left: 1px solid rgba(0, 0, 0, 0.05);

    background-color: #F9F9F9;

    padding: 30px;

    border-radius: 0 3px 3px 0;

    text-align: center;

}


.pricing-box.pricing-extended .pricing-action-area .pricing-price,
.pricing-box.pricing-extended .pricing-action-area .pricing-action {

    padding: 0;

}


.pricing-box.pricing-extended .pricing-action-area .pricing-price {

    padding-bottom: 20px;

}


.pricing-box.pricing-extended .pricing-action-area .pricing-price:after {

    display: none;

}


.pricing-box.pricing-extended .pricing-action-area .pricing-price span.price-tenure {

    display: block;

    margin: 10px 0 0 0;

    font-weight: 300;

    text-transform: uppercase;

    font-size: 14px;

}


.pricing-box.pricing-extended .pricing-meta {

    color: #999;

    font-weight: 300;

    font-size: 14px;

    letter-spacing: 1px;

    text-transform: uppercase;

    padding-bottom: 10px;

}


.table-comparison,
.table-comparison th {

    text-align: center;

}


.table-comparison th:first-child,
.table-comparison td:first-child {

    text-align: left;

    font-weight: bold;

}


/* ----------------------------------------------------------------

	Counter

-----------------------------------------------------------------*/

.counter {

    font-size: 42px;

    font-weight: 600;

    font-family: 'Raleway', sans-serif;

}


.counter.counter-small {

    font-size: 28px;

}


.counter.counter-large {

    font-size: 56px;

}


.counter.counter-xlarge {

    font-size: 64px;

    font-weight: 400;

}


.counter.counter-inherit {

    font-size: inherit;

    font-weight: inherit;

}


.counter + h5 {

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-top: 10px;

}


.counter.counter-lined + h5:before {

    display: block;

    position: relative;

    margin: 20px auto 25px auto;

    content: '';

    width: 15%;

    border-top: 2px solid #444;

    opacity: 0.9;

}


.counter.counter-small + h5 {

    font-size: 13px;

}


.counter.counter-large + h5,
.counter.counter-xlarge + h5 {

    font-size: 15px;

    font-weight: 300;

}


.widget .counter + h5 {

    opacity: 0.7;

}


/* ----------------------------------------------------------------

	Animated Rounded Skills

-----------------------------------------------------------------*/

.rounded-skill {

    display: inline-block;

    margin: 0 15px 15px;

    display: inline-block;

    position: relative;

    text-align: center;

    font-size: 22px;

    font-weight: bold;

    color: #333;

}


body:not(.device-touch) .rounded-skill {

    -webkit-transition: opacity .4s ease;

    transition: opacity .4s ease;

}


.rounded-skill + h5 {

    margin-bottom: 0;

}


.rounded-skill i {

    font-size: 42px;

}


.rounded-skill canvas {

    position: absolute;

    top: 0;

    left: 0;

}


/* ----------------------------------------------------------------

	Skills Bar

-----------------------------------------------------------------*/

.skills {

    margin: 0;

    list-style: none;

    padding-top: 25px;

}


.skills li {

    position: relative;

    margin-top: 38px;

    height: 4px;

    background-color: #F5F5F5;

    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    border-radius: 2px;

}


.skills li:first-child {

    margin-top: 0;

}


.skills li .progress {

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background-color: #c0c540;

    overflow: visible !important;

    border-radius: 2px;

    -webkit-transition: width 1.2s ease-in-out;

    transition: width 1.2s ease-in-out;

}


.skills li .progress-percent {

    position: absolute;

    top: -28px;

    right: 0;

    background-color: #333;

    color: #F9F9F9;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

    height: 22px;

    line-height: 22px;

    padding: 0px 5px;

    font-size: 11px;

    border-radius: 2px;

}


.skills li .progress-percent .counter {

    font-weight: 400;

    font-family: 'Lato', sans-serif;

}


.progress-percent:after, .progress-percent:before {

    top: 100%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

}


.progress-percent:after {

    border-top-color: #333;

    border-width: 4px;

    left: 50%;

    margin-left: -4px;

}


.progress-percent:before {

    border-top-color: #333;

    border-width: 5px;

    left: 50%;

    margin-left: -5px;

}


.skills li > span {

    position: absolute;

    z-index: 1;

    top: -23px;

    left: 0;

    line-height: 20px;

    font-size: 12px;

    font-weight: bold;

    text-transform: uppercase;

    color: #222;

}


/* ----------------------------------------------------------------

	Quotes & Blockquotes

-----------------------------------------------------------------*/

blockquote p {

    margin-bottom: 15px;

}


blockquote {

    padding: 10px 20px;

    margin: 0 0 20px;

    font-size: 17px;

    border-left: 5px solid #EEE;

}


.blockquote-reverse {

    padding-right: 15px;

    padding-left: 0;

    border-right: 5px solid #EEE;

    border-left: 0;

    text-align: right;

}


blockquote.float-left {

    max-width: 300px;

    margin: 5px 20px 10px 0;

    padding-right: 0;

}


blockquote.float-right {

    max-width: 300px;

    margin: 5px 0 10px 20px;

    padding-left: 0;

}


.quote {

    border: none !important;

    position: relative;

}


.quote p {

    position: relative;

}


.quote:before {

    font-family: 'font-icons';

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    content: "\e7ad";

    position: absolute;

    width: 48px;

    height: 48px;

    line-height: 48px;

    font-size: 42px;

    top: 0;

    left: 0;

    color: #EEE;

}


.quote.blockquote-reverse:before {

    content: "\e7ae";

    left: auto;

    right: 0;

}


/* ----------------------------------------------------------------

	Dropcaps & Highlights

-----------------------------------------------------------------*/

.dropcap {

    float: left;

    font-size: 42px;

    line-height: 1;

    margin: 0 5px 0 0;

    text-transform: uppercase;

}


.highlight {

    padding: 2px 5px;

    background-color: #444;

    color: #FFF;

    border-radius: 2px;

}


/* ----------------------------------------------------------------

	Text Rotater

-----------------------------------------------------------------*/

.text-rotater {

}


.text-rotater > .t-rotate > .animated {

    display: inline-block;

}


/* ----------------------------------------------------------------

	Owl Carousel CSS

-----------------------------------------------------------------*/

.owl-carousel .animated {

    -webkit-animation-duration: 1000ms;

    animation-duration: 1000ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}


.owl-carousel .owl-animated-in {

    z-index: 0;

}


.owl-carousel .owl-animated-out {

    z-index: 1;

}


.owl-carousel .fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut;

}


@-webkit-keyframes fadeOut {

    0% {

        opacity: 1;

    }


    100% {

        opacity: 0;

    }

}


@keyframes fadeOut {

    0% {

        opacity: 1;

    }


    100% {

        opacity: 0;

    }

}


.owl-height {

    -webkit-transition: height 500ms ease-in-out;

    transition: height 500ms ease-in-out

}


.owl-carousel {

    display: none;

    -webkit-tap-highlight-color: transparent;

    position: relative;

    z-index: 1;

    width: 100%;

}


.owl-carousel .owl-stage {

    position: relative;

    -ms-touch-action: pan-Y;

}


.owl-carousel .owl-stage:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0

}


.owl-carousel .owl-stage-outer {

    position: relative;

    overflow: hidden;

    -webkit-transform: translate3d(0, 0, 0);

}


.owl-carousel.owl-loaded {

    display: block

}


.owl-carousel.owl-loading {

    display: block;

    min-height: 100px;

    background: url('https://04fc58.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/preloader.gif') no-repeat center center

}


.owl-carousel .owl-refresh .owl-item {

    display: none

}


.owl-carousel .owl-item {

    position: relative;

    min-height: 1px;

    float: left;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

}


.owl-carousel .owl-item img {

    display: block;

    width: 100%;

    -webkit-transform-style: preserve-3d;

}


.slider-element .owl-carousel .owl-item img {

    -webkit-transform-style: preserve-3d;

}


.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {

    display: none;

}


.owl-nav .owl-prev,
.owl-nav .owl-next,
.owl-dot,
.owl-dots button {

    cursor: pointer;

    cursor: hand;

    padding: 0;

    border: 0;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}


.owl-carousel.owl-loaded {

    display: block;

}


.owl-carousel.owl-loading {

    opacity: 0;

    display: block;

}


.owl-carousel.owl-hidden {

    opacity: 0;

}


.mega-menu-content .owl-carousel.owl-hidden {

    opacity: 1;

}


.owl-carousel.owl-refresh .owl-item {

    display: none;

}


.owl-carousel.owl-drag .owl-item {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}


.owl-carousel.owl-grab {

    cursor: move;

    cursor: -webkit-grab;

    cursor: -o-grab;

    cursor: -ms-grab;

    cursor: grab;

}


.owl-carousel.owl-rtl {

    direction: rtl;

}


.owl-carousel.owl-rtl .owl-item {

    float: right;

}


.no-js .owl-carousel {

    display: block;

}


.owl-carousel .owl-item .owl-lazy {

    opacity: 0;

    -webkit-transition: opacity 400ms ease;

    transition: opacity 400ms ease

}


.owl-carousel .owl-item img {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d

}


.owl-carousel .owl-video-wrapper {

    position: relative;

    height: 100%;

    background: #111

}


.owl-carousel .owl-video-play-icon {

    position: absolute;

    height: 64px;

    width: 64px;

    left: 50%;

    top: 50%;

    margin-left: -32px;

    margin-top: -32px;

    background: url("https://fe5da9.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/icons/play.png") no-repeat;

    cursor: pointer;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    -webkit-transition: scale 100ms ease;

    transition: scale 100ms ease;

}


.owl-carousel .owl-video-play-icon:hover {

    -webkit-transition: scale(1.3, 1.3);

    transition: scale(1.3, 1.3)

}


.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {

    display: none

}


.owl-carousel .owl-video-tn {

    opacity: 0;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: contain;

    -webkit-transition: opacity 400ms ease;

    transition: opacity 400ms ease

}


.owl-carousel .owl-video-frame {

    position: relative;

    z-index: 1;

    height: 100%;

    width: 100%;

}


/* Owl Carousel - Controls

-----------------------------------------------------------------*/

.owl-carousel .owl-dots,
.owl-carousel .owl-nav {

    text-align: center;

    -webkit-tap-highlight-color: transparent;

    line-height: 1;

}


/* Owl Carousel - Controls - Arrows

-----------------------------------------------------------------*/

.owl-carousel .owl-nav [class*=owl-] {

    position: absolute;

    top: 50%;

    margin-top: -18px;

    left: -36px;

    zoom: 1;

    width: 36px;

    height: 36px;

    line-height: 32px;

    border: 1px solid rgba(0, 0, 0, 0.2);

    color: #666;

    background-color: #FFF;

    font-size: 18px;

    border-radius: 50%;

    opacity: 0;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}


.owl-carousel.with-carousel-dots .owl-nav [class*=owl-] {

    margin-top: -38px;

}


.owl-carousel-full .owl-nav [class*=owl-] {

    margin-top: -30px;

    left: 0 !important;

    height: 60px;

    line-height: 60px;

    border: none;

    color: #EEE;

    background-color: rgba(0, 0, 0, 0.4);

    font-size: 28px;

    border-radius: 0 3px 3px 0;

}


.owl-carousel-full .with-carousel-dots .owl-nav [class*=owl-] {

    margin-top: -50px;

}


.owl-carousel .owl-nav .owl-next {

    left: auto;

    right: -36px;

}


.owl-carousel-full .owl-nav .owl-next {

    left: auto !important;

    right: 0 !important;

    border-radius: 3px 0 0 3px;

}


.owl-carousel:hover .owl-nav [class*=owl-] {

    opacity: 1;

    left: -18px;

}


.owl-carousel:hover .owl-nav .owl-next {

    left: auto;

    right: -18px;

}


.owl-carousel .owl-nav [class*=owl-]:hover {

    background-color: #c0c540 !important;

    color: #FFF !important;

    text-decoration: none;

}


.owl-carousel .owl-nav .disabled {

    display: none !important;

}


/* Owl Carousel - Controls - Dots

-----------------------------------------------------------------*/

.owl-carousel .owl-dots .owl-dot {

    display: inline-block;

    zoom: 1;

    width: 8px;

    height: 8px;

    margin: 30px 4px 0 4px;

    opacity: 0.5;

    border-radius: 50%;

    background-color: #c0c540;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}


.owl-carousel .owl-dots .owl-dot.active,
.owl-carousel .owl-dots .owl-dot:hover {

    opacity: 1;

}


/* ----------------------------------------------------------------

	Overlays

-----------------------------------------------------------------*/

.overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}


.overlay .overlay-wrap,
.text-overlay {

    opacity: 0;

    position: relative;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.6);

}


body:not(.device-touch) .overlay .overlay-wrap,
body:not(.device-touch) .text-overlay {

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}


.overlay .overlay-wrap i {

    position: absolute;

    opacity: 0.8;

    font-size: 24px;

    line-height: 1;

    width: 24px;

    height: 24px;

    text-align: center;

    top: 50%;

    margin-top: -12px;

    left: 50%;

    margin-left: -12px;

    color: #FFF;

}


.overlay:hover .overlay-wrap,
.overlay:hover .text-overlay {

    opacity: 1;

}


.text-overlay {

    position: absolute;

    opacity: 0.85;

    top: auto;

    bottom: 0;

    height: auto;

    padding: 40px 15px 15px;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

    /* FF3.6+ */

    /* Chrome,Safari4+ */

    /* Chrome10+,Safari5.1+ */

    /* Opera 11.10+ */

    /* IE10+ */

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.85)));

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);

    /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);

    /* IE6-9 */

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}


.text-overlay-title h2,
.text-overlay-title h3,
.text-overlay-title h4 {

    margin: 0;

    color: #F5F5F5;

}


.text-overlay-title h2 {

    font-size: 28px;

}


.text-overlay-title h3 {

    font-size: 17px;

    font-weight: 600;

}


.text-overlay-title h2,
.text-overlay-title h3,
.text-overlay-title h4,
.text-overlay-meta {

    max-width: 100%;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}


.text-overlay-meta {

    color: #CCC;

    font-size: 13px;

}


.text-overlay-meta span i {

    position: relative;

    top: 1px;

    font-size: 14px;

}


/* News Carousel Overlays

-----------------------------------------------------------------*/

.news-carousel .text-overlay {

    padding: 40px 30px 25px;

}


.news-carousel .text-overlay-title {

    margin: 15px 0 10px;

}


.news-carousel .text-overlay-title h2,
.news-carousel .text-overlay-title h3,
.news-carousel .text-overlay-title h4 {

    line-height: 1.2;

    text-overflow: none;

    white-space: normal;

}


.news-carousel .text-overlay-meta {

    font-size: 14px;

}


.news-carousel .rounded-skill {

    position: absolute;

    margin: 0 !important;

    top: 30px;

    right: 30px;

    color: #FFF;

    font-weight: 700;

}


/* ----------------------------------------------------------------

	Forms

-----------------------------------------------------------------*/

.contact-section textarea {

    width: 100%;

    height: 125px;

    display: block;

    padding: 8px 14px;

    font-size: 15px;

    line-height: 1.42857143;

    color: #555555;

    background-color: #ffffff;

    background-image: none;

    border: 2px solid #DDD;

    border-radius: 0 !important;

    -webkit-transition: border-color ease-in-out .15s;

    transition: border-color ease-in-out .15s;

}


.sm-form-control, .contact-section input[type="text"], .contact-section input[type="email"], .contact-section input[type="tel"], .contact-section input[type="date"], .contact-section input[type="select"], .select-sujet {

    display: block;

    width: 100%;

    height: 38px;

    padding: 8px 14px;

    font-size: 15px;

    line-height: 1.42857143;

    color: #555555;

    background-color: #ffffff;

    background-image: none;

    border: 2px solid #DDD;

    border-radius: 0 !important;

    -webkit-transition: border-color ease-in-out .15s;

    transition: border-color ease-in-out .15s;

}

#departement {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #DDD;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}


.sm-form-control:focus, .contact-section input[type="text"]:focus, .contact-section textarea:focus, .contact-section input[type="email"]:focus, .contact-section input[type="tel"]:focus {

    border-color: #AAA;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}


.sm-form-control::-moz-placeholder, .contact-section input[type="text"]::-moz-placeholder, .contact-section textarea::-moz-placeholder, .contact-section input[type="email"]::-moz-placeholder, .contact-section input[type="tel"]::-moz-placeholder {

    color: #999;

    opacity: 1;

}


.sm-form-control:-ms-input-placeholder, .contact-section input[type="text"]:-ms-input-placeholder, .contact-section textarea:-ms-input-placeholder, .contact-section input[type="email"]:-ms-input-placeholder, .contact-section input[type="tel"]:-ms-input-placeholder {

    color: #999;

}


.sm-form-control::-webkit-input-placeholder, .contact-section input[type="text"]::-webkit-input-placeholder, .contact-section textarea::-webkit-input-placeholder, .contact-section input[type="email"]:-webkit-input-placeholder, .contact-section input[type="tel"]:-webkit-input-placeholder {

    color: #999;

}


.sm-form-control[disabled],
.sm-form-control[readonly],
fieldset[disabled] .sm-form-control {

    cursor: not-allowed;

    background-color: #eeeeee;

    opacity: 1;

}


.sm-form-control {

    height: auto;

}


.form-control {

    border-radius: 3px;

}


.form-control:active,
.form-control:focus {

    border-color: #999;

    -webkit-box-shadow: none;

    box-shadow: none;

}


label {

    display: inline-block;

    font-size: 13px;

    font-weight: 700;

    font-family: 'Raleway', sans-serif;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #555;

    margin-bottom: 10px;

    cursor: pointer;

}


label.label-muted {

    color: #999;

    font-weight: normal;

    margin-right: 5px;

}


form .col_full,
form .col_half,
form .col_one_third,
form .col_two_third,
form .col_three_fourth,
form .col_one_fourth,
form .col_one_fifth,
form .col_two_fifth,
form .col_three_fifth,
form .col_four_fifth,
form .col_one_sixth,
form .col_five_sixth {

    margin-bottom: 25px;

}


/* ----------------------------------------------------------------

	Contact Form

-----------------------------------------------------------------*/

#contact-form-overlay,
#contact-form-overlay-mini {

    position: relative;

    max-width: 800px;

    background-color: #FFF;

    padding: 40px;

    margin: 0 auto;

    z-index: 10;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);

    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);

}


#contact-form-overlay-mini {

    float: right;

    width: 380px;

    margin: 0;

}


label.error {

    margin-top: 5px;

    color: #E42C3E;

    font-weight: 400;

}


label.error {

    display: none !important;

}


.show-error-msg + label.error {

    display: block !important;

}


input[type=checkbox]:not(:checked) + label.error {

    display: block !important;

}


.form-control.error,
.sm-form-control.error {

    border-color: #E42C3E;

}


/* ----------------------------------------------------------------

	Google Maps

-----------------------------------------------------------------*/

#google-map {

    position: relative;

    width: 100%;

    height: 450px;

}


.gmap img {

    max-width: none !important;

}


.gm-style .gm-style-iw h3 span {

    font-size: inherit;

    font-family: inherit;

}


#map-overlay {

    position: relative;

    padding: 100px 0;

}


#map-overlay #google-map {

    position: absolute;

    height: 100%;

    top: 0;

    left: 0;

}


/* ----------------------------------------------------------------

	Google Custom Search

-----------------------------------------------------------------*/

#content .cse .gsc-control-cse,
#content .gsc-control-cse,
#content .gsc-above-wrapper-area,
#content .gsc-adBlock,
#content .gsc-thumbnail-inside,
#content .gsc-url-top,
#content .gsc-table-result,
#content .gsc-webResult,
#content .gsc-result {

    padding: 0 !important;

}


#content .gsc-selected-option-container {

    width: auto !important;

}


#content .gsc-result-info {

    padding-left: 0 !important;

}


#content .gsc-above-wrapper-area-container,
#content .gsc-table-result {

    margin-bottom: 10px;

}


#content .gcsc-branding {

    display: none;

}


#content .gsc-results,
#content .gsc-webResult {

    width: 100% !important;

}


#content .gs-no-results-result .gs-snippet,
#content .gs-error-result .gs-snippet {

    margin: 0 !important;

}


/* ----------------------------------------------------------------

	Heading Styles

-----------------------------------------------------------------*/

/* Block Titles

-----------------------------------------------------------------*/

.title-block {

    padding: 2px 0 3px 20px;

    border-left: 7px solid #c0c540;

    margin-bottom: 30px;

}


.title-block-right {

    padding: 2px 20px 3px 0;

    border-left: 0;

    border-right: 7px solid #c0c540;

    text-align: right;

}


.title-block h1,
.title-block h2,
.title-block h3,
.title-block h4 {

    margin-bottom: 0;

}


.title-block > span {

    display: block;

    margin-top: 4px;

    color: #555;

    font-weight: 300;

}


.title-block h1 + span {

    font-size: 22px;

}


.title-block h2 + span {

    font-size: 19px;

}


.title-block h3 + span {

    font-size: 17px;

}


.title-block h4 + span {

    font-size: 15px;

    margin-top: 3px;

}


/* Heading Block - with Subtitle

-----------------------------------------------------------------*/

.heading-block {

    margin-bottom: 50px;

}


.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {

    margin-bottom: 0;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #333;

}


.emphasis-title h1,
.emphasis-title h2 {

    font-weight: 400;

    letter-spacing: 0;

    text-transform: none;

}


.heading-block h1 {

    font-size: 32px;

}


.heading-block h2 {

    font-size: 30px;

}


.heading-block h3 {

    font-size: 26px;

}


.heading-block h4 {

    font-size: 20px;

    font-weight: 700;

}


.heading-block > span:not(.before-heading) {

    display: block;

    margin-top: 10px;

    font-weight: 300;

    color: #777;

}


.heading-block .before-heading {

    margin-bottom: 7px;

}


.heading-block.center > span,
.heading-block.title-center > span,
.center .heading-block > span {

    max-width: 700px;

    margin-left: auto;

    margin-right: auto;

}


.heading-block h1 + span {

    font-size: 24px;

}


.heading-block h2 + span {

    font-size: 22px;

}


.heading-block h3 + span,
.heading-block h4 + span {

    font-size: 20px;

}


.heading-block ~ p:not(.lead) {

    font-size: 15px;

}


.heading-block:after {

    content: '';

    display: block;

    margin-top: 30px;

    width: 40px;

    border-top: 2px solid #444;

}


.center .heading-block:after,
.heading-block.center:after,
.heading-block.title-center:after {

    margin: 30px auto 0;

}


.tright .heading-block,
.heading-block.tright,
.heading-block.title-right {

    direction: rtl;

}


.heading-block.noborder:after,
.heading-block.nobottomborder:after {

    display: none;

}


.heading-block.border-color:after {

    border-color: #c0c540;

}


/* Emphasis Title

-----------------------------------------------------------------*/

.emphasis-title {

    margin: 0 0 50px;

}


.emphasis-title h1,
.emphasis-title h2 {

    font-size: 64px;

    letter-spacing: -2px;

}


.emphasis-title h1 strong,
.emphasis-title h2 strong {

    font-weight: 700;

}


/* Justify Border Title

-----------------------------------------------------------------*/

.fancy-title {

    position: relative;

    margin-bottom: 30px;

}


.fancy-title h1,
.fancy-title h2,
.fancy-title h3,
.fancy-title h4,
.fancy-title h5,
.fancy-title h6 {

    position: relative;

    display: inline-block;

    background-color: #FFF;

    padding-right: 15px;

    margin-bottom: 0;

}


.fancy-title h4,
.fancy-title h5,
.fancy-title h6 {

    padding-right: 10px;

}


.fancy-title.title-double-border:before,
.fancy-title.title-border:before,
.fancy-title.title-border-color:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 0;

    border-top: 3px double #E5E5E5;

    left: auto;

    top: 46%;

    right: 0;

}


.fancy-title.title-border:before {

    top: 49%;

    border-top: 1px solid #EEE;

}


.fancy-title.title-border-color:before {

    top: 49%;

    border-top: 1px solid #c0c540;

    opacity: 0.6;

}


/* Fancy Title - Center Align

-----------------------------------------------------------------*/

.title-center {

    text-align: center;

}


.title-center h1,
.title-center h2,
.title-center h3 {

    padding: 0 15px;

}


.title-center h4,
.title-center h5,
.title-center h6 {

    padding: 0 10px;

}


/* Fancy Title - Right Align

-----------------------------------------------------------------*/

.title-right {

    text-align: right;

}


.title-right h1,
.title-right h2,
.title-right h3 {

    padding: 0 0 0 15px;

}


.title-right h4,
.title-right h5,
.title-right h6 {

    padding: 0 0 0 10px;

}


/* Fancy Title - Bottom Short Border

-----------------------------------------------------------------*/

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6 {

    display: block;

    background: transparent;

    padding: 0 0 10px;

    border-bottom: 2px solid #c0c540;

}


/* Fancy Title - Bottom Short Border

-----------------------------------------------------------------*/

.fancy-title.title-dotted-border {

    background: url('https://1f000a.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/icons/dotted.png') repeat-x center;

}


/* Sub Heading

-----------------------------------------------------------------*/

.before-heading {

    display: block;

    margin: 0 0 5px;

    font-size: 16px;

    font-family: 'Crete Round', serif;

    font-style: italic;

    font-weight: 400;

    color: #999;

}


/* ----------------------------------------------------------------

	Divider

-----------------------------------------------------------------*/

.divider {

    position: relative;

    overflow: hidden;

    margin: 35px 0;

    color: #E5E5E5;

    width: 100%;

}


.divider.divider-margin {

    margin: 70px 0;

}


.divider:after,
.divider.divider-center:before,
.divider.divider-center.divider-short:before {

    content: '';

    position: absolute;

    width: 100%;

    top: 8px;

    left: 30px;

    height: 0;

    border-top: 1px solid #EEE;

}


.divider.divider-thick:after,
.divider.divider-center.divider-thick:before,
.divider.divider-center.divider-short.divider-thick:before {

    border-top-width: 3px;

}


.divider.divider-short:after {

    width: 30%;

}


.divider.divider-vshort:after {

    width: 12%;

}


.divider i {

    position: relative;

    width: 18px;

    height: 18px;

    line-height: 1;

    font-size: 18px !important;

    text-align: center;

}


.divider a {

    position: relative;

    display: inline-block;

    color: inherit;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}


.divider a:hover {

    color: #888;

}


/* Divider - Icon Align Right

-----------------------------------------------------------------*/

.divider.divider-right {

    text-align: right;

}


.divider.divider-right:after {

    left: auto;

    right: 30px;

}


/* Divider - Icon Align Center

-----------------------------------------------------------------*/

.divider.divider-center,
.divider.divider-center.divider-short {

    text-align: center;

}


.divider.divider-center:before {

    left: -50% !important;

    right: 0;

    margin-left: -20px;

}


.divider.divider-center:after {

    left: 50% !important;

    right: 0;

    margin-left: 20px;

}


/* Short Divider - Icon Align Center

-----------------------------------------------------------------*/

.divider.divider-center.divider-short:before {

    left: auto !important;

    right: 50%;

    margin-right: 20px;

    width: 15%;

}


.divider.divider-center.divider-short:after {

    left: 50% !important;

    right: auto !important;

    margin-left: 20px;

    width: 15%;

}


.divider.divider-center.divider-vshort:before,
.divider.divider-center.divider-vshort:after {

    width: 6%;

}


/* Divider - Rounded Icon

-----------------------------------------------------------------*/

.divider.divider-rounded {

    color: #BBB;

}


.divider.divider-rounded:after,
.divider.divider-rounded.divider-center:before,
.divider.divider-rounded.divider-short:before,
.divider.divider-border:after,
.divider.divider-border.divider-center:before,
.divider.divider-border.divider-short:before {

    top: 19px;

    left: 40px;

}


.divider.divider-rounded i,
.divider.divider-border i {

    width: 40px;

    height: 40px;

    line-height: 40px;

    background-color: #F5F5F5;

    border-radius: 50%;

}


.divider.divider-rounded.divider-right:after,
.divider.divider-border.divider-right:after {

    left: auto;

    right: 40px;

}


/* Divider - Rounded & Border

-----------------------------------------------------------------*/

.divider.divider-border {

    color: #E5E5E5;

}


.divider.divider-border i {

    line-height: 38px;

    background-color: transparent;

    border: 1px solid #EEE;

}


/* Divider - Line Only

-----------------------------------------------------------------*/

.divider.divider-line:before,
.divider.divider-line:after {

    margin-left: 0 !important;

    margin-right: 0 !important;

}


/* ----------------------------------------------------------------

	Magazine Specific Classes

-----------------------------------------------------------------*/

.top-advert {

    float: right;

    padding: 5px;

    border-left: 1px solid #EEE;

    border-right: 1px solid #EEE;

}


.top-advert a,
.top-advert img {

    display: block;

}


.bnews-title {

    display: block;

    float: left;

    margin-top: 2px;

    padding-top: .3em;

    text-transform: uppercase;

}


.bnews-slider {

    float: left;

    width: 970px;

    margin-left: 20px;

    min-height: 0;

}


/* ----------------------------------------------------------------

	Go To Top

-----------------------------------------------------------------*/

#gotoTop {

    display: none;

    z-index: 299;

    position: fixed;

    width: 40px;

    height: 40px;

    background-color: #333;

    background-color: rgba(0, 0, 0, 0.3);

    font-size: 20px;

    line-height: 36px;

    text-align: center;

    color: #FFF;

    top: auto;

    left: auto;

    right: 30px;

    bottom: 50px;

    cursor: pointer;

    border-radius: 2px;

}


body:not(.device-touch) #gotoTop {

    transition: background-color .2s linear;

    -webkit-transition: background-color .2s linear;

    -o-transition: background-color .2s linear;

}


.stretched #gotoTop {

    bottom: 30px;

}


#gotoTop:hover {

    background-color: #c0c540;

}


/* ----------------------------------------------------------------

	Go To Bottom

-----------------------------------------------------------------*/

#gotoBottom {

    display: block;

    position: absolute;

    font-size: 20px;

    text-align: center;

    color: #c0c540;

    bottom: 0;

    left: 50%;

    right: auto;

    cursor: pointer;

}


/*#gotoBottom {

	display: block;

	z-index: 1;

	position: relative;

	width: 35px;

	height: 35px;

	background-color: #333;

	background-color: rgba(0,0,0,0.3);

	font-size: 20px;

	line-height: 36px;

	text-align: center;

	color: #FFF;

	top: auto;

	left: 50%;

	right: auto;

	bottom: 0;

	cursor: pointer;

	border-radius: 2px;

}



body:not(.device-touch) #gotoBottom {

	transition: background-color .2s linear;

	-webkit-transition: background-color .2s linear;

	-o-transition: background-color .2s linear;

}



.stretched #gotoBottom { bottom: 0; }



#gotoBottom:hover { background-color: #c0c540; }*/

/* ----------------------------------------------------------------

	Error 404

-----------------------------------------------------------------*/

.error404 {

    display: block;

    font-size: 216px;

    font-weight: 700;

    color: #DDD;

    line-height: 1.35;

    letter-spacing: 4px;

}


.error404-wrap .container {

    z-index: 7;

}


.error404-wrap .error404 {

    line-height: 0.9;

    margin-bottom: 40px;

    font-weight: bold;

    font-size: 244px;

    color: #FFF !important;

    opacity: 0.2;

    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);

}


.error404-wrap .heading-block h4 {

    font-weight: 300;

    margin-bottom: 8px;

}


.error404-wrap .heading-block span {

    font-size: 17px;

}


.error404-wrap form {

    max-width: 500px;

}


/* ----------------------------------------------------------------

	Landing Pages

-----------------------------------------------------------------*/

.landing-wide-form {

    background: rgba(0, 0, 0, 0.3);

    padding: 30px;

    border-radius: 3px;

}


.landing-form-overlay {

    position: absolute;

    z-index: 10;

    top: auto;

    left: auto;

    right: 0;

    bottom: -154px;

    background-color: rgba(0, 0, 0, 0.6);

    border-radius: 3px 3px 0 0;

}


.landing-video {

    z-index: 1;

    width: 560px;

    height: 315px;

    margin: 22px 0 0 95px;

    overflow: hidden;

}


.landing-promo h3 {

    font-size: 26px;

}


.landing-promo > .container > span {

    font-size: 17px;

}


/* ----------------------------------------------------------------

	Preloaders

-----------------------------------------------------------------*/

.preloader,
.preloader2,
.form-process {

    display: block;

    width: 100%;

    height: 100%;

    background: url("https://04fc58.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/preloader.gif") center center no-repeat #FFF;

}


.preloader2 {

    background-color: transparent;

}


.form-process {

    display: none;

    position: absolute;

    z-index: 3;

    background-color: rgba(255, 255, 255, 0.7);

}


/* ----------------------------------------------------------------

	Toastr Notifications

-----------------------------------------------------------------*/

.toast-title {

    font-weight: bold;

}


.toast-message {

    -ms-word-wrap: break-word;

    word-wrap: break-word;

}


.toast-message a,
.toast-message label {

    color: #FFFFFF;

}


.toast-message a:hover {

    color: #CCCCCC;

    text-decoration: none;

}


.toast-close-button {

    position: relative;

    right: -0.3em;

    top: -0.3em;

    float: right;

    font-size: 20px;

    font-weight: bold;

    color: #FFFFFF;

    -webkit-text-shadow: 0 1px 0 #ffffff;

    text-shadow: 0 1px 0 #ffffff;

    opacity: 0.8;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

    filter: alpha(opacity=80);

    line-height: 1;

}


.toast-close-button:hover,
.toast-close-button:focus {

    color: #000000;

    text-decoration: none;

    cursor: pointer;

    opacity: 0.4;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);

    filter: alpha(opacity=40);

}


.rtl .toast-close-button {

    left: -0.3em;

    float: left;

    right: 0.3em;

}


/*Additional properties for button version

 iOS requires the button element instead of an anchor tag.

 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {

    padding: 0;

    cursor: pointer;

    background: transparent;

    border: 0;

    -webkit-appearance: none;

}


.toast-top-center {

    top: 0;

    right: 0;

    width: 100%;

}


.toast-bottom-center {

    bottom: 0;

    right: 0;

    width: 100%;

}


.toast-top-full-width {

    top: 0;

    right: 0;

    width: 100%;

}


.toast-bottom-full-width {

    bottom: 0;

    right: 0;

    width: 100%;

}


.toast-top-left {

    top: 12px;

    left: 12px;

}


.toast-top-right {

    top: 12px;

    right: 12px;

}


.toast-bottom-right {

    right: 12px;

    bottom: 12px;

}


.toast-bottom-left {

    bottom: 12px;

    left: 12px;

}


#toast-container {

    position: fixed;

    z-index: 999999;

    pointer-events: none;

    /*overrides*/

}


#toast-container * {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}


#toast-container > div {

    position: relative;

    pointer-events: auto;

    overflow: hidden;

    margin: 0 0 6px;

    padding: 20px 25px;

    width: 300px;

    border-radius: 3px 3px 3px 3px;

    background-repeat: no-repeat;

    -webkit-box-shadow: 0 0 12px #999999;

    box-shadow: 0 0 12px #999999;

    color: #FFFFFF;

    opacity: 0.8;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

    filter: alpha(opacity=80);

}


#toast-container > div.rtl {

    direction: rtl;

}


#toast-container > div:hover {

    -webkit-box-shadow: 0 0 12px #000000;

    box-shadow: 0 0 12px #000000;

    opacity: 1;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    filter: alpha(opacity=100);

    cursor: pointer;

}


#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {

    width: 300px;

    margin-left: auto;

    margin-right: auto;

}


#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {

    width: 96%;

    margin-left: auto;

    margin-right: auto;

}


.toast {

    background-color: #030303;

}


.toast-success {

    background-color: #51A351;

}


.toast-error {

    background-color: #BD362F;

}


.toast-info {

    background-color: #2F96B4;

}


.toast-warning {

    background-color: #F89406;

}


.toast-progress {

    position: absolute;

    left: 0;

    bottom: 0;

    height: 4px;

    background-color: #000000;

    opacity: 0.4;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);

    filter: alpha(opacity=40);

}


/*Responsive Design*/

@media all and (max-width: 240px) {

    #toast-container > div {

        padding: 10px 15px;

        width: 11em;

    }


    #toast-container .toast-close-button {

        right: -0.2em;

        top: -0.2em;

    }


    #toast-container .rtl .toast-close-button {

        left: -0.2em;

        right: 0.2em;

    }

}


@media all and (min-width: 241px) and (max-width: 480px) {

    #toast-container > div {

        padding: 10px 15px;

        width: 18em;

    }


    #toast-container .toast-close-button {

        right: -0.2em;

        top: -0.2em;

    }


    #toast-container .rtl .toast-close-button {

        left: -0.2em;

        right: 0.2em;

    }

}


@media all and (min-width: 481px) and (max-width: 768px) {

    #toast-container > div {

        padding: 15px 20px;

        width: 25em;

    }

}


@media all and (min-width: 900px) and (max-width: 1024px) {

    #btn-configurateur ul li > a {

        display: block;

        line-height: 22px;

        padding: 25px 2rem;

        color: #fff;

        background-color: #c0c540;

        font-weight: 500;

        font-size: 1.1em;

        letter-spacing: 1px;

        font-family: 'RooneySans', sans-serif;

        -webkit-transition: all .2s ease-in- out;

        transition: all .2s ease-in-out;

        padding-left: 10px;

        width: 80px;

    }

}


/* ----------------------------------------------------------------

	Footer

-----------------------------------------------------------------*/

#footer {

    position: relative;

    background-color: #EEE;

    border-top: 5px solid rgba(0, 0, 0, 0.2);

}


.device-xl.sticky-footer #top-bar,
.device-lg.sticky-footer #top-bar {

    z-index: 299;

}


.device-xl.sticky-footer #header,
.device-lg.sticky-footer #header {

    z-index: 199;

}


.device-xl.sticky-footer #slider:not(.slider-parallax-invisible),
.device-xl.sticky-footer #page-submenu,
.device-xl.sticky-footer #page-title,
.device-xl.sticky-footer #content,
.device-lg.sticky-footer #slider:not(.slider-parallax-invisible),
.device-lg.sticky-footer #page-submenu,
.device-lg.sticky-footer #page-title,
.device-lg.sticky-footer #content {

    z-index: 2;

}


.device-xl.sticky-footer #footer,
.device-lg.sticky-footer #footer {

    position: fixed;

    top: auto;

    bottom: 0;

    left: 0;

    width: 100%;

    z-index: 1;

}


.device-xl.sticky-footer:not(.stretched) #footer,
.device-lg.sticky-footer:not(.stretched) #footer {

    left: 50%;

    margin-left: -610px;

    width: 1220px;

}


.device-lg.sticky-footer:not(.stretched) #footer {

    margin-left: -500px;

    width: 1000px;

}


#footer .footer-widgets-wrap {

    position: relative;

    padding: 80px 0;

}


.footer-widgets-wrap .col_full,
.footer-widgets-wrap .col_half,
.footer-widgets-wrap .col_one_third,
.footer-widgets-wrap .col_two_third,
.footer-widgets-wrap .col_three_fourth,
.footer-widgets-wrap .col_one_fourth,
.footer-widgets-wrap .col_one_fifth,
.footer-widgets-wrap .col_two_fifth,
.footer-widgets-wrap .col_three_fifth,
.footer-widgets-wrap .col_four_fifth,
.footer-widgets-wrap .col_one_sixth,
.footer-widgets-wrap .col_five_sixth {

    margin-bottom: 0;

}


#copyrights {

    padding: 40px 0;

    background-color: #DDD;

    font-size: 14px;

    line-height: 1.8;

}


#copyrights i.footer-icon {

    position: relative;

    top: 1px;

    font-size: 14px;

    width: 14px;

    text-align: center;

    margin-right: 3px;

}


.copyright-links a {

    display: inline-block;

    margin: 0 3px;

    color: #333;

    border-bottom: 1px dotted #444;

}


.copyright-links a:hover {

    color: #555;

    border-bottom: 1px solid #666;

}


.copyrights-menu {

    margin-bottom: 10px;

}


.copyrights-menu a {

    font-size: 14px;

    margin: 0 10px;

    border-bottom: 0 !important;

}


#copyrights .col_half {

    margin-bottom: 0 !important;

}


#copyrights a:first-child {

    margin-left: 0;

}


#copyrights .tright a:last-child {

    margin-right: 0;

}


.footer-logo {

    display: block;

    margin-bottom: 30px;

}


/* ----------------------------------------------------------------

	Widgets

-----------------------------------------------------------------*/

.widget {

    position: relative;

    margin-top: 50px;

}


.widget p {

    line-height: 1.7;

}


.sidebar-widgets-wrap .widget {

    padding-top: 50px;

    border-top: 1px solid #EEE;

}


.widget:first-child {

    margin-top: 0;

}


.sidebar-widgets-wrap .widget:first-child {

    padding-top: 0;

    border-top: 0;

}


.widget > h4 {

    margin-bottom: 25px;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;

}


.sidebar-widgets-wrap .widget > h4 {

    letter-spacing: 1px;

}


.widget p:not(.lead) {

    font-size: 14px;

}


/* Tag Cloud

-----------------------------------------------------------------*/

.tagcloud {

    margin-bottom: -2px;

}


.tagcloud a {

    display: block;

    float: left;

    margin-right: 4px;

    margin-bottom: 4px;

    padding: 3px 6px;

    border: 1px solid #E5E5E5;

    font-size: 13px !important;

    color: #666;

    border-radius: 2px;

}


body:not(.device-touch) .tagcloud a {

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}


.tagcloud a:hover {

    border-color: #c0c540 !important;

    color: #c0c540 !important;

}


/* Widget - Links

-----------------------------------------------------------------*/

.widget_nav_menu ul,
.widget_nav_menu li,
.widget_links ul,
.widget_links li,
.widget_meta ul,
.widget_meta li,
.widget_archive ul,
.widget_archive li,
.widget_recent_comments ul,
.widget_recent_comments li,
.widget_recent_entries ul,
.widget_recent_entries li,
.widget_categories ul,
.widget_categories li,
.widget_pages ul,
.widget_pages li,
.widget_rss ul,
.widget_rss li {

    list-style: none;

    margin: 0;

}


.widget_nav_menu li,
.widget_links li,
.widget_meta li,
.widget_archive li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_categories li,
.widget_pages li,
.widget_rss li {

    padding: 4px;

}


.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li {

    display: inline-block;

    padding: 0 3px 0 12px;

}


.widget_recent_comments li {

    display: block;

    background: url("https://101e70.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/icons/widget-comment.png") left top no-repeat;

    padding: 4px 0 4px 20px;

}


.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li a {

    background: url("https://c3b41c.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/themes/cofreco-2018/images/icons/widget-link.png") left top no-repeat;

    border: none !important;

    color: #444;

    font-size: 14px;

}


.widget_nav_menu li a:hover,
.widget_links li a:hover,
.widget_meta li a:hover,
.widget_archive li a:hover,
.widget_recent_entries li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_rss li a:hover,
.widget_recent_comments li a:hover {

    color: #000;

}


.widget_recent_comments li a {

    display: inline;

    padding: 0;

    background: none !important;

}


.widget_nav_menu > ul > li:first-child,
.widget_links > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_recent_comments > ul > li:first-child,
.widget_recent_entries > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_pages > ul > li:first-child,
.widget_rss > ul > li:first-child {

    border-top: 0 !important;

}


.widget_nav_menu > ul,
.widget_links > ul,
.widget_meta > ul,
.widget_archive > ul,
.widget_recent_comments > ul,
.widget_recent_entries > ul,
.widget_categories > ul,
.widget_pages > ul,
.widget_rss > ul {

    margin-top: -4px !important;

}


.widget_nav_menu ul ul,
.widget_links ul ul,
.widget_meta ul ul,
.widget_archive ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul,
.widget_pages ul ul,
.widget_rss ul ul {

    margin-left: 15px;

}


/* Widget - Testimonial & Twitter

-----------------------------------------------------------------*/

.widget .testimonial.no-image .testi-image {

    display: none;

}


.widget .testimonial.twitter-scroll .testi-image {

    margin-right: 10px;

}


.widget .testimonial:not(.twitter-scroll) .testi-image,
.widget .testimonial:not(.twitter-scroll) .testi-image a,
.widget .testimonial:not(.twitter-scroll) .testi-image img {

    width: 42px;

    height: 42px;

}


.widget .testimonial.twitter-scroll .testi-image,
.widget .testimonial.twitter-scroll .testi-image a,
.widget .testimonial.twitter-scroll .testi-image img,
.widget .testimonial.twitter-scroll .testi-image i {

    width: 28px;

    height: 28px;

}


.widget .testimonial.twitter-scroll .testi-image i {

    background-color: #EEE;

    line-height: 28px;

    font-size: 14px;

    color: #888;

}


.widget .testimonial p {

    font-size: 14px;

}


/* Widget - Quick Contact Form

-----------------------------------------------------------------*/

.quick-contact-widget .form-control,
.quick-contact-widget .input-group,
.quick-contact-widget .sm-form-control {

    margin-bottom: 10px;

}


.quick-contact-widget .input-group .form-control {

    margin-bottom: 0;

}


.quick-contact-widget form,
#template-contactform {

    position: relative;

}


/* Newsletter Widget

-----------------------------------------------------------------*/

.subscribe-widget h5 {

    font-weight: 300;

    font-size: 14px;

    line-height: 1.5;

}


/* Twitter Feed Widget

-----------------------------------------------------------------*/

.widget-twitter-feed li {

    margin: 15px 0 0 0;

}


.widget-twitter-feed li:first-child {

    margin-top: 0;

}


.widget-twitter-feed small {

    display: block;

    margin-top: 3px;

}


.widget-twitter-feed small a {

    color: #999;

}


.widget-twitter-feed .twitter-feed:not(.twitter-feed-avatar) a.twitter-avatar {

    display: none;

}


.widget-twitter-feed .twitter-feed.twitter-feed-avatar i.icon-twitter {

    display: none;

}


.widget-twitter-feed .twitter-feed-avatar {

    margin-left: 44px;

}


.widget-twitter-feed .twitter-feed-avatar > li a.twitter-avatar {

    display: block;

    position: absolute;

    left: -44px;

    text-align: center;

    top: 2px;

    width: 32px;

    height: 32px;

}


.twitter-feed-avatar a.twitter-avatar img {

    border-radius: 50%;

}


/* Widget Filter Links

-----------------------------------------------------------------*/

.widget-filter-links ul {

    list-style: none;

    margin-bottom: 0;

}


.widget-filter-links .widget-filter-reset {

    position: absolute;

    top: 0;

    left: auto;

    right: 0;

    font-size: 12px;

    line-height: 22px;

}


.widget:not(:first-child) .widget-filter-reset {

    top: 50px;

}


.widget-filter-links .widget-filter-reset a {

    color: red;

}


.widget-filter-links .widget-filter-reset.active-filter {

    display: none;

}


.widget-filter-links li {

    position: relative;

    font-size: 15px;

    line-height: 24px;

}


.widget-filter-links li:not(:first-child) {

    margin-top: 10px;

}


.widget-filter-links li a {

    display: block;

    color: #444;

    font-family: 'Raleway', sans-serif;

    font-weight: 500;

}


.widget-filter-links li span {

    position: absolute;

    top: 1px;

    left: auto;

    right: 0;

    font-size: 11px;

    width: 22px;

    height: 22px;

    line-height: 22px;

    text-align: center;

    color: #777;

    background-color: #EEE;

    border-radius: 50%;

}


.widget-filter-links li:hover a {

    color: #777;

}


.widget-filter-links li.active-filter a {

    font-weight: 700;

}


.widget-filter-links li.active-filter span {

    color: #FFF;

    background-color: #c0c540;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);

}


/* Navigation Tree

-----------------------------------------------------------------*/

.nav-tree {

    position: relative;

    margin-bottom: 40px;

}


.nav-tree ul {

    margin-bottom: 0;

    list-style: none;

}


.nav-tree > ul {

    margin: -8px 0;

}


.nav-tree li {

    position: relative;

}


.nav-tree li a {

    display: block;

    padding: 8px 0;

    color: #333;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 2px;

    font-family: 'Raleway', sans-serif;

}


.nav-tree li i {

    font-size: 14px;

    width: 16px;

    text-align: center;

}


.nav-tree li i:not(.icon-angle-down) {

    margin-right: 8px;

    position: relative;

    top: 1px;

}


.nav-tree li a i.icon-angle-down {

    width: auto;

    font-size: 12px;

    margin-left: 2px;

}


.nav-tree li:hover > a,
.nav-tree li.current > a,
.nav-tree li.active > a {

    color: #c0c540 !important;

}


.nav-tree ul ul {

    display: none;

}


.nav-tree li.current > ul {

    display: block;

}


.nav-tree ul ul a {

    font-size: 12px;

    padding: 6px 0;

    letter-spacing: 1px;

    font-family: 'Lato', sans-serif;

}


.nav-tree ul ul a i.icon-angle-down {

    font-size: 12px;

}


.nav-tree ul ul a {

    padding-left: 20px;

}


.nav-tree ul ul ul a {

    padding-left: 40px;

}


.nav-tree ul ul ul ul a {

    padding-left: 60px;

}


.nav-tree ul ul ul ul ul a {

    padding-left: 80px;

}


/* ----------------------------------------------------------------

	Wedding

-----------------------------------------------------------------*/

.wedding-head {

    position: relative;

    line-height: 1;

    font-size: 80px;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);

}


.wedding-head .first-name,
.wedding-head .last-name,
.wedding-head .and {

    display: inline-block;

    margin-right: 15px;

    font-weight: bold;

    text-align: right;

    text-transform: uppercase;

    font-family: 'Raleway', sans-serif;

    letter-spacing: 2px;

}


.wedding-head .last-name {

    margin: 0 0 0 15px;

    text-align: left;

}


.wedding-head .first-name span,
.wedding-head .last-name span {

    display: block;

    margin-top: 10px;

    font-size: 56px;

    font-weight: 400;

    font-style: italic;

    font-family: 'Crete Round', serif;

    text-transform: none;

}


.wedding-head .and {

    margin: 0;

    font-size: 200px;

    font-family: 'Times New Roman', serif;

}


/* ----------------------------------------------------------------

	Bootstrap Specific

-----------------------------------------------------------------*/

.table .success {

    color: #3c763d;

}


.table .info {

    color: #31708f;

}


.table .warning {

    color: #8a6d3b;

}


.table .danger {

    color: #a94442;

}


.btn-link,
.pagination > li > a, .pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {

    color: #c0c540;

}


.btn-link:hover,
.btn-link:focus {

    color: #222;

}


.boot-tabs {

    margin-bottom: 20px !important;

}


.carousel-control .icon-chevron-left,
.carousel-control .icon-chevron-right {

    position: absolute;

    top: 47.5%;

    z-index: 5;

    display: inline-block;

}


.carousel-control .icon-chevron-left {

    left: 50%;

}


.carousel-control .icon-chevron-right {

    right: 50%;

}


.carousel-control-prev, .carousel-control-next {

    width: 5%;
    display: none;

}


.responsive-utilities th small {

    display: block;

    font-weight: 400;

    color: #999;

}


.show-grid [class^=col-] {

    padding-top: 10px;

    padding-bottom: 10px;

    background-color: #EEE;

    border: 1px solid #DDD;

}


.img-circle {

    border-radius: 50% !important;

}


.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {

    color: #FFF !important;

    background-color: #c0c540 !important;

    border-color: #c0c540 !important;

}


.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {

    background-color: #c0c540;

}


label.radio,
label.checkbox {

    padding-left: 20px;

}


.input-group-lg > .input-group-addon {

    line-height: 1;

}


/* ----------------------------------------------------------------

	Cookie Notification

-----------------------------------------------------------------*/

#cookie-notification {

    position: fixed;

    top: auto;

    bottom: -70px;

    left: 0;

    width: 100%;

    padding: 20px 0;

    line-height: 24px;

    background-color: #EEE;

    color: #444;

    z-index: 99;

    -webkit-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.15);

    -webkit-transition: bottom .4s ease;

    transition: bottom .4s ease;

}


.cookie-noti-btn {

}


/* ----------------------------------------------------------------

	Stretched Layout

-----------------------------------------------------------------*/

.stretched #wrapper {

    width: 100%;

    margin: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}


/* ----------------------------------------------------------------

	Page Transitions

-----------------------------------------------------------------*/

body:not(.no-transition) #wrapper,
.animsition-overlay {

    position: relative;

    opacity: 0;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}


.css3-spinner {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1000;

    text-align: center;

    background-color: #FFF;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}


.css3-spinner > div {

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -9px;

    margin-left: 13px;

    width: 18px;

    height: 18px;

    background-color: #DDD;

    border-radius: 100%;

    display: inline-block;

    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;

    animation: bouncedelay 1.4s infinite ease-in-out;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}


.css3-spinner .css3-spinner-bounce1 {

    margin-left: -31px;

    -webkit-animation-delay: -0.32s;

    animation-delay: -0.32s;

}


.css3-spinner .css3-spinner-bounce2 {

    margin-left: -9px;

    -webkit-animation-delay: -0.16s;

    animation-delay: -0.16s;

}


@-webkit-keyframes bouncedelay {

    0%, 80%, 100% {

        -webkit-transform: scale(0.0)

    }


    40% {

        -webkit-transform: scale(1.0)

    }

}


@keyframes bouncedelay {

    0%, 80%, 100% {

        transform: scale(0.0);

        -webkit-transform: scale(0.0);

    }


    40% {

        transform: scale(1.0);

        -webkit-transform: scale(1.0);

    }

}


.css3-spinner > .css3-spinner-flipper {

    width: 32px;

    height: 32px;

    margin-top: -16px;

    margin-left: -16px;

    border-radius: 0;

    -webkit-animation: rotateplane 1.2s infinite ease-in-out;

    animation: rotateplane 1.2s infinite ease-in-out;

}


@-webkit-keyframes rotateplane {

    0% {

        -webkit-transform: perspective(120px)

    }


    50% {

        -webkit-transform: perspective(120px) rotateY(180deg)

    }


    100% {

        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)

    }

}


@keyframes rotateplane {

    0% {

        transform: perspective(120px) rotateX(0deg) rotateY(0deg);

        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)

    }


    50% {

        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)

    }


    100% {

        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

    }

}


.css3-spinner > .css3-spinner-double-bounce1,
.css3-spinner > .css3-spinner-double-bounce2 {

    width: 40px;

    height: 40px;

    margin-top: -20px;

    margin-left: -20px;

    border-radius: 50%;

    opacity: 0.6;

    -webkit-animation: cssspinnerbounce 2.0s infinite ease-in-out;

    animation: cssspinnerbounce 2.0s infinite ease-in-out;

}


.css3-spinner > .css3-spinner-double-bounce2 {

    -webkit-animation-delay: -1.0s;

    animation-delay: -1.0s;

}


@-webkit-keyframes cssspinnerbounce {

    0%, 100% {

        -webkit-transform: scale(0.0)

    }


    50% {

        -webkit-transform: scale(1.0)

    }

}


@keyframes cssspinnerbounce {

    0%, 100% {

        transform: scale(0.0);

        -webkit-transform: scale(0.0);

    }


    50% {

        transform: scale(1.0);

        -webkit-transform: scale(1.0);

    }

}


.css3-spinner > .css3-spinner-rect1,
.css3-spinner > .css3-spinner-rect2,
.css3-spinner > .css3-spinner-rect3,
.css3-spinner > .css3-spinner-rect4,
.css3-spinner > .css3-spinner-rect5 {

    height: 30px;

    width: 6px;

    margin-top: -15px;

    margin-left: -21px;

    border-radius: 0;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;

    animation: stretchdelay 1.2s infinite ease-in-out;

}


.css3-spinner > .css3-spinner-rect2 {

    margin-left: -12px;

    -webkit-animation-delay: -1.1s;

    animation-delay: -1.1s;

}


.css3-spinner > .css3-spinner-rect3 {

    margin-left: -3px;

    -webkit-animation-delay: -1.0s;

    animation-delay: -1.0s;

}


.css3-spinner > .css3-spinner-rect4 {

    margin-left: 6px;

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}


.css3-spinner > .css3-spinner-rect5 {

    margin-left: 15px;

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s;

}


@-webkit-keyframes stretchdelay {

    0%, 40%, 100% {

        -webkit-transform: scaleY(0.4)

    }


    20% {

        -webkit-transform: scaleY(1.0)

    }

}


@keyframes stretchdelay {

    0%, 40%, 100% {

        transform: scaleY(0.4);

        -webkit-transform: scaleY(0.4);

    }


    20% {

        transform: scaleY(1.0);

        -webkit-transform: scaleY(1.0);

    }

}


.css3-spinner > .css3-spinner-cube1,
.css3-spinner > .css3-spinner-cube2 {

    width: 16px;

    height: 16px;

    border-radius: 0;

    margin-top: -20px;

    margin-left: -20px;

    -webkit-animation: cubemove 1.8s infinite ease-in-out;

    animation: cubemove 1.8s infinite ease-in-out;

}


.css3-spinner > .css3-spinner-cube2 {

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}


@-webkit-keyframes cubemove {

    25% {

        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)

    }


    50% {

        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)

    }


    75% {

        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)

    }


    100% {

        -webkit-transform: rotate(-360deg)

    }

}


@keyframes cubemove {

    25% {

        transform: translateX(42px) rotate(-90deg) scale(0.5);

        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);

    }


    50% {

        transform: translateX(42px) translateY(42px) rotate(-179deg);

        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);

    }


    50.1% {

        transform: translateX(42px) translateY(42px) rotate(-180deg);

        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);

    }


    75% {

        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);

        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);

    }


    100% {

        transform: rotate(-360deg);

        -webkit-transform: rotate(-360deg);

    }

}


.css3-spinner > .css3-spinner-scaler {

    width: 40px;

    height: 40px;

    margin-top: -20px;

    margin-left: -20px;

    -webkit-animation: scaleout 1.0s infinite ease-in-out;

    animation: scaleout 1.0s infinite ease-in-out;

}


@-webkit-keyframes scaleout {

    0% {

        -webkit-transform: scale(0.0)

    }


    100% {

        -webkit-transform: scale(1.0);

        opacity: 0;

    }

}


@keyframes scaleout {

    0% {

        transform: scale(0.0);

        -webkit-transform: scale(0.0);

    }


    100% {

        transform: scale(1.0);

        -webkit-transform: scale(1.0);

        opacity: 0;

    }

}


.css3-spinner > .css3-spinner-grid-pulse {

    width: 48px;

    height: 48px;

    margin-top: -24px;

    margin-left: -24px;

    background-color: transparent !important;

    -webkit-animation: none;

    animation: none;

}


.css3-spinner-grid-pulse > div {

    background-color: #DDD;

    width: 12px;

    height: 12px;

    border-radius: 100%;

    margin: 2px;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    display: inline-block;

    float: left;

    -webkit-animation-name: ball-grid-pulse;

    animation-name: ball-grid-pulse;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-delay: 0;

    animation-delay: 0;

}


.css3-spinner-grid-pulse > div:nth-child(1) {

    -webkit-animation-delay: 0.73s;

    animation-delay: 0.73s;

    -webkit-animation-duration: 1.3s;

    animation-duration: 1.3s;

}


.css3-spinner-grid-pulse > div:nth-child(2) {

    -webkit-animation-delay: 0.32s;

    animation-delay: 0.32s;

    -webkit-animation-duration: 1.3s;

    animation-duration: 1.3s;

}


.css3-spinner-grid-pulse > div:nth-child(3) {

    -webkit-animation-delay: 0.71s;

    animation-delay: 0.71s;

    -webkit-animation-duration: 0.88s;

    animation-duration: 0.88s;

}


.css3-spinner-grid-pulse > div:nth-child(4) {

    -webkit-animation-delay: 0.62s;

    animation-delay: 0.62s;

    -webkit-animation-duration: 1.06s;

    animation-duration: 1.06s;

}


.css3-spinner-grid-pulse > div:nth-child(5) {

    -webkit-animation-delay: 0.31s;

    animation-delay: 0.31s;

    -webkit-animation-duration: 0.62s;

    animation-duration: 0.62s;

}


.css3-spinner-grid-pulse > div:nth-child(6) {

    -webkit-animation-delay: -0.14s;

    animation-delay: -0.14s;

    -webkit-animation-duration: 1.48s;

    animation-duration: 1.48s;

}


.css3-spinner-grid-pulse > div:nth-child(7) {

    -webkit-animation-delay: -0.1s;

    animation-delay: -0.1s;

    -webkit-animation-duration: 1.47s;

    animation-duration: 1.47s;

}


.css3-spinner-grid-pulse > div:nth-child(8) {

    -webkit-animation-delay: 0.4s;

    animation-delay: 0.4s;

    -webkit-animation-duration: 1.49s;

    animation-duration: 1.49s;

}


.css3-spinner-grid-pulse > div:nth-child(9) {

    -webkit-animation-delay: 0.73s;

    animation-delay: 0.73s;

    -webkit-animation-duration: 0.7s;

    animation-duration: 0.7s;

}


@-webkit-keyframes ball-grid-pulse {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }


    50% {

        -webkit-transform: scale(0.5);

        transform: scale(0.5);

        opacity: 0.7;

    }


    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}


@keyframes ball-grid-pulse {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }


    50% {

        -webkit-transform: scale(0.5);

        transform: scale(0.5);

        opacity: 0.7;

    }


    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 1;

    }

}


.css3-spinner > .css3-spinner-clip-rotate {

    width: 33px;

    height: 33px;

    margin-top: -17px;

    margin-left: -17px;

    background-color: transparent !important;

    -webkit-animation: none;

    animation: none;

}


.css3-spinner-clip-rotate > div {

    border-radius: 100%;

    border: 2px solid #DDD;

    border-bottom-color: transparent !important;

    height: 33px;

    width: 33px;

    background: transparent !important;

    -webkit-animation: rotate 1s 0s linear infinite;

    animation: rotate 1s 0s linear infinite;

}


@-webkit-keyframes rotate {

    0% {

        -webkit-transform: rotate(0deg) scale(1);

        transform: rotate(0deg) scale(1);

    }


    50% {

        -webkit-transform: rotate(180deg) scale(0.6);

        transform: rotate(180deg) scale(0.6);

    }


    100% {

        -webkit-transform: rotate(360deg) scale(1);

        transform: rotate(360deg) scale(1);

    }

}


@keyframes rotate {

    0% {

        -webkit-transform: rotate(0deg) scale(1);

        transform: rotate(0deg) scale(1);

    }


    50% {

        -webkit-transform: rotate(180deg) scale(0.6);

        transform: rotate(180deg) scale(0.6);

    }


    100% {

        -webkit-transform: rotate(360deg) scale(1);

        transform: rotate(360deg) scale(1);

    }

}


.css3-spinner > .css3-spinner-ball-rotate {

    width: 12px;

    height: 12px;

    margin-top: -6px;

    margin-left: -6px;

    background-color: transparent !important;

    -webkit-animation: ballrotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;

    animation: ballrotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;

}


.css3-spinner-ball-rotate > div {

    background-color: #DDD;

    width: 12px;

    height: 12px;

    border-radius: 100%;

    position: relative;

}


.css3-spinner-ball-rotate > div:nth-child(1), .css3-spinner-ball-rotate > div:nth-child(3) {

    width: 12px;

    height: 12px;

    border-radius: 100%;

    content: "";

    position: absolute;

    opacity: 0.7;

}


.css3-spinner-ball-rotate > div:nth-child(1) {

    top: 0px;

    left: -22px;

}


.css3-spinner-ball-rotate > div:nth-child(3) {

    top: 0px;

    left: 22px;

}


@-webkit-keyframes ballrotate {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }


    50% {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }


    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}


@keyframes ballrotate {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }


    50% {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }


    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}


.css3-spinner > .css3-spinner-zig-zag {

    background-color: transparent !important;

    -webkit-transform: translate(-15px, -15px);

    transform: translate(-15px, -15px);

    -webkit-animation: none;

    animation: none;

}


.css3-spinner-zig-zag > div {

    background-color: #DDD;

    width: 12px;

    height: 12px;

    border-radius: 100%;

    position: absolute;

    margin-left: 15px;

    top: 4px;

    left: -7px;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}


.css3-spinner-zig-zag > div:first-child {

    -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;

    animation: ball-zig-deflect 1.5s 0s infinite linear;

}


.css3-spinner-zig-zag > div:last-child {

    -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;

    animation: ball-zag-deflect 1.5s 0s infinite linear;

}


@-webkit-keyframes ball-zig-deflect {

    17% {

        -webkit-transform: translate(-15px, -30px);

        transform: translate(-15px, -30px);

    }


    34% {

        -webkit-transform: translate(15px, -30px);

        transform: translate(15px, -30px);

    }


    50% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }


    67% {

        -webkit-transform: translate(15px, -30px);

        transform: translate(15px, -30px);

    }


    84% {

        -webkit-transform: translate(-15px, -30px);

        transform: translate(-15px, -30px);

    }


    100% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}


@keyframes ball-zig-deflect {

    17% {

        -webkit-transform: translate(-15px, -30px);

        transform: translate(-15px, -30px);

    }


    34% {

        -webkit-transform: translate(15px, -30px);

        transform: translate(15px, -30px);

    }


    50% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }


    67% {

        -webkit-transform: translate(15px, -30px);

        transform: translate(15px, -30px);

    }


    84% {

        -webkit-transform: translate(-15px, -30px);

        transform: translate(-15px, -30px);

    }


    100% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}


@-webkit-keyframes ball-zag-deflect {

    17% {

        -webkit-transform: translate(15px, 30px);

        transform: translate(15px, 30px);

    }


    34% {

        -webkit-transform: translate(-15px, 30px);

        transform: translate(-15px, 30px);

    }


    50% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }


    67% {

        -webkit-transform: translate(-15px, 30px);

        transform: translate(-15px, 30px);

    }


    84% {

        -webkit-transform: translate(15px, 30px);

        transform: translate(15px, 30px);

    }


    100% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}


@keyframes ball-zag-deflect {

    17% {

        -webkit-transform: translate(15px, 30px);

        transform: translate(15px, 30px);

    }


    34% {

        -webkit-transform: translate(-15px, 30px);

        transform: translate(-15px, 30px);

    }


    50% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }


    67% {

        -webkit-transform: translate(-15px, 30px);

        transform: translate(-15px, 30px);

    }


    84% {

        -webkit-transform: translate(15px, 30px);

        transform: translate(15px, 30px);

    }


    100% {

        -webkit-transform: translate(0, 0);

        transform: translate(0, 0);

    }

}


.css3-spinner > .css3-spinner-ball-scale-multiple {

    width: 60px;

    height: 60px;

    margin-left: -30px;

    margin-top: -30px;

    background-color: transparent !important;

    -webkit-animation: none;

    animation: none;

}


.css3-spinner-ball-scale-multiple > div {

    background-color: #DDD;

    border-radius: 100%;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    width: 60px;

    height: 60px;

    -webkit-animation: ball-scale-multiple 1.25s 0s linear infinite;

    animation: ball-scale-multiple 1.25s 0s linear infinite;

}


.css3-spinner-ball-scale-multiple > div:nth-child(2) {

    -webkit-animation-delay: -0.4s;

    animation-delay: -0.4s;

}


.css3-spinner-ball-scale-multiple > div:nth-child(3) {

    -webkit-animation-delay: -0.2s;

    animation-delay: -0.2s;

}


@-webkit-keyframes ball-scale-multiple {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 0;

    }


    5% {

        opacity: 1;

    }


    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0;

    }

}


@keyframes ball-scale-multiple {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 0;

    }


    5% {

        opacity: 1;

    }


    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0;

    }

}


.css3-spinner > .css3-spinner-triangle-path {

    background-color: transparent !important;

    -webkit-transform: translate(-29.994px, -37.50938px);

    transform: translate(-29.994px, -37.50938px);

    -webkit-animation: none;

    animation: none;

}


.css3-spinner-triangle-path > div {

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    position: absolute;

    width: 10px;

    height: 10px;

    border-radius: 100%;

    background-color: #DDD;

}


.css3-spinner-triangle-path > div:nth-child(1) {

    -webkit-animation: ball-triangle-path-1 2s 0s ease-in-out infinite;

    animation: ball-triangle-path-1 2s 0s ease-in-out infinite;

}


.css3-spinner-triangle-path > div:nth-child(2) {

    -webkit-animation: ball-triangle-path-2 2s 0s ease-in-out infinite;

    animation: ball-triangle-path-2 2s 0s ease-in-out infinite;

}


.css3-spinner-triangle-path > div:nth-child(3) {

    -webkit-animation: ball-triangle-path-3 2s 0s ease-in-out infinite;

    animation: ball-triangle-path-3 2s 0s ease-in-out infinite;

}


.css3-spinner-triangle-path > div:nth-of-type(1) {

    top: 50px;

}


.css3-spinner-triangle-path > div:nth-of-type(2) {

    left: 25px;

}


.css3-spinner-triangle-path > div:nth-of-type(3) {

    top: 50px;

    left: 50px;

}


@-webkit-keyframes ball-triangle-path-1 {

    33% {

        -webkit-transform: translate(25px, -50px);

        transform: translate(25px, -50px);

    }


    66% {

        -webkit-transform: translate(50px, 0px);

        transform: translate(50px, 0px);

    }


    100% {

        -webkit-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }

}


@keyframes ball-triangle-path-1 {

    33% {

        -webkit-transform: translate(25px, -50px);

        transform: translate(25px, -50px);

    }


    66% {

        -webkit-transform: translate(50px, 0px);

        transform: translate(50px, 0px);

    }


    100% {

        -webkit-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }

}


@-webkit-keyframes ball-triangle-path-2 {

    33% {

        -webkit-transform: translate(25px, 50px);

        transform: translate(25px, 50px);

    }


    66% {

        -webkit-transform: translate(-25px, 50px);

        transform: translate(-25px, 50px);

    }


    100% {

        -webkit-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }

}


@keyframes ball-triangle-path-2 {

    33% {

        -webkit-transform: translate(25px, 50px);

        transform: translate(25px, 50px);

    }


    66% {

        -webkit-transform: translate(-25px, 50px);

        transform: translate(-25px, 50px);

    }


    100% {

        -webkit-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }

}


@-webkit-keyframes ball-triangle-path-3 {

    33% {

        -webkit-transform: translate(-50px, 0px);

        transform: translate(-50px, 0px);

    }


    66% {

        -webkit-transform: translate(-25px, -50px);

        transform: translate(-25px, -50px);

    }


    100% {

        -webkit-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }

}


@keyframes ball-triangle-path-3 {

    33% {

        -webkit-transform: translate(-50px, 0px);

        transform: translate(-50px, 0px);

    }


    66% {

        -webkit-transform: translate(-25px, -50px);

        transform: translate(-25px, -50px);

    }


    100% {

        -webkit-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

    }

}


.css3-spinner > .css3-spinner-ball-pulse-sync {

    width: 70px;

    height: 34px;

    margin-left: -35px;

    margin-top: -17px;

    background-color: transparent !important;

    -webkit-animation: none;

    animation: none;

}


.css3-spinner-ball-pulse-sync > div {

    display: inline-block;

    background-color: #DDD;

    width: 14px;

    height: 14px;

    margin: 10px 3px 0;

    border-radius: 100%;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}


.css3-spinner-ball-pulse-sync > div:nth-child(0) {

    -webkit-animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out;

    animation: ball-pulse-sync 0.7s -0.21s infinite ease-in-out;

}


.css3-spinner-ball-pulse-sync > div:nth-child(1) {

    -webkit-animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out;

    animation: ball-pulse-sync 0.7s -0.14s infinite ease-in-out;

}


.css3-spinner-ball-pulse-sync > div:nth-child(2) {

    -webkit-animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out;

    animation: ball-pulse-sync 0.7s -0.07s infinite ease-in-out;

}


.css3-spinner-ball-pulse-sync > div:nth-child(3) {

    -webkit-animation: ball-pulse-sync 0.7s 0s infinite ease-in-out;

    animation: ball-pulse-sync 0.7s 0s infinite ease-in-out;

}


@-webkit-keyframes ball-pulse-sync {

    33% {

        -webkit-transform: translateY(10px);

        transform: translateY(10px);

        opacity: 0.85;

    }


    66% {

        -webkit-transform: translateY(-10px);

        transform: translateY(-10px);

        opacity: 0.7;

    }


    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1;

    }

}


@keyframes ball-pulse-sync {

    33% {

        -webkit-transform: translateY(10px);

        transform: translateY(10px);

        opacity: 0.85;

    }


    66% {

        -webkit-transform: translateY(-10px);

        transform: translateY(-10px);

        opacity: 0.7;

    }


    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1;

    }

}


.css3-spinner > .css3-spinner-scale-ripple {

    width: 50px;

    height: 50px;

    margin-left: -25px;

    margin-top: -25px;

    background-color: transparent !important;

    -webkit-animation: none;

    animation: none;

}


.css3-spinner-scale-ripple > div {

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    position: absolute;

    top: 0;

    width: 50px;

    height: 50px;

    border-radius: 100%;

    border: 2px solid #DDD;

    -webkit-animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .56, .8);

    animation: ball-scale-ripple-multiple 1.4s 0s infinite cubic-bezier(.21, .53, .56, .8);

}


.css3-spinner-scale-ripple > div:nth-child(0) {

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s;

}


.css3-spinner-scale-ripple > div:nth-child(1) {

    -webkit-animation-delay: -0.6s;

    animation-delay: -0.6s;

}


.css3-spinner-scale-ripple > div:nth-child(2) {

    -webkit-animation-delay: -0.4s;

    animation-delay: -0.4s;

}


.css3-spinner-scale-ripple > div:nth-child(3) {

    -webkit-animation-delay: -0.2s;

    animation-delay: -0.2s;

}


@-webkit-keyframes ball-scale-ripple-multiple {

    0% {

        -webkit-transform: scale(0.1);

        transform: scale(0.1);

        opacity: 1;

    }


    70% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0.7;

    }


    100% {

        opacity: 0.0;

    }

}


@keyframes ball-scale-ripple-multiple {

    0% {

        -webkit-transform: scale(0.1);

        transform: scale(0.1);

        opacity: 1;

    }


    70% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0.7;

    }


    100% {

        opacity: 0.0;

    }

}


/* ----------------------------------------------------------------

	HTML5 Youtube Video Backgrounds

-----------------------------------------------------------------*/

.mb_YTVPlayer :focus {

    outline: 0;

}


.mb_YTVPlayer {

    display: block;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-perspective: 1000;

    perspective: 1000;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

}


.mb_YTVPlayer.fullscreen {

    display: block !important;

    position: fixed !important;

    width: 100% !important;

    height: 100% !important;

    top: 0 !important;

    left: 0 !important;

    margin: 0 !important;

    border: none !important;

}


.mb_YTVPlayer.fullscreen .mbYTP_wrapper {

    opacity: 1 !important;

}


.mbYTP_wrapper iframe {

    max-width: 4000px !important;

}


.inline_YTPlayer {

    margin-bottom: 20px;

    vertical-align: top;

    position: relative;

    left: 0;

    overflow: hidden;

    border-radius: 4px;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .7);

    box-shadow: 0 0 5px rgba(0, 0, 0, .7);

    background: rgba(0, 0, 0, .5);

}


.inline_YTPlayer img {

    border: none !important;

    -webkit-transform: none !important;

    transform: none !important;

    margin: 0 !important;

    padding: 0 !important

}


/* ----------------------------------------------------------------

	Datepicker Component

-----------------------------------------------------------------*/

.datepicker td,
.datepicker th {

    width: 30px !important;

    height: 30px !important;

}


@media (max-width: 1590px) {

    nav.ubermenu ul li > a {

        padding: 39px 20px !important;

    }


    .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {

        right: 0 !important;

    }


    .section-catalogue .block-home-content-text {

        padding: 0 4rem;

    }

}


@media (max-width: 1070px) {

    #btn-configurateur img {

        display: none;

    }

}


@media (max-width: 960px) {

    #header.full-header nav.ubermenu > ul, #header.full-header #primary-menu > ul {

        padding-right: 0 !important;

        margin-right: 0 !important;

    }


    nav.ubermenu ul li > a, nav.ubermenu ul li.ubermenu-item-level-0 > span.ubermenu-target, #primary-menu ul li > a {

        padding: 15px 25px !important;

    }

}


@media (max-width: 768px) {

    .section-text .bg-img, .section-catalogue .bg-img {

        height: 200px;

    }


    .home .carousel-thumbnail {

        height: 160px;
        width: 100%;

    }


    #page-title-content h1, #page-title-content h2 {

        line-height: 1.2em;

    }


    .free-section p img {

        width: 100%;

        height: 100%;

    }


    .big-new-image {

        background-size: contain;

        height: 300px;

    }


    .new-text-section .big-text {

        font-size: 6em;

    }


    .new-text-section .small-text {

        font-size: 2em;

    }

}


.flex-column {

    width: 100%;

}


/*-------------------------------------------------------------------

           Magasin usine

-------------------------------------------------------------------*/


.green-separator {
    background-color: #c0c540;
    height: 2px;
}

.magasin_prix {
    color: #c0c540;
    font-size: 1.2em;
}

.contact-section-magasin input[type="text"], .contact-section-magasin input[type="email"] {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #DDD;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.contact-section-magasin textarea {
    display: block;
    width: 100%;
    height: 140px;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #DDD;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 100px;
    width: 100px;
    outline: black;
    background-size: 100%, 100%;
    border-radius: 50%;
    background-image: none;
}

.carousel-control-next-icon:after {
    content: '>';
    font-size: 55px;
    color: #c0c540;
}

.carousel-control-prev-icon:after {
    content: '<';
    font-size: 55px;
    color: #c0c540;
}

/*-------------------------------------------------------------------

           Slider Pub

-------------------------------------------------------------------*/


.thumbnail {
    max-width: 50%;
}

/*-------------------------------------------------------------------

           Boutique

-------------------------------------------------------------------*/

.encart-annonce {
    min-height: 76px;
    background-color: #444444;
}

.oiseau-picto {
    margin-left: -13em;
}

.border-green {
    border: 1px solid #c0c731;
}

.padding-offre {
    margin-left: 7em;
    margin-right: 7em;
}

.bckg-green {
    background-color: #c0c731;
}

.container-centre {
    height: 427px; /* hauteur du parent */
    line-height: 427px; /* hauteur de ligne (identique) */
    white-space: nowrap; /* interdiction de passer à la ligne */
}

.separateur {
    width: 310px;
    background-color: #dddddd;
}

.txt-annonce {
    color: white;
    padding: 5px 20px;
    margin-left: 5em;
    font-family: 'RooneySans', sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding-top: 2rem;
}

.txt-offre {
    font-family: 'RooneySans', sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: white;
}

.text-picto-padding {
    padding: 2em;
    margin-left: 4.4em;
    font-size: 20px;
    color: white;
    font-family: 'RooneySans';
    padding-right: 8em;
    margin-top: 1.7rem;
}

.product-title {
    font-family: 'RooneySans', sans-serif;
    font-size: 24px;
    font-weight: bold;
}

.encart-picto {
    background-color: #e8e8e8;
}

.padding-encart-picto {
    padding-left: 10em;
    padding-right: 10em;
}

.text-picto {
    font-family: 'RooneySans', sans-serif;
    font-size: 20;
    font-weight: bold;
    color: #444444;
}

.padding-infos {
    padding: 6em;
}

.price-regular {
    font-family: 'RooneySans', sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.price-promo {
    font-family: 'RooneySans', sans-serif;
    font-size: 34px;
    font-weight: bold;
    color: #c0c731;
    margin-top: 10px;
}

/* filter */

.wpf_item_name {
    text-transform: initial;
    font-family: 'RooneySans', sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.ui-autocomplete-input {
    border: 2px solid #dddddd;
}

.wpf_slider.ui-slider .ui-widget-header {
    background: #444444 !important;
}

.ui-slider-handle {
    background: #444444 !important;
}

.wpf_search_button {
    border-color: transparent !important;
    color: #fff !important;
    background-color: #c0c540 !important;
    white-space: normal;
    height: 100%;
    text-align: center;
    padding: 1em 2em !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 3px !important;
}

.wpf_item input[type="checkbox"] {
    border-radius: 0 !important;
}

.wpf_item label {
    text-transform: initial !important;
}

.wpf_item .wpf_item_name {
    border-bottom: 0 !important;
}


/* Carousel */

.Wallop-pagination {
    border: none !important;
    text-align: right !important;
    margin-top: 10px !important;
}

.Wallop--slide {
    border: 1px solid #D9D9D9 !important;
}

.Wallop-pagination .Wallop-dot {
    width: 12px !important;
    height: 12px !important;
    margin: 0 3px !important;
    border: 1px solid #C0C731 !important;
}

.Wallop-pagination .Wallop-dot.Wallop-dot--current {
    background: #C0C731 !important;
}

.wp-spaios-slider-wrap .Wallop-buttonNext {
    right: -45px !important;
    background: url(https://ce21d0.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/uploads/2022/01/fleche-slider-droite.svg) !important;
}

.wp-spaios-slider-wrap .Wallop-buttonPrevious {
    left: -45px !important;
    background: url(https://18720e.claudeassets.com/20240229092135im_/https://www.cofreco.com/wp-content/uploads/2022/01/fleche-slider-gauche.svg) !important;
}

.wp-spaios-slider-wrap .Wallop-button {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
}


/* Version mobile */
@media (max-width: 768px) {

    #page-title-content {

        padding: 2rem !important;

    }


    #footer .container {

        padding: 0 2rem !important;

    }


    .section-text .block-home-content-text {

        padding: 2rem !important;

    }


    .section-catalogue .block-home-content-text {

        padding: 2rem !important;

    }


    .section-content-container {

        padding: 2rem !important;

    }


    .text-section .order-md-1 {

        padding: 4rem 0 0 !important;

    }


    .text-section .order-md-2 {

        padding: 0 !important;

    }


    .free-section {

        padding: 2rem !important;

    }


    .nuancier-section {

        padding: 2rem !important;

    }


    .astuce-section {

        padding: 2rem !important;

    }


    .link-section {

        padding: 2rem !important;

    }


    .contact-section {

        padding: 2rem !important;

    }


    .magasin-section {

        padding: 1rem !important;

    }


    .table-section {

        padding: 2rem !important;

    }


    .portal-section {

        padding: 2rem !important;

    }

    .txt-annonce {
        margin-left: 1em !important;
    }

    .encart-annonce {
        height: inherit;
    }

    .padding-offre {
        margin-left: inherit;
        margin-right: inherit;
        padding-bottom: 3em;
    }
	
	#section-article-avant .padding-offre .container-centre{
		position: relative;
		display: block;
		height: 250px;
		max-height: 250px;
	}
	
	#section-article-avant .padding-offre .container-centre img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	#section-article-avant .padding-offre .product-title{
		margin-top: 100px;
	}

    .container-centre {
        white-space: inherit !important;
        line-height: inherit;
        height: 250px;
    }

    .container-centre img {
        margin-top: 5em;
    }


    .txt-offre {
        margin-top: 2em;
    }

    .padding-infos {
        padding: inherit;
        margin-top: 1em;
    }

    .text-picto-padding {
        padding-right: inherit;
    }

    .padding-encart-picto {
        padding-left: 4em;
        padding-right: 4em;
    }

}


@media (max-width: 992px) {

    .section-catalogue .block-home-content-text {

        padding: 2rem !important;

    }

}

.irs--flat .irs-from {
    font-size: 13px;
}


.irs-to {
    font-size: 13px !important;
}

.grecaptcha-badge, .rc-anchor {
    display: none;
}
/*
     FILE ARCHIVED ON 06:23:57 Mar 28, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:11:43 Sep 26, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.544
  exclusion.robots: 0.085
  exclusion.robots.policy: 0.074
  esindex: 0.008
  cdx.remote: 10.183
  LoadShardBlock: 212.105 (3)
  PetaboxLoader3.datanode: 261.718 (5)
  load_resource: 130.967
  PetaboxLoader3.resolve: 67.749
  loaddict: 44.055
*/