/*
Theme Name: Weblizar
Theme URI: http://weblizar.com/demo/themes/free/weblizar/
Author: weblizar
Author URI: http://weblizar.com/
Description: Hello. I'm a modern, progressively enhanced business theme designed to keep your site updated. Super Cool design and have a lots of feature using theme options settings. Enjoy the Theme weblizar from Weblizar.
Version:  1.1.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Tags: black, blue, gray, red, dark, light, silver, white, two-columns, custom-menu, right-sidebar, fixed-layout, fluid-layout, custom-background, featured-image-header, sticky-post, theme-options, threaded-comments, featured-images, flexible-header, responsive-layout
Text Domain: weblizar
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);
@import url('https://fonts.googleapis.com/css?family=Space+Mono:400,700');

body {
    font-family: 'Open Sans', sans-serif;
    background-color: #f8f8f8;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open sans", Helvetica, Arial, sans-serif;
}


/**************************** Blog ****************************/


.blog-post-details-item a {
    text-decoration: none !important;
    color: #f00;
    display: none !important;
}


.content-wrapper {
    border-top: none;
    background-color: #f1f0f0;
}

.not-active {
    pointer-events: none;
}

.is-hidden {
    visibility: hidden;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #00b6b7;
}

.navbar-default .navbar-nav > li > a {
    color: #6f6f6f;
}

.little #logo {
    width: 110px;
}

#logo {
    margin-right: 94px;
    margin-top: 5px;
    width: 130px;
    transition: all 0.2s ease;
}

#menu-categories #connect_link {
    display: none;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

#slide-image {
    height: 640px;
    width: 1930px;
}

.blog-post {
    margin: 0 0;
    position: relative;
    padding: 0;
}

.body-wrapper a:hover, .top-body a:hover, .top-footer a:hover {
    color: #3498DB;
    text-decoration: underline;
}

.text-justify {
    text-align: justify;
}

iframe.twitter-tweet {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tarifs_list.vc_gitem-zone {
    overflow: visible;
}

.tarifs_list.vc-gitem-zone-height-mode-auto:before {
    display: block;
    padding-top: 0;
}

/**************************** modif a h m ****************************/

.vc_row.wpb_row.vc_row-fluid.col-h3.vc_custom_1705920160900 {
    padding-top: 0px !important;
}

/***************************/


.qc-cmp-ui-container .qc-cmp-toggle.qc-cmp-toggle-on {
    background-color: #0f1b14 !important;
    border-color: #0f1b14 !important;
}

.qc-cmp-button:hover {
    color: #fff !important;
    background-color: #3e888a !important;
}

.qc-cmp-button {
    color: #278653 !important;
}

.qc-cmp-button.qc-cmp-secondary-button {
    background-color: transparent !important;
    color: #fff !important;
}

.qc-cmp-close-icon-first-view {

    display: none !important;
}

.qc-cmp-showing .qc-cmp-ui {
    min-height: 230px !important;
    background-color: #42b5b8 !important;
}

.qc-cmp-qc-link-container {
    display: flex !important;
    bottom: 10px;
    padding: 0 30px 0px 0 !important;
}

.qc-cmp-ui .qc-cmp-ui-content {
    display: flex !important;
    padding: 30px !important;
    overflow-y: auto !important;
    padding-bottom: 10px !important;
}

.qc-cmp-purpose-info h4.qc-cmp-bold-messaging, .qc-cmp-purpose-info p.qc-cmp-purpose-description {
    text-align: left !important;
    color: #fff !important;
}

.qc-cmp-purposes-header h1.qc-cmp-sub-title, .qc-cmp-sub-title-container h2.qc-cmp-sub-title {
    font-size: 30px !important;
    color: #fff !important;
    text-align: left !important;
}

h2.qc-cmp-title {
    font-size: 30px !important;
    text-align: left !important;
    color: #fff !important;
}


.qc-cmp-persistent-link {
    display: none !important;
    background-color: rgb(77, 180, 185) !important;
    color: #ffffff !important;
    /*
      note: both the height and max-height need to be changed
      to adjust the height
    */
    max-height: 0px !important;
    height: 0px !important;
    width: 0px !important;
    padding: 0px !important;
}


div.blog-post div.span10 {
    padding: 0 0 0 60px;
}

.blog-post .blog-post-featured-img {
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 0 0 0;
    box-sizing: border-box;
}

.blog-post .blog-post-featured-img img {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.blog-post-date {
    width: 40px;
    background-color: #eeeeee;
    position: absolute;
    left: 0;
    top: 0;
}

.blog-post .blog-post-body {
    font-size: 13px;
    line-height: 1.5em;
    color: #676767;
}

.blog-post .blog-post-details {
    width: 100%;
    overflow: hidden;
}

.blog-post .blog-post-details .blog-post-details-item {
    font-size: 14px;
}

.blog-post h2 a {
    -webkit-transition: 0.5s color;
    -moz-transition: 0.5s color;
    -o-transition: 0.5s color;
    transition: 0.5s color;
}

.blog-post h2 a:hover {
    color: #3a3a3a;
}

.blog-post h1 {
    font-size: 40px;
    margin-bottom: 28px;
    font-family: 'Effra-Rg'    
}

.blog-post h2 {
    font-size: 32px;
    margin-bottom: 24px;
    color: #272e36;
    font-family: 'Effra-Rg'    
}

.blog-post h3 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #272e36;
    font-family: 'Effra-Rg'    
}

.blog-post h4 {
    font-size: 21px;
    margin-bottom: 16px;
    color: #272e36;
    font-family: 'Effra-Rg'    
}

.blog-post h5 {
    font-size: 18px;
    margin-bottom: 14px;
    color: #272e36;
    font-family: 'Effra-Rg'    
}

.blog-post h6 {
    font-size: 16px;
    margin-bottom: 12px;
    color: #272e36;
    font-family: 'Effra-Rg'    
}

.blog-post p {
    font-size: 18px;
    line-height: 29.1px;
    margin-bottom: 32px;
    color: #272e36;
    font-family: 'Effra-Rg'
}

.blog-post ul, .blog-post ol {
    font-size: 18px;
    line-height: 29.1px;
    color: #272e36;
    font-family: 'Effra-Rg'    
}

.blog-post th, .blog-post td {
    color: #272e36;
    font-family: 'Effra-Rg'
}

blockquote {
    border-left: 3px solid #42b5b8;
    padding: 0 0 0 25px;
    margin: 0 0 20px 20px;
    color: #272e36;
}

.blog-post .blog-post-details:after, .blog-post .blog-post-details:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 1px;
    width: 100%;
}

.blog-post .blog-post-details:before {
    top: auto;
    bottom: -2px;
}

.blog-post .blog-post-details-item {
    position: relative;
    float: left;
    margin: 0px 0px 0 20px;
}

.blog-post .blog-post-details-item i {
    font-size: 18px;
    color: #279fbb;
}

.blog-post .blog-post-details-item:first-child {
    margin-left: 0;
}

.blog-post .blog-post-details-separator {
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #fdfdfd;
    height: 15px;
    float: left;
    margin: 10px 6px 0 6px;
}

.blog-post .blog-post-details-tags a {
    position: relative;
    padding: 0 0px 0 5px;
}

.blog-post .blog-post-details-item-right {
    float: right;
    padding-right: 0;
}

.blog-post .blog-slider {
    overflow: hidden;
}

/* Tags */
.body-wrapper .tags a, .tagcloud a {
    display: block;
    float: left;
    padding: 0 10px 0 10px;
    border-right: none;
    line-height: 23px;
    position: relative;
    font-size: 11px;
    margin: 0px 10px 10px 0px;
    border: 1px solid #279fbb;
    color: #279fbb;
}

.body-wrapper .tags a:hover {
    background-color: #279fbb;
    color: #fff;
    text-decoration: none;
}

.blog-post .user-icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background: no-repeat -31px 0 url("../images/sprites.png");
    width: 16px;
    height: 16px;
}

.blog-post .tags-icon:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 10px;
    background: no-repeat -30px -62px url("../images/sprites.png");
    width: 17px;
    height: 17px;
}

.blog-post .comments-icon:after {
    content: "";
    position: absolute;
    left: 2px;
    top: 12px;
    background: no-repeat -31px -33px url("../images/sprites.png");
    width: 16px;
    height: 12px;
}

.blog-post .blog-read-more {
    float: none;
    font-size: 14px;
    padding: 20px 0 0 0;
    color: #279fbb;
}

.blog-post .blog-readmore-icon {
    font-size: 8px;
    margin: 0 0 0 3px;
    text-decoration: none !important;
}

.blog-post .blog-read-more-icon a {
    color: #279fbb;
}

.blog-post .readmore-icon:hover {
    text-decoration: none !important;
}

/* Blog post link */
.blog-post .blog-post-link {
    font-size: 13px;
    color: #bcbcbc;
    display: block;
}

.blog-post .blog-post-link:hover {
    color: #bcbcbc;
}

/* blog post */
.blog-post-quote {
    position: relative;
    background-color: #279fbb;
    padding: 20px 30px 20px 30px;
    font-size: 17px;
    line-height: 23px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
}

.blog-post .item_img_overlay {
    height: 100%;
}

.blog-post-quote-author {
    color: #000;
    color: rgba(0, 0, 0, 0.7);
    padding: 20px 0 0 0;
}

/* Post icon container */
.blog-post-icon {
    background-color: #f7f7f7;
    display: block;
    text-align: center;
    padding: 12px 0;
    color: #fff;
    font-size: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.blog-post-icon i {
    display: block;
    margin: auto;
    color: #279fbb;
}

/* Recent Post */
.posts-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.posts-list li {
    display: block;
    overflow: hidden;
    margin: 0 0 15px 0;
}

.posts-list .posts-list-thumbnail {
    float: left;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

.posts-list .posts-list-thumbnail img {
    border-radius: 2px;
}

.posts-list .posts-list-thumbnail:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.posts-list-content {
    padding: 0 0 0 75px;
}

.posts-list .posts-list-title {
    display: block;
}

.posts-list .posts-list-meta {
    font-size: 12px;
    color: #aaa;
}

.blog-post .cycle-slideshow {
    height: 240px;
}

.pagination {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}

.blog-post-details-item i {
    margin-right: 5px;
}

.blog-post .blog-span {
    width: 94.1%;
    margin-left: 50px;
}

.blog-span-bottom[class*="blog-span-bottom"] {
    width: 95.5%;
}

.comment .comment-reply {
    position: absolute;
    right: 28px;
    top: 20px;
    font-weight: normal;
    font-size: 11px;
}

.blog-post-featured-img-with-vid {
    padding-top: 65%;
}

.blog-post-featured-img-with-vid iframe, .blog-post-featured-img-with-vid object, .blog-post-featured-img-with-vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-search .blog-search-button {
    border: 0;
    background-color: #279fbb;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    float: left;
}

.search-button-container {
    padding-left: 30px;
}

.blog-search .blog-search-input {
    float: left;
    width: -moz-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    height: 30px;
}

/**************************** Blog Single ****************************/
.blog-post .block-qoute-by {
    margin: 20px 0 0 0;
    color: #868686;
}

.blog-post .blog-title {
    text-transform: none;
}

.blog-post blockquote {
    margin-left: 5px;
}

.blog-post .blog-span h2 {
    color: #00b6b7;
}

/* The Author */
.about-the-author {
    margin: 0 0 50px 0;
}

.the-author-small-bio {
    padding: 0 0 0 100px;
}

.the-author-thumbnail {
    float: left;
    width: 72px;
}

.the-author-thumbnail img {
    border: 4px solid #f4f4f4;
}

.the-author-name {
    color: #4c4c4c;
    font-size: 14px;
    font-weight: bold;
}

/* Comments */
.comments {
    margin: 0 0 40px 0;
}

.comments .comments-list {
    list-style: none;
    padding: 0;
}

.comments .comment-author-avatar {
    float: left;
    width: 60px;
}

.comments .comment-details {
    padding-left: 90px;
}

.comments .comment-content {
    padding: 20px;
    border-radius: 2px;
    overflow: hidden;
    background-color: #f7f7f7;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24);
}

.comments .comment-date {
    font-size: 9px;
    color: #979797;
    font-style: italic;
    font-weight: normal;
}

.comments .comment-author-name {
    font-weight: bold;
    margin: 0 0 5px 0;
}

/* Apply on 2nd level comments list */
.comments-list .children {
    padding-left: 45px;
    border-left: 1px solid #dfdfdf;
    margin: 20px 0 0px 0;
}

.comments-list .comment {
    position: relative;
    margin: 0 0 20px 0;
}

.comments .comment-author-avatar img {
    border: 1px solid #e2e2e2;
}

.comments ul, .comments ol {
    list-style-type: none;
}


.blog-post .blog-span {
    width: 94.1%;
    margin-left: 0px;
}

.blog-span-bottom[class*="blog-span-bottom"] {
    width: 95.5%;
}

.comment .comment-reply {
    position: absolute;
    right: 28px;
    top: 20px;
    font-weight: normal;
    font-size: 11px;
}

.blog-post-featured-img-with-vid {
    padding-top: 65%;
}

.blog-post-featured-img-with-vid iframe, .blog-post-featured-img-with-vid object, .blog-post-featured-img-with-vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-search .blog-search-button {
    border: 0;
    background-color: #3498DB;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    float: left;
}

.search-button-container {
    padding-left: 30px;
}

.blog-search .blog-search-input {
    float: left;
    width: -moz-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    height: 30px;
}

/**************************** Blog Single ****************************/
.blog-post .block-qoute-by {
    margin: 20px 0 0 0;
    color: #868686;
}

.blog-post .blog-title {
    text-transform: none;
}

.blog-post .blog-span h2 {
    color: #3498DB;
}

/* The Author */
.about-the-author {
    margin: 0 0 50px 0;
}

.the-author-small-bio {
    padding: 0 0 0 100px;
}

.the-author-thumbnail {
    float: left;
    width: 72px;
}

.the-author-thumbnail img {
    border: 4px solid #f4f4f4;
}

.the-author-name {
    color: #4c4c4c;
    font-size: 14px;
    font-weight: bold;
}

/* Comments */
.comments {
    margin: 0 0 40px 0;
}

.comments .comments-list {
    list-style: none;
    padding: 0;
}

.comments .comment-author-avatar {
    float: left;
    width: 60px;
}

.comments .comment-details {
    padding-left: 90px;
}

.comments .comment-content {
    padding: 20px;
    border-radius: 2px;
    overflow: hidden;
    background-color: #f7f7f7;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24);
}

.comments .comment-date {
    font-size: 9px;
    color: #979797;
    font-style: italic;
    font-weight: normal;
}

.comments .comment-author-name {
    font-weight: bold;
    margin: 0 0 5px 0;
}

/* Apply on 2nd level comments list */
.comments-list .children {
    padding-left: 45px;
    border-left: 1px solid #dfdfdf;
    margin: 20px 0 0px 0;
}

.comments-list .comment {
    position: relative;
    margin: 0 0 20px 0;
}

.comments .comment-author-avatar img {
    border: 1px solid #e2e2e2;
}

.comments ul, .comments ol {
    list-style-type: none;
}

/*Header UI Element*/
body, html,
button,
input,
select,
textarea {
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #878787;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    background-color: white;
}

/** * Address `font-family` inconsistency between `textarea` and other form * elements. */
html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**************************** Boxed ****************************/
.boxed {
    width: 1070px;
    margin: auto;
}

.boxed .container {
    width: 1030px;
}

.breadcrumb li a:hover {
    text-decoration: none;
}

.breadcrumb li:last-child:after {
    content: "";
    width: 0px;
}

/**************************** Buttons ****************************/
/* override bootstrap classes */
.btn {
    border-radius: 2px;
    font-family: "Montserrat", sans-serif;
    border: 0;
    margin: 0 10px 10px 0;
}

.btn.btn-primary {
    color: #fff;
}

.btn.btn-warning {
    background-color: #B34042;
    border-color: #B34042;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #bc4f51;
    border-color: #bc4f51;
}

h4, .text-warning {
    color: #B34042;
}

ul {
    list-style-position: inside;
}


input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea, select.vfb-select {
    display: block;
    width: 50%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.yarpp-related {
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 30px;
    border-bottom: 2px solid #ddd;
    background-color: #ffffff;
    padding: 25px;
}

.yarpp-related .yarpp-thumbnails-horizontal {
    text-align: left;
    margin-top: 30px;
}

.single .yarpp-thumbnail-default > img {
    min-height: auto;
    min-width: auto;
    max-height: 120px;
    max-width: 120px;
    margin-top: 35px;
}


.single .yarpp-thumbnails-horizontal .yarpp-thumbnail {
    border: none;
    width: 186px;
    height: 100%;
    margin: 5px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    overflow: hidden;
}


.single .yarpp-thumbnail > img, .single .yarpp-thumbnail-default {
    width: auto;
    height: 120px;
    margin: 5px;
}

.single .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    max-height: 4.8em;
}


.single .yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .single .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
    display: block;
    margin: auto;
    text-align: center;
}

.single .yarpp-thumbnails-horizontal h2.yarpp-thumbnail-title {
    color: #19232d;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    padding-left: 14px;
    margin: 7px 0;
    position: relative;
    text-align: left;
    overflow: unset;
    width: 100%;
}

.single .yarpp-thumbnails-horizontal h2.yarpp-thumbnail-title:before {
    content: " ";
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 3px;
    height: 18px;
    border-left: 3px solid #00b6b7;
}

.single .yarpp-related .yarpp-thumbnail-title {
    text-align: left;
    font-weight: bold;
    font-size: 96%;
    text-decoration: none;
    max-height: auto;
}

.wp-pagenavi {
    margin-bottom: 15px;
}

.wp-pagenavi a {
    border-radius: 3px;
}

.wp-pagenavi .pages {
    border: none;
    border-radius: 3px;
    color: #999;
    margin: 0 0 0 4px;
    padding: 10px 15px;
    text-decoration: none !important;
    display: inline-block;
    font-size: 14px;
}

.wp-pagenavi .extend {
    border-radius: 3px;
    color: #999;
    margin: 0 0 0 4px;
    padding: 10px 15px;
    text-decoration: none !important;
    display: inline-block;
    font-size: 14px;
}

.wp-pagenavi .current {
    border-radius: 3px;
    color: #fefefe;
    margin: 0 0 0 4px;
    padding: 10px 15px;
    text-decoration: none !important;
    display: inline-block;
    font-size: 14px;
    background-color: #42b5b8;
    border-color: #42b5b8 !important;
}


.shadowbox {
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.btn.btn-primary:hover {
    background-color: #40c4a3;
    color: #fff;
}

.btn.btn-default {
    background-color: #f7f7f7;
    color: #3498DB !important;
    border: 1px solid #f7f7f7 !important;
}

.btn.btn-default:hover {
    background-color: #fafafa;
    opacity: 1;
}

.btn.btn-lg {
    font-size: 16px;
}

.btn.outlined {
    background-color: transparent !important;
    border: 1px solid #ffffff;
    color: #ffffff;
    margin: 20px 0 0 0;
}

.btn-callout {
    float: right;
    margin: 5px 0 0 0;
}

.btn-full-width {
    width: 100%;
    clear: both;
}

/**************************** Callout box ****************************/

.callout-box {
    padding: 26px 20px;
    border: 1px solid #eaeaea;
    border-left: 3px solid #3498DB;
    background-color: #fbfbfb;
}

.callout-box.callout-box2 {
    padding: 26px 20px;
    background: #3498DB;
    color: #f1f1f1;
    border: 0;
}

.callout-box.callout-box2 .callout-content h2 {
    color: #ffffff;
}

.callout-box .callout-content h2 {
    font-weight: normal;
    line-height: 30px;
    font-size: 22px;
    margin: 0;
    color: #4b4b4b;
}

.callout-box .callout-content p {
    margin: 0;
}

.callout-box .btn {
    float: right;
    margin-left: 50px;
    margin-top: 5px;
}

.callout-box .button.mobile {
    display: none;
}

.message-box h4 {
    font-weight: 400 !important;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #4b4b4b !important;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 28px;
}

.message-box .button {
    float: right;
    margin-left: 50px;
}

.message-box .button.mobile {
    display: none;
}

.section-cta {
    text-align: center;
}

.section-cta h1, .section-cta h2, .section-cta h3, .section-cta h4, .section-cta h4, .section-cta h5, .section-cta h6 {
    line-height: 30px;
    text-align: center;
    margin-bottom: 0;
}

.section-cta p {
    text-align: center;
    margin-bottom: 0;
}

.section-cta .button {
    margin-top: 20px;
    margin-bottom: 0;
}

/**************************** Carousel ****************************/
.carousel-container {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.carousel-container .carousel-icon {
    background-color: #808080;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.carousel-container .carousel-arrows {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ffffff;
    padding-left: 20px;
}

.carousel-container .carousel-icon:hover {
    background-color: #3498DB;
}

.carousel-container .carousel-item {
    width: auto;
    margin: 30px 4px 0 0;
    padding: 0 10px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.carousel-container .carousel-item .thumb-label-item-img:after {
    bottom: -14%;
}

.col-md-3 .chart-box .chart, .col-sm-3 .chart-box .chart {
    width: 110px;
    height: 110px;
    line-height: 110px;
}

.col-md-4 .chart-box .chart, .col-sm-4 .chart-box .chart {
    width: 130px;
    height: 130px;
    line-height: 130px;
}

.chart-box {
    text-align: center;
}

.chart-box .chart {
    position: relative;
    margin: 0 auto;
}

.chart-box .chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.chart-box .chart .chart-value {
    font-size: 18px;
    color: #3a3a3a;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 2px;
}

.chart-box .chart-content {
    margin-top: 20px;
}

/**************************** Carrousel RCS ****************************/
.rcs-buttons {
    width: 100%;
}

.rcs-slider {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rcs-list ul {
    list-style-type: none;
    display: flex;
    gap: 40px;
    cursor: pointer;
    margin-bottom: 64px;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.rcs-list ul li {
    color: white;
    background-color: #42B5B8;
    font-weight: bold;
    padding: 16px 24px;
    border-radius: 8px;
    font-size: 24px;
    line-height: 28px;
    width: 248px;
    text-align: center;
    white-space: nowrap;
}

.rcs-slides {
    display: flex;
}

.rcs-slide {
    display: flex;
    gap: 80px;
    align-items: center;
}

.rcs-text-slide p {
    font-size: 21px;
    line-height: 32px;
    color: #272E36 !important;
}

.none {
    display: none;
}

/* Existing .active class for active slides */
.rcs-list ul li.rcs-active {
    background-color: #1E6167;
    /* A darker shade for the active state */
}

@media (max-width: 1000px) {
    .rcs-text-slide p {
        font-size: 16px;
        line-height: 24px;
    }

    .rcs-slide {
        gap: 50px;
    }

}

@media (max-width: 768px) {
    .rcs-slide {
        flex-direction: column;
    }
}

/**************************** Contact ****************************/
/* Contact Map */
.contact-map {
    height: 400px;
}

.contact-map2 {
    height: 255px;
}

.contact-map3 {
    height: 400px;
}

.form-wrapper {
    padding: 0px 0 0 0;
}

.form-wrapper label {
    float: left;
    width: 120px;
}

.inputStyle {
    background-color: #fff;
    border: 0;
    outline: 0;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
}

.inputStyle:focus {
    border-color: #ccc;
}

.form-wrapper .row-fluid {
    margin: 20px 0;
}

.form-wrapper .input_error {
    color: #d14836;
    display: inline-block;
    margin: 7px 0 0 0;
}

.form-wrapper .form-control {
    position: relative;
}

.form-wrapper label {
    line-height: 30px;
}

.sidebar-icon-item {
    padding: 0 0 15px 0;
    clear: both;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #666666;
}

.sidebar-icon-item:last-child {
    padding: 0;
}

.sidebar-icon-item i {
    font-size: 18px;
    padding: 0 10px 0 0;
    float: left;
    margin: 2px 0 0 0;
}

.contact-body {
    margin: 0 2.4% 0 0;
    width: 71.0% !important;
}

.contact-paragraph {
    margin: 0 0 40px 0;
}

.error_container {
    position: relative;
    display: none;
}

.error-box {
    min-width: 150px;
    background-color: #ff7582;
    border-radius: 5px;
    float: right;
    position: absolute;
    left: 0%;
    top: 0;
    padding: 6px 25px 6px 6px;
    font-size: 12px;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3);
    color: #902e38;
    white-space: nowrap;
    z-index: 0;
}

.error-box i {
    float: right;
    margin: 4px 0 0 0;
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
    display: block;
}

.contactus-form1 .contactus-form1-row {
    width: 100%;
    padding: 10px 0;
}

.contactus-form1 {
    float: none !important;
    margin: auto !important;
}

.form-wrapper input[type=text], .form-wrapper input[type=email], .form-wrapper input[type=submit], .form-wrapper input[type=button], .form-wrapper textarea {
    outline: 0;
}

.form-wrapper input[type=text], .form-wrapper input[type=email], .form-wrapper textarea {
    width: 100%;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F7F7F7;
    border: 1px solid #EEE;
}

.form-wrapper input[type=text]:focus, .form-wrapper input[type=email]:focus, .form-wrapper textarea:focus {
    border-color: #ccc;
    box-shadow: none;
    -webkit-transition: border-color 0.5s linear;
    -moz-transition: border-color 0.5s linear;
    -o-transition: border-color 0.5s linear;
    transition: border-color 0.5s linear;
}

.form-wrapper input[type=text], .form-wrapper input[type=email], .form-wrapper textarea {
    padding: 10px 15px;
}

.form-wrapper textarea {
    min-height: 200px;
}

.contactus-form1 .contactus-form1-row input[type=submit] {
    width: 100%;
    padding: 14px 0 !important;
    line-height: 23px;
    height: auto;
    font-size: 17px;
    margin: auto;
}

.contactus-form1 .contactus-form1-row input[type=text], .contactus-form1 .contactus-form1-row input[type=email], .contactus-form1 .contactus-form1-row textarea {
    padding: 20px 15px;
}

.content-style3 {
    background-color: #fff;
    position: relative;
    padding: 45px 30px 20px 20px;
    color: #6c6c6c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible !important;
    margin-top: 30px;
}

.content-style3:hover .content-style3-icon {
    color: #fff;
    background: #3498DB;
}

.content-style3 .content-style3-icon {
    position: absolute;
    right: 50%;
    top: -30px;
    margin-right: -30px;
    background-color: #fff;
    width: 60px;
    height: 60px;
    font-size: 32px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.28);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.28);
    color: #3498DB;
    -webkit-transition: background 0.8s, color 0.2s;
    -moz-transition: background 0.8s, color 0.2s;
    -o-transition: background 0.8s, color 0.2s;
    transition: background 0.8s, color 0.2s;
}

.content-style3 .content-style3-title {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}

.content-style3 .content-style3-text {
    text-align: center;
}

/**************************** Content Box ****************************/
.content-box .content-box-text {
    padding-left: 50px;
}

.content-box h4 {
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-size: 16px;
}

.content-box h4 i {
    width: 40px;
    height: auto;
    display: inline-block;
    font-size: 32px;
    float: left;
    margin: 0 10px 0 0;
    color: #3498DB;
    position: relative;
}

.content-box h4 i.icon-flat {
    background-image: url("images/icons/flat-icons.png");
    background-repeat: no-repeat;
    height: 38px;
}

.content-box .read-more {
    text-align: right;
}

.content-box .read-more {
    color: #4b4b4b;
    overflow: hidden;
    display: block;
}

.content-box .read-more:hover i {
    text-decoration: none;
}

.content-box .read-more span {
    padding: 1px 10px 0 0;
    display: inline-block;
}

.content-box .read-more i {
    font-size: 10px;
    float: right;
    margin: 7px 0px 0 0;
}

.content-box .content-box-text .read-more {
    display: block;
}

/* Content Box Style 2 */
.content-box.content-style2 {
    text-align: center;
}

.content-box.content-style2 .content-box-text {
    padding-left: 0;
}

.content-box.content-style2:hover i {
    top: -5px;
}

.content-box.content-style2 h4 i {
    display: block;
    float: none;
    font-size: 56px;
    margin: 0 0 10px 0;
    color: #3498DB;
    text-align: center;
    width: auto;
    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    -o-transition: top 0.5s;
    transition: top 0.5s;
}

.content-box.content-style2 h4 i.icon-flat {
    width: 40px;
    margin: 0 auto 10px auto;
}

.content-box.content-style2 .read-more {
    text-align: center;
    margin-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: #b8b8b8;
}

.content-box.content-style2 .read-more span {
    padding: 0;
}

.content-box.content-style2 .read-more:hover {
    color: #666666;
}

.content-box.content-style2 .read-more i {
    float: none;
    display: none;
}

.content-box.content-style2 .read-more:hover i {
    text-decoration: none;
}

.content-box.style5 h4 {
    margin: 0;
    line-height: 60px;
}

.content-box.style5 h4 i {
    background-color: #3498DB;
    color: #fff;
    float: left;
    margin: 2px 20px 0 0;
    border-radius: 50%;
    text-align: center;
    display: block;
    font-size: 22px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.content-box.style5 .content-box-text {
    margin-left: 80px;
    margin-top: 5px;
    padding-left: 0;
}

.content-box.style5 .content-box-text .read-more {
    text-align: left;
}

.content-box.style5 .content-box-text .read-more i {
    float: none;
}

.content-box.style5.small .content-box-text {
    margin-left: 60px;
}

.right-text .content-box.small .content-box-text {
    margin-left: 0;
    margin-right: 60px;
}

.right-text .content-box .content-box-text {
    margin-left: 0;
    margin-right: 80px;
}

.content-box.style5.small h4 > i {
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-position: 0 -20px;
}

.content-box.style5.small h4 {
    line-height: 40px;
}

.content-box.style5.orange h4 > i {
    background-color: #e67e22 !important;
}

.content-box.style5.purple h4 > i {
    background-color: #8e44ad;
}

.content-box.style5.green h4 > i {
    background-color: #2ecc71;
}

.content-box.style5.red h4 > i {
    background-color: #e74c3c;
}

.content-box.style5.yellow h4 > i {
    background-color: #f3d73b;
    color: #835218;
}

.content-box.style5.blue h4 > i {
    background-color: #2980b9;
}

.content-box.style5.clouds h4 > i {
    background-color: #ecf0f1;
    color: #2c3e50;
}

ul.icon-content-list-container {
    padding: 0;
}

ul.icon-content-list-container li.icon-content-single {
    float: left;
    margin: 0 0 20px 0;
}

ul.icon-content-list-container li.icon-content-single:last-child {
    margin-bottom: 0;
}

ul.icon-content-list-container li.icon-content-single .icon-box {
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 60px;
    height: 60px;
    background-color: #f2f2f2;
}

ul.icon-content-list-container li.icon-content-single .icon-box i {
    font-size: 42px;
    color: #3498DB;
    line-height: 60px;
}

ul.icon-content-list-container li.icon-content-single h4 {
    margin-bottom: 5px;
}

ul.icon-content-list-container li.icon-content-single p {
    color: #494949;
}

ul.icon-content-list-container li.icon-content-single .content-box.style5 h4 i {
    margin-top: 14px;
}

ul.icon-content-list-container li.icon-content-single .content-box.style5.small h4 i {
    margin-top: 4px;
}

ul.icon-content-list-container li.icon-content-single .content-box-text {
    margin-top: -14px;
}

ul.icon-content-list-container li.icon-content-single .small .content-box-text {
    margin-top: -7px;
}

.right-text ul.icon-content-list-container li.icon-content-single h4 i {
    float: right;
    margin-left: 20px;
    margin-right: 0;
}

.section-content.section-services {
    background-color: #3498DB;
    border: 0;
}

.section-content.section-services .content-box {
    text-align: center;
    position: relative;
    overflow: visible;
}

.section-content.section-services .content-box:hover i {
    -webkit-animation: swing 0.7s;
    -moz-animation: swing 0.7s;
    -ms-animation: swing 0.7s;
    -o-animation: swing 0.7s;
    animation: swing 0.7s;
}

.section-content.section-services .content-box h4 {
    color: #fff;
    font-size: 18px;
}

.section-content.section-services .content-box h4 i {
    font-size: 72px;
    position: absolute;
    color: #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    left: 0;
    top: -13px;
}

.section-content.section-services .content-box .content-box-text {
    color: #fff;
    padding-left: 0;
}

/**************************** Custom Blog Icons ****************************/
/**************************** Cycle Slider ( Home Page ) ****************************/
.slider-fixed-frame .cycle-show-with-frame {
    float: left;
    margin: 16px 0 0 0px;
    width: 927px;
    height: 370px;
    z-index: 1;
}

.cycle-show-with-frame:after {
    background-color: transparent;
}

.slider-fixed-frame .home-bullets {
    height: 12px;
    display: block;
    bottom: -6px;
    left: 50%;
    width: auto;
}

.slider-fixed-frame .home-bullets span {
    cursor: pointer;
    position: relative;
    background: url(images/assets/bullets3.png) no-repeat top left;
    width: 12px;
    height: 12px;
    margin-right: 0px;
    float: left;
    margin-top: -10px;
    margin-left: 3px;
}

.slider-fixed-frame .home-bullets .cycle-pager-active {
    background-position: 0 -16px;
}

.cycle-wide-slider {
    height: 0;
}

/**************************** Home elements dividers ****************************/
.divider {
    margin: 40px 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid #d8d8d8;
}

.divider.divider-shadow {
    background-image: url("images/divider-shadow.png");
    border-bottom: none;
    margin: 60px 0 60px 0;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.divider.stripe-1 {
    background-image: url("images/divider-stripe1.png");
    border-bottom: none;
    height: 10px;
}

.divider.stripe-2 {
    background-image: url("images/divider-stripe2.png");
    border-bottom: none;
    height: 10px;
}

.divider.stripe-3 {
    background-image: url("images/divider-stripe3.png");
    border-bottom: none;
    height: 10px;
}

.divider.stripe-4 {
    background-image: url("images/divider-stripe4.png");
    border-bottom: none;
    height: 10px;
}

.divider.stripe-5 {
    background-image: url("images/divider-stripe5.png");
    border-bottom: none;
    height: 10px;
}

/**************************** Elastic Slider ****************************/
.ei-slider {
    position: relative;
    width: 100%;
    height: 500px;
    margin: 0 0;
    left: 0px;
    top: 0px;
    z-index: 0;
    overflow: hidden;
}

.ei-slider ul {
    padding: 0;
    margin: 0;
}

.ei-slider-loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    text-align: center;
    line-height: 400px;
}

.ei-slider-large {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.ei-slider-large li {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.ei-slider-large li img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ei-title {
    position: absolute;
    left: 40px;
    top: 40%;
    width: 1170px;
}

.ei-title h2 {
    font-size: 38px;
    color: #fff;
    text-align: center;
    margin: 0;
    text-shadow: 0 0 5px #000;
}

.ei-title.ei-title-right h2, .ei-title.ei-title-right h3 {
    text-align: right;
}

.ei-title.ei-title-left h2, .ei-title.ei-title-left h3 {
    text-align: left;
}

.ei-title.ei-title-right1 h2 {
    margin-top: 100px;
    margin-right: 160px;
}

.ei-title.e-title2 {
    padding: 0px;
    box-sizing: border-box;
}

.ei-title h3 {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    padding: 20px 6px 6px 0px;
    width: 100%;
    margin: auto;
    text-align: center;
    display: block;
}

.ei-slider .button.large {
    color: #6D6D6D;
    border: 1px solid #ccc;
    background-color: #fff;
}

.ei-slider-thumbs {
    height: 13px;
    margin: 0 auto;
    position: absolute;
    z-index: 100;
    width: 100%;
    padding: 0;
    left: 0px;
    bottom: 0px;
    list-style-type: none;
}

.ei-slider-thumbs li {
    position: relative;
    float: left;
    height: 100%;
}

.ei-slider-thumbs li.ei-slider-element {
    top: 0px;
    left: 0px;
    position: absolute;
    height: 100%;
    z-index: 10;
    text-indent: -9000px;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
}

.ei-slider-thumbs li a {
    display: block;
    text-indent: -9000px;
    background: #666666;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-left: 1px solid #A5A5A5;
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

.ei-slider-thumbs li:nth-of-type(2) a {
    border-left: none;
}

.ei-slider-thumbs li a:hover {
    background-color: #f0f0f0;
}

.ei-slider-thumbs li img {
    position: absolute;
    bottom: 50px;
    opacity: 0;
    z-index: 999;
    max-width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, 0.3)));
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.ei-slider-thumbs li:hover img {
    opacity: 1;
    bottom: 13px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.ei-slider-thumbs, .ei-title {
    display: none;
}

@font-face {
    font-family: 'EntypoRegular';
    src: url("fonts/entypo.html");
    src: url("fonts/entypod41d.html?#iefix") format("embedded-opentype"), url("fonts/entypo-2.html") format("woff"), url("fonts/entypo-3.html") format("truetype"), url("fonts/entypo.svg#EntypoRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'EntypoSocialRegular';
    src: url("fonts/entypo-social.html");
    src: url("fonts/entypo-sociald41d.html?#iefix") format("embedded-opentype"), url("fonts/entypo-social-2.html") format("woff"), url("fonts/entypo-social-3.html") format("truetype"), url("fonts/entypo-social.svg#EntypoRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.entypo {
    font-family: 'EntypoRegular';
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
}

.entypo-social {
    font-family: 'EntypoSocialRegular';
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
}

.entypo.phone:before {
    content: '\1F4DE';
}

.entypo.mobile:before {
    content: '\1F4F1';
}

.entypo.mouse:before {
    content: '\E789';
}

.entypo.address:before {
    content: '\E723';
}

.entypo.mail:before {
    content: '\2709';
}

.entypo.paper-plane:before {
    content: '\1F53F';
}

.entypo.pencil:before {
    content: '\270E';
}

.entypo.feather:before {
    content: '\2712';
}

.entypo.attach:before {
    content: '\1F4CE';
}

.entypo.inbox:before {
    content: '\E777';
}

.entypo.reply:before {
    content: '\E712';
}

.entypo.reply-all:before {
    content: '\E713';
}

.entypo.forward:before {
    content: '\27A6';
}

.entypo.user:before {
    content: '\1F464';
}

.entypo.users:before {
    content: '\1F465';
}

.entypo.add-user:before {
    content: '\E700';
}

.entypo.vcard:before {
    content: '\E722';
}

.entypo.export:before {
    content: '\E715';
}

.entypo.location:before {
    content: '\E724';
}

.entypo.map:before {
    content: '\E727';
}

.entypo.compass:before {
    content: '\E728';
}

.entypo.direction:before {
    content: '\27A2';
}

.entypo.hair-cross:before {
    content: '\1F3AF';
}

.entypo.share:before {
    content: '\E73C';
}

.entypo.shareable:before {
    content: '\E73E';
}

.entypo.heart:before {
    content: '\2665';
}

.entypo.heart-empty:before {
    content: '\2661';
}

.entypo.star:before {
    content: '\2605';
}

.entypo.star-empty:before {
    content: '\2606';
}

.entypo.thumbs-up:before {
    content: '\1F44D';
}

.entypo.thumbs-down:before {
    content: '\1F44E';
}

.entypo.chat:before {
    content: '\E720';
}

.entypo.comment:before {
    content: '\E718';
}

.entypo.quote:before {
    content: '\275E';
}

.entypo.home:before {
    content: '\2302';
}

.entypo.popup:before {
    content: '\E74C';
}

.entypo.search:before {
    content: '\1F50D';
}

.entypo.flashlight:before {
    content: '\1F526';
}

.entypo.print:before {
    content: '\E716';
}

.entypo.bell:before {
    content: '\1F514';
}

.entypo.link:before {
    content: '\1F517';
}

.entypo.flag:before {
    content: '\2691';
}

.entypo.cog:before {
    content: '\2699';
}

.entypo.tools:before {
    content: '\2692';
}

.entypo.trophy:before {
    content: '\1F3C6';
}

.entypo.tag:before {
    content: '\E70C';
}

.entypo.camera:before {
    content: '\1F4F7';
}

.entypo.megaphone:before {
    content: '1F4E3';
}

.entypo.moon:before {
    content: '\0045';
}

.entypo.palette:before {
    content: '\1F3A8';
}

.entypo.leaf:before {
    content: '\1F342';
}

.entypo.note:before {
    content: '\266A';
}

.entypo.beamed-note:before {
    content: '\266B';
}

.entypo.new:before {
    content: '\1F4A5';
}

.entypo.graduation-cap:before {
    content: '\1F393';
}

.entypo.book:before {
    content: '\1F4D5';
}

.entypo.newspaper:before {
    content: '\1F4F0';
}

.entypo.bag:before {
    content: '\1F45C';
}

.entypo.airplane:before {
    content: '\2708';
}

.entypo.lifebuoy:before {
    content: '\E788';
}

.entypo.eye:before {
    content: '\E70A';
}

.entypo.clock:before {
    content: '\1F554';
}

.entypo.mic:before {
    content: '\1F3A4';
}

.entypo.calendar:before {
    content: '\1F4C5';
}

.entypo.flash:before {
    content: '\26A1';
}

.entypo.thunder-cloud:before {
    content: '\26C8';
}

.entypo.droplet:before {
    content: '\1F4A7';
}

.entypo.cd:before {
    content: '\1F4BF';
}

.entypo.briefcase:before {
    content: '\1F4BC';
}

.entypo.air:before {
    content: '\1F4A8';
}

.entypo.hourglass:before {
    content: '\23F3';
}

.entypo.gauge:before {
    content: '\1F6C7';
}

.entypo.language:before {
    content: '\1F394';
}

.entypo.network:before {
    content: '\E776';
}

.entypo.key:before {
    content: '\1F511';
}

.entypo.battery:before {
    content: '\1F50B';
}

.entypo.bucket:before {
    content: '\1F4FE';
}

.entypo.magnet:before {
    content: '\E7A1';
}

.entypo.drive:before {
    content: '\1F4FD';
}

.entypo.cup:before {
    content: '\2615';
}

.entypo.rocket:before {
    content: '\1F680';
}

.entypo.brush:before {
    content: '\E79A';
}

.entypo.suitcase:before {
    content: '\1F6C6';
}

.entypo.traffic-cone:before {
    content: '\1F6C8';
}

.entypo.globe:before {
    content: '\1F30E';
}

.entypo.keyboard:before {
    content: '\2328';
}

.entypo.browser:before {
    content: '\E74E';
}

.entypo.publish:before {
    content: '\E74D';
}

.entypo.progress-3:before {
    content: '\E76B';
}

.entypo.progress-2:before {
    content: '\E76A';
}

.entypo.progress-1:before {
    content: '\E769';
}

.entypo.progress-0:before {
    content: '\E768';
}

.entypo.light-down:before {
    content: '\1F505';
}

.entypo.light-up:before {
    content: '\1F506';
}

.entypo.adjust:before {
    content: '\25D1';
}

.entypo.code:before {
    content: '\E714';
}

.entypo.monitor:before {
    content: '\1F4BB';
}

.entypo.infinity:before {
    content: '\221E';
}

.entypo.light-bulb:before {
    content: '\1F4A1';
}

.entypo.credit-card:before {
    content: '\1F4B3';
}

.entypo.database:before {
    content: '\1F4F8';
}

.entypo.voicemail:before {
    content: '\2707';
}

.entypo.clipboard:before {
    content: '\1F4CB';
}

.entypo.cart:before {
    content: '\E73D';
}

.entypo.box:before {
    content: '\1F4E6';
}

.entypo.ticket:before {
    content: '\1F3AB';
}

.entypo.rss:before {
    content: '\E73A';
}

.entypo.signal:before {
    content: '\1F4F6';
}

.entypo.thermometer:before {
    content: '\1F4FF';
}

.entypo.water:before {
    content: '\1F4A6';
}

.entypo.sweden:before {
    content: '\F601';
}

.entypo.line-graph:before {
    content: '\1F4C8';
}

.entypo.pie-chart:before {
    content: '\25F4';
}

.entypo.bar-graph:before {
    content: '\1F4CA';
}

.entypo.area-graph:before {
    content: '\1F53E';
}

.entypo.lock:before {
    content: '\1F512';
}

.entypo.lock-open:before {
    content: '\1F513';
}

.entypo.logout:before {
    content: '\E741';
}

.entypo.login:before {
    content: '\E740';
}

.entypo.check:before {
    content: '\2713';
}

.entypo.cross:before {
    content: '\274C';
}

.entypo.squared-minus:before {
    content: '\229F';
}

.entypo.squared-plus:before {
    content: '\229E';
}

.entypo.squared-cross:before {
    content: '\274E';
}

.entypo.circled-minus:before {
    content: '\2296';
}

.entypo.circled-plus:before {
    content: '\2295';
}

.entypo.circled-cross:before {
    content: '\2716';
}

.entypo.minus:before {
    content: '\2796';
}

.entypo.plus:before {
    content: '\2795';
}

.entypo.erase:before {
    content: '\232B';
}

.entypo.block:before {
    content: '\1F6AB';
}

.entypo.info:before {
    content: '\2139';
}

.entypo.circled-info:before {
    content: '\E705';
}

.entypo.help:before {
    content: '\2753';
}

.entypo.circled-help:before {
    content: '\E704';
}

.entypo.warning:before {
    content: '\26A0';
}

.entypo.cycle:before {
    content: '\1F504';
}

.entypo.cw:before {
    content: '\27F3';
}

.entypo.ccw:before {
    content: '\27F2';
}

.entypo.shuffle:before {
    content: '\1F500';
}

.entypo.back:before {
    content: '\1F519';
}

.entypo.level-down:before {
    content: '\21B3';
}

.entypo.retweet:before {
    content: '\E717';
}

.entypo.loop:before {
    content: '\1F501';
}

.entypo.back-in-time:before {
    content: '\E771';
}

.entypo.level-up:before {
    content: '\21B0';
}

.entypo.switch:before {
    content: '\21C6';
}

.entypo.numbered-list:before {
    content: '\E005';
}

.entypo.add-to-list:before {
    content: '\E003';
}

.entypo.layout:before {
    content: '\268F';
}

.entypo.list:before {
    content: '\2630';
}

.entypo.text-doc:before {
    content: '\1F4C4';
}

.entypo.text-doc-inverted:before {
    content: '\E731';
}

.entypo.doc:before {
    content: '\E730';
}

.entypo.docs:before {
    content: '\E736';
}

.entypo.landscape-doc:before {
    content: '\E737';
}

.entypo.picture:before {
    content: '\1F304';
}

.entypo.video:before {
    content: '\1F3AC';
}

.entypo.music:before {
    content: '\1F3B5';
}

.entypo.folder:before {
    content: '\1F4C1';
}

.entypo.archive:before {
    content: '\E800';
}

.entypo.trash:before {
    content: '\E729';
}

.entypo.upload:before {
    content: '\1F4E4';
}

.entypo.download:before {
    content: '\1F4E5';
}

.entypo.save:before {
    content: '\1F4BE';
}

.entypo.install:before {
    content: '\E778';
}

.entypo.cloud:before {
    content: '\2601';
}

.entypo.upload-cloud:before {
    content: '\E711';
}

.entypo.bookmark:before {
    content: '\1F516';
}

.entypo.bookmarks:before {
    content: '\1F4D1';
}

.entypo.open-book:before {
    content: '\1F4D6';
}

.entypo.play:before {
    content: '\25B6';
}

.entypo.paus:before {
    content: '\2016';
}

.entypo.record:before {
    content: '\25CF';
}

.entypo.stop:before {
    content: '\25A0';
}

.entypo.ff:before {
    content: '\23E9';
}

.entypo.fb:before {
    content: '\23EA';
}

.entypo.to-start:before {
    content: '\23EE';
}

.entypo.to-end:before {
    content: '\23ED';
}

.entypo.resize-full:before {
    content: '\E744';
}

.entypo.resize-small:before {
    content: '\E746';
}

.entypo.volume:before {
    content: '\23F7';
}

.entypo.sound:before {
    content: '\1F50A';
}

.entypo.mute:before {
    content: '\1F507';
}

.entypo.flow-cascade:before {
    content: '\1F568';
}

.entypo.flow-branch:before {
    content: '\1F569';
}

.entypo.flow-tree:before {
    content: '\1F56A';
}

.entypo.flow-line:before {
    content: '\1F56B';
}

.entypo.flow-parallel:before {
    content: '\1F56C';
}

.entypo.left-bold:before {
    content: '\E4AD';
}

.entypo.down-bold:before {
    content: '\E4B0';
}

.entypo.up-bold:before {
    content: '\E4AF';
}

.entypo.right-bold:before {
    content: '\E4AE';
}

.entypo.left:before {
    content: '\2B05';
}

.entypo.down:before {
    content: '\2B07';
}

.entypo.up:before {
    content: '\2B06';
}

.entypo.right:before {
    content: '\27A1';
}

.entypo.circled-left:before {
    content: '\E759';
}

.entypo.circled-down:before {
    content: '\E758';
}

.entypo.circled-up:before {
    content: '\E75B';
}

.entypo.circled-right:before {
    content: '\E75A';
}

.entypo.triangle-left:before {
    content: '\25C2';
}

.entypo.triangle-down:before {
    content: '\25BE';
}

.entypo.triangle-up:before {
    content: '\25B4';
}

.entypo.triangle-right:before {
    content: '\25B8';
}

.entypo.chevron-left:before {
    content: '\E75D';
}

.entypo.chevron-down:before {
    content: '\E75C';
}

.entypo.chevron-up:before {
    content: '\E75F';
}

.entypo.chevron-right:before {
    content: '\E75E';
}

.entypo.chevron-small-left:before {
    content: '\E761';
}

.entypo.chevron-small-down:before {
    content: '\E760';
}

.entypo.chevron-small-up:before {
    content: '\E763';
}

.entypo.chevron-small-right:before {
    content: '\E762';
}

.entypo.chevron-thin-left:before {
    content: '\E765';
}

.entypo.chevron-thin-down:before {
    content: '\E764';
}

.entypo.chevron-thin-up:before {
    content: '\E767';
}

.entypo.chevron-thin-right:before {
    content: '\E766';
}

.entypo.left-thin:before {
    content: '\2190';
}

.entypo.down-thin:before {
    content: '\2193';
}

.entypo.up-thin:before {
    content: '\2191';
}

.entypo.right-thin:before {
    content: '\2192';
}

.entypo.arrow-combo:before {
    content: '\E74F';
}

.entypo.three-dots:before {
    content: '\23F6';
}

.entypo.two-dots:before {
    content: '\23F5';
}

.entypo.dot:before {
    content: '\23F4';
}

.entypo.cc:before {
    content: '\1F545';
}

.entypo.cc-by:before {
    content: '\1F546';
}

.entypo.cc-nc:before {
    content: '\1F547';
}

.entypo.cc-nc-eu:before {
    content: '\1F548';
}

.entypo.cc-nc-jp:before {
    content: '\1F549';
}

.entypo.cc-sa:before {
    content: '\1F54A';
}

.entypo.cc-nd:before {
    content: '\1F54B';
}

.entypo.cc-pd:before {
    content: '\1F54C';
}

.entypo.cc-zero:before {
    content: '\1F54D';
}

.entypo.cc-share:before {
    content: '\1F54E';
}

.entypo.cc-remix:before {
    content: '\1F54F';
}

.entypo.db-logo:before {
    content: '\1F5F9';
}

.entypo.db-shape:before {
    content: '\1F5FA';
}

.entypo-social.github:before {
    content: '\F300';
}

.entypo-social.c-github:before {
    content: '\F301';
}

.entypo-social.flickr:before {
    content: '\F303';
}

.entypo-social.c-flickr:before {
    content: '\F304';
}

.entypo-social.vimeo:before {
    content: '\F306';
}

.entypo-social.c-vimeo:before {
    content: '\F307';
}

.entypo-social.twitter:before {
    content: '\F309';
}

.entypo-social.c-twitter:before {
    content: '\F30A';
}

.entypo-social.facebook:before {
    content: '\F30C';
}

.entypo-social.c-facebook:before {
    content: '\F30D';
}

.entypo-social.s-facebook:before {
    content: '\F30E';
}

.entypo-social.google + :before {
    content: '\F30F';
}

.entypo-social.c-google + :before {
    content: '\F310';
}

.entypo-social.pinterest:before {
    content: '\F312';
}

.entypo-social.c-pinterest:before {
    content: '\F313';
}

.entypo-social.tumblr:before {
    content: '\F315';
}

.entypo-social.c-tumblr:before {
    content: '\F316';
}

.entypo-social.linkedin:before {
    content: '\F318';
}

.entypo-social.c-linkedin:before {
    content: '\F319';
}

.entypo-social.dribbble:before {
    content: '\F31B';
}

.entypo-social.c-dribbble:before {
    content: '\F31C';
}

.entypo-social.stumbleupon:before {
    content: '\F31E';
}

.entypo-social.c-stumbleupon:before {
    content: '\F31F';
}

.entypo-social.lastfm:before {
    content: '\F321';
}

.entypo-social.c-lastfm:before {
    content: '\F322';
}

.entypo-social.rdio:before {
    content: '\F324';
}

.entypo-social.c-rdio:before {
    content: '\F325';
}

.entypo-social.spotify:before {
    content: '\F327';
}

.entypo-social.c-spotify:before {
    content: '\F328';
}

.entypo-social.qq:before {
    content: '\F32A';
}

.entypo-social.instagram:before {
    content: '\F32D';
}

.entypo-social.dropbox:before {
    content: '\F330';
}

.entypo-social.evernote:before {
    content: '\F333';
}

.entypo-social.flattr:before {
    content: '\F336';
}

.entypo-social.skype:before {
    content: '\F339';
}

.entypo-social.c-skype:before {
    content: '\F33A';
}

.entypo-social.renren:before {
    content: '\F33C';
}

.entypo-social.sina-weibo:before {
    content: '\F33F';
}

.entypo-social.paypal:before {
    content: '\F342';
}

.entypo-social.picasa:before {
    content: '\F345';
}

.entypo-social.soundcloud:before {
    content: '\F348';
}

.entypo-social.mixi:before {
    content: '\F34B';
}

.entypo-social.behance:before {
    content: '\F34E';
}

.entypo-social.google-circles:before {
    content: '\F351';
}

.entypo-social.vk:before {
    content: '\F354';
}

.entypo-social.smashing:before {
    content: '\F357';
}

/**************************** Feature Columns ****************************/
.feature {
    position: relative;
    border: 1px solid #dbdbdb;
    background-color: #fff;
}

.feature:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: #c2c2c2;
}

.feature .feature-content {
    padding: 15px;
}

.feature .feature-content p {
    margin-bottom: 0;
}

.feature .feature-content h3 {
    margin-bottom: 10px;
}

.feature .feature-content a {
    color: #3498DB;
}

.feature .feature-content a:hover {
    color: #4b4b4b;
    text-decoration: none;
}

.feature .feature-details {
    border-top: 1px solid #e8e8e8;
    padding: 0 10px 0 15px;
    line-height: 40px;
}

.feature .feature-details i {
    font-size: 18px;
    color: #3498DB;
}

.feature .feature-details i:hover {
    text-decoration: none;
}

.feature .feature-details a {
    display: inline-block;
}

.feature .feature-details a:hover {
    text-decoration: none;
}

.feature .feature-details .details-seperator {
    border-right: 1px solid #e9e9e9;
    height: 15px;
    margin: 0 15px;
    padding: 0;
}

.feature .feature-details .feature-share {
    float: right;
}

.feature .feature-details .feature-share i {
    margin-left: 10px;
}

.feature .feature-details span {
    padding: 0 0px 0 10px;
}

.feature .feature-details span i {
    margin-right: 5px;
}

.feature .feature-details span a {
    color: #878787;
}

.feature .feature-details span a:hover {
    color: #c2c2c2;
}

.feature .feature-details span:first-child {
    padding-left: 0;
}

.section-color-bg .feature, .section-color-red .feature, .section-color-orange .feature, .section-color-green .feature, .section-color-blue .feature, .section-color-dark-blue .feature, .section-color-gray .feature, .section-color-clouds .feature, .section-color-purple .feature, .section-px .feature, .section-image .feature {
    text-align: left;
}

.section-color-bg .feature .feature-content, .section-color-red .feature .feature-content, .section-color-orange .feature .feature-content, .section-color-green .feature .feature-content, .section-color-blue .feature .feature-content, .section-color-dark-blue .feature .feature-content, .section-color-gray .feature .feature-content, .section-color-clouds .feature .feature-content, .section-color-purple .feature .feature-content, .section-px .feature .feature-content, .section-image .feature .feature-content {
    background-color: #8a8989;
    background-color: rgba(0, 0, 0, 0.3);
}

.section-color-bg .feature-details, .section-color-red .feature-details, .section-color-orange .feature-details, .section-color-green .feature-details, .section-color-blue .feature-details, .section-color-dark-blue .feature-details, .section-color-gray .feature-details, .section-color-clouds .feature-details, .section-color-purple .feature-details, .section-px .feature-details, .section-image .feature-details {
    background-color: #534c4c;
    background: rgba(0, 0, 0, 0.55);
}

.section-color-bg .feature-details a, .section-color-red .feature-details a, .section-color-orange .feature-details a, .section-color-green .feature-details a, .section-color-blue .feature-details a, .section-color-dark-blue .feature-details a, .section-color-gray .feature-details a, .section-color-clouds .feature-details a, .section-color-purple .feature-details a, .section-px .feature-details a, .section-image .feature-details a {
    display: inline-block;
}

.section-color-bg .feature-details a:hover, .section-color-red .feature-details a:hover, .section-color-orange .feature-details a:hover, .section-color-green .feature-details a:hover, .section-color-blue .feature-details a:hover, .section-color-dark-blue .feature-details a:hover, .section-color-gray .feature-details a:hover, .section-color-clouds .feature-details a:hover, .section-color-purple .feature-details a:hover, .section-px .feature-details a:hover, .section-image .feature-details a:hover {
    text-decoration: none;
}

.section-color-bg .feature-details .details-seperator, .section-color-red .feature-details .details-seperator, .section-color-orange .feature-details .details-seperator, .section-color-green .feature-details .details-seperator, .section-color-blue .feature-details .details-seperator, .section-color-dark-blue .feature-details .details-seperator, .section-color-gray .feature-details .details-seperator, .section-color-clouds .feature-details .details-seperator, .section-color-purple .feature-details .details-seperator, .section-px .feature-details .details-seperator, .section-image .feature-details .details-seperator {
    border-right: 1px solid #e9e9e9;
    height: 15px;
    margin: 0 10px;
}

.section-color-bg .feature-details .feature-share, .section-color-red .feature-details .feature-share, .section-color-orange .feature-details .feature-share, .section-color-green .feature-details .feature-share, .section-color-blue .feature-details .feature-share, .section-color-dark-blue .feature-details .feature-share, .section-color-gray .feature-details .feature-share, .section-color-clouds .feature-details .feature-share, .section-color-purple .feature-details .feature-share, .section-px .feature-details .feature-share, .section-image .feature-details .feature-share {
    float: right;
}

.feature-arrows {
    width: 100%;
    text-align: center;
    clear: both;
}

.feature-arrows .feature-arrow {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    height: 40px;
    background-color: #ffffff;
    box-shadow: 0 1px 0px rgba(131, 131, 131, 0.44);
    border-radius: 5px;
    font-size: 30px;
    color: #3498DB;
    font-weight: bold;
    border: 1px solid #e8e8e8;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.feature-arrows .feature-arrow:first-child {
    margin-right: 10px;
}

.feature-arrows .feature-arrow:hover {
    color: #FFF;
    background-color: #3498DB;
}

i.icon-flat {
    background-image: url("images/icons/flat-icons.png");
    background-repeat: no-repeat;
    height: 38px;
    width: 40px;
    display: inline-block;
}

.icon-flat.lock {
    background-position: -20px -24px;
}

.icon-flat.robot {
    background-position: -72px -21px;
}

.icon-flat.diamond {
    background-position: -127px -24px;
}

.icon-flat.brush {
    background-position: -180px -22px;
}

.icon-flat.imac {
    background-position: -237px -23px;
}

.icon-flat.gift {
    background-position: -293px -22px;
}

.icon-flat.thunder {
    background-position: -352px -23px;
}

.icon-flat.award {
    background-position: -405px -21px;
}

.icon-flat.coffe-cup {
    background-position: -21px -78px;
}

.icon-flat.rocket {
    background-position: -73px -78px;
}

.icon-flat.microphone {
    background-position: -131px -77px;
}

.icon-flat.disk {
    background-position: -183px -78px;
}

.icon-flat.bag {
    background-position: -237px -78px;
}

.icon-flat.stats {
    background-position: -291px -79px;
}

.icon-flat.calendar {
    background-position: -347px -78px;
}

.icon-flat.person {
    background-position: -403px -79px;
}

.icon-flat.ufo {
    background-position: -16px -134px;
}

.icon-flat.film {
    background-position: -72px -133px;
}

.icon-flat.home {
    background-position: -127px -131px;
}

.icon-flat.chat {
    background-position: -182px -132px;
}

.icon-flat.paper-plane {
    background-position: -235px -133px;
}

.icon-flat.clock {
    background-position: -291px -131px;
}

.icon-flat.mobile {
    background-position: -353px -131px;
}

.icon-flat.pencil {
    background-position: -402px -132px;
}

.icon-flat.skull {
    background-position: -19px -187px;
}

.icon-flat.dislike {
    background-position: -72px -192px;
}

.icon-flat.heart {
    background-position: -127px -189px;
}

.icon-flat.slider {
    background-position: -180px -195px;
}

.icon-flat.folder {
    background-position: -237px -188px;
}

.icon-flat.search {
    background-position: -292px -187px;
}

.icon-flat.open-mail {
    background-position: -346px -187px;
}

.icon-flat.flag {
    background-position: -407px -186px;
}

.icon-flat.crown {
    background-position: -16px -243px;
}

.icon-flat.finder {
    background-position: -72px -242px;
}

.icon-flat.pictures {
    background-position: -126px -241px;
}

.icon-flat.camera {
    background-position: -182px -244px;
}

.icon-flat.map-mark {
    background-position: -240px -242px;
}

.icon-flat.storm {
    background-position: -291px -242px;
}

.icon-flat.document {
    background-position: -351px -242px;
}

.icon-flat.dribble {
    background-position: -402px -242px;
}

.icon-flat.garbage {
    background-position: -17px -298px;
}

.icon-flat.settings {
    background-position: -73px -298px;
}

.icon-flat.like {
    background-position: -127px -299px;
}

.icon-flat.tag {
    background-position: -183px -297px;
}

.icon-flat.mega-phone {
    background-position: -236px -297px;
}

.icon-flat.note {
    background-position: -293px -296px;
}

.icon-flat.help {
    background-position: -346px -296px;
}

.icon-flat.open-mail2 {
    background-position: -21px -355px;
}

.icon-flat.camera2 {
    background-position: -76px -357px;
}

.icon-flat.graph {
    background-position: -131px -357px;
}

.icon-flat.money {
    background-position: -187px -358px;
}

.icon-flat.wallet {
    background-position: -242px -358px;
}

.icon-flat.bag2 {
    background-position: -296px -358px;
}

.icon-flat.arrow {
    background-position: -352px -355px;
}

.icon-flat.compass {
    background-position: -407px -355px;
}

.icon-flat.console {
    background-position: -22px -396px;
}

.icon-flat.heart2 {
    background-position: -77px -398px;
}

.icon-flat.responsive {
    background-position: -131px -397px;
}

.icon-flat.stats2 {
    background-position: -187px -397px;
}

.icon-flat.portfolio {
    background-position: -241px -397px;
}

.icon-flat.ui {
    background-position: -297px -396px;
}

.icon-flat.upload {
    background-position: -352px -396px;
}

.icon-flat.tablet {
    background-position: -407px -396px;
}

.icon-flat.mobile2 {
    background-position: -25px -437px;
}

.icon-flat.help2 {
    background-position: -77px -437px;
}

.icon-flat.check {
    background-position: -132px -438px;
}

.icon-flat.search2 {
    background-position: -186px -437px;
}

.icon-flat.drop {
    background-position: -244px -436px;
}

.icon-flat.microphone2 {
    background-position: -297px -436px;
}

.icon-flat.office-phone {
    background-position: -351px -437px;
}

.icon-flat.culture {
    background-position: -407px -436px;
}

.icon-flat.person2 {
    background-position: -21px -477px;
}

.icon-flat.stats3 {
    background-position: -77px -477px;
}

.icon-flat.map-marker2 {
    background-position: -132px -476px;
}

.icon-flat.flag2 {
    background-position: -187px -477px;
}

.icon-flat.soccer {
    background-position: -241px -476px;
}

.icon-flat.weather {
    background-position: -297px -476px;
}

.icon-flat.folder2 {
    background-position: -351px -478px;
}

.icon-flat.eye-open {
    background-position: -407px -476px;
}

.icon-flat.upload2 {
    background-position: -22px -516px;
}

.icon-flat.shop {
    background-position: -76px -518px;
}

.icon-flat.note-pad {
    background-position: -131px -517px;
}

.icon-flat.print {
    background-position: -186px -517px;
}

.icon-flat.card {
    background-position: -242px -519px;
}

.icon-flat.disk2 {
    background-position: -296px -516px;
}

.icon-flat.truk {
    background-position: -351px -517px;
}

.icon-flat.film2 {
    background-position: -409px -517px;
}

.icon-flat.ribbon {
    background-position: -25px -556px;
}

.icon-flat.pencil2 {
    background-position: -76px -557px;
}

.icon-flat.download {
    background-position: -133px -556px;
}

.icon-flat.garbage2 {
    background-position: -187px -556px;
}

.icon-flat.settings2 {
    background-position: -242px -556px;
}

.icon-flat.tv {
    background-position: -296px -556px;
}

.icon-flat.disk-small {
    background-position: -352px -557px;
}

.icon-flat.lock-small {
    background-position: -409px -556px;
}

.icon-flat.document2 {
    background-position: -24px -597px;
}

.icon-flat.mail {
    background-position: -77px -600px;
}

.icon-flat.chat2 {
    background-position: -132px -597px;
}

.icon-flat.clock2 {
    background-position: -187px -597px;
}

.icon-flat.calendar2 {
    background-position: -242px -598px;
}

.icon-flat.letter {
    background-position: -298px -598px;
}

.icon-flat.ticket {
    background-position: -353px -597px;
}

.icon-flat.safe {
    background-position: -407px -598px;
}

.icon-flat.news {
    background-position: -22px -637px;
}

.icon-flat.map-marker3 {
    background-position: -77px -638px;
}

.icon-flat.book {
    background-position: -133px -637px;
}

.icon-flat.play {
    background-position: -188px -638px;
}

.icon-flat.plastic-bag {
    background-position: -243px -637px;
}

.icon-flat.pictures2 {
    background-position: -296px -637px;
}

.icon-flat.calc {
    background-position: -353px -637px;
}

.icon-flat.count {
    background-position: -408px -637px;
}

/**************************** Footer ****************************/

.col-lang-footer.wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: center !important;
    gap: 32px;
    height: 45px;
}

.col-lang-footer.wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper .vc_single_image-wrapper img {
    padding-top: 35px;
}


@media (max-width: 880px) {
    .col-lang-footer.wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper {
        flex-direction: column;
        gap: 16px;
    }

    .col-lang-footer.wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner .wpb_wrapper .vc_single_image-wrapper img {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}


.footer {
    overflow: hidden;
    position: relative;
    z-index: 0;
    padding: 15px 0 25px 0;
    background-color: #2F2F2F;
}

.footer .footer-col .footer-title {
    padding: 0 0 8px 0;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    color: #3498DB;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
}

.footer .footer-col .footer-content {
    color: #d4d4d4;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    padding-bottom: 0px;
}

.footer .footer-col .footer-content .footer-content-text {
    line-height: 20px;
}

.footer .footer-col .footer-content .footer-content-logo {
    float: left;
    clear: both;
    margin: 0 0 20px 0;
    width: 100%;
}

.footer .footer-col .footer-content a {
    color: #c9c9c9;
    text-decoration: none;
}

.footer ul {
    color: #c9c9c9;
}

.footer .footer-col .footer-content .footer-recent-tweets {
    list-style-type: none;
    padding-left: 25px;
    color: #c9c9c9;
}

.footer .footer-col .footer-content .footer-recent-tweets li {
    line-height: 20px;
    margin-top: 20px;
    position: relative;
}

.footer .footer-col .footer-content .footer-recent-tweets li a {
    color: #f8f8f8;
}

.footer .footer-col .footer-content .footer-recent-tweets li:after {
    content: "";
    position: absolute;
    left: -25px;
    top: 5px;
    background: no-repeat -98px -1px url("images/sprites.png");
    width: 16px;
    height: 13px;
}

.footer .footer-col .footer-content .nice-time {
    font-size: 10px;
    font-family: "Myriad Pro", sans-serif;
    font-weight: bold;
    color: #c9c9c9;
}

.footer .footer-col .footer-content .nice-time a {
    text-decoration: none;
}

.footer .footer-col .footer-content .footer-category-list {
    list-style-type: none;
    padding-left: 0;
    color: #c9c9c9;
}

.footer .footer-col .footer-content .footer-category-list li {
    padding: 6px 0;
    position: relative;
    border-bottom: 1px solid #414141;
}

.footer .footer-col .footer-content .footer-category-list li:first-child {
    padding-top: 0;
}

.footer .footer-col .footer-content .footer-category-list li a {
    text-decoration: none;
}

.footer .footer-col .footer-content .footer-category-list li a:hover {
    color: #f8f8f8;
}

.footer .footer-col .footer-content .input {
    width: 100%;
    display: block;
    background-color: #133763;
    border: 0;
    border-radius: 5px;
    outline: 0;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #cccccc;
}

.footer .footer-col .footer-getintouch-row {
    margin: 10px 0 0 0;
}

.footer .footer-col .footer-content .input:hover {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.38);
    color: #333333;
}

.footer .footer-col .footer-content .input:focus {
    background-color: rgba(255, 255, 255, 0.8);
    color: #333333;
}

.footer .footer-col .footer-content input[type=text] {
    height: 30px;
}

.footer .footer-col .footer-content input[type=submit] {
    background-color: #184780;
    border: 0;
    -webkit-box-shadow: inset 0px 1px 1px rgba(163, 163, 163, 0.66), 0px 1px 0px 1px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: inset 0px 1px 1px rgba(163, 163, 163, 0.66), 0px 1px 0px 1px rgba(0, 0, 0, 0.21);
    box-shadow: inset 0px 1px 1px rgba(163, 163, 163, 0.66), 0px 1px 0px 1px rgba(0, 0, 0, 0.21);
    padding: 7px 18px;
    border-radius: 5px;
    color: #d2d2d2;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
}

.footer .footer-col .footer-content input[type=submit]:hover {
    background-color: #164279;
}

.footer .footer-col .footer-content input[type=submit]:active {
    background-color: #184780;
}

.footer .copyright {
    color: #414141;
    height: 40px;
    width: 100%;
    font-size: 11px;
    font-family: "Open Sans", sans-serif;
    background-color: #fff;
    border-top: 2px solid #3498DB;
}

.footer .copyright a {
    color: #a3a3a3;
    text-decoration: none;
}

.footer .copyright a:hover {
    color: #3498DB;
}

.footer .copyright .copyright-text {
    line-height: 40px;
}

.flickr_badge_wrapper .flickr_badge_image {
    float: left;
    margin: 0 2.222222222222% 2.222222222222% 0;
    width: 30.37037037037%;
    height: auto;
}

.flickr_badge_wrapper .flickr_badge_image img {
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    opacity: 0.7;
    -webkit-transition: border-color 0.5s, opacity 0.5s;
    -moz-transition: border-color 0.5s, opacity 0.5s;
    -o-transition: border-color 0.5s, opacity 0.5s;
    transition: border-color 0.5s, opacity 0.5s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.flickr_badge_wrapper .flickr_badge_image img:hover {
    border-color: #3498DB;
    opacity: 1;
}

.flickr_badge_wrapper .flickr_badge_image:nth-child(3n+1) {
    margin: 0 0 6px 0;
}

.footer .social-icons {
    overflow: hidden;
    height: 40px;
}

.footer .social-icons .social-media-icon {
    float: right;
    background-color: transparent;
    border: none;
}

.footer .social-icons .social-media-icon:hover {
    border: none;
}

.footer .copyright:before {
    position: absolute;
    display: block;
    content: '';
    height: 1px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-wrapper {
    position: relative;
    padding-top: 25px;
    padding-bottom: 35px;
}

.footer-wrapper:after {
    content: "";
    position: absolute;
    left: -50%;
    top: -8px;
    width: 2000px;
    height: 359px;
    margin-left: 0;
    z-index: -1;
}

.boxed .flickr_badge_wrapper .flickr_badge_image img {
    width: 64px;
    height: 64px;
}

/** footer-contact **/
.footer-contact textarea {
    resize: vertical;
    height: 100px;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.footer-contact label {
    padding: 4px 0 0 0;
    clear: both;
    display: block;
    color: #cf3f3f;
}

ul.contact-info {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.contact-info li {
    margin-bottom: 20px;
}

ul.contact-info li i {
    margin-right: 10px;
    margin-right: 5px;
    width: 20px;
    height: 15px;
    display: inline-block;
}

ul.contact-info li .contact-title {
    text-transform: uppercase;
    color: #8c8c8c;
}

ul.contact-info li .contact-details {
    margin-left: 27px;
}

/**************************** Global CSS classes used for all theme. ****************************/
/* Global Responsive */
/* H1&H3 for page titles */
h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;
    margin: 0 0 20px 0;
    color: #3a3a3a;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 15px;
}

h6 {
    font-size: 14px;
    color: #7a7a7a;
    text-transform: uppercase;
}

a {
    text-decoration: none;
}

p {
    font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.center-title {
    text-align: center;
}

.left-title .heading-title h2:before {
    display: none;
}

.right-title .heading-title h2:after {
    display: none;
}

.heading-title {
    display: inline-block;
}

body {
    overflow-x: hidden;
    background-color: #f1f0f0;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
}

blockquote {
    border-left: 3px solid #c3c3c3;
    padding: 0 0 0 25px;
    margin: 0 0 20px 20px;
    color: #AFAFAF;
}

::selection {
    background-color: #3498DB;
    color: #fff;
}

::-moz-selection {
    background-color: #3498DB;
    color: #fff;
}

ul {
    font-size: 13px;
    color: #333333;
}

/* Main Container */
.body-wrapper {
    padding-top: 30px;
    /*60px*/
    padding-bottom: 0px;
    position: relative;
    z-index: 0;
}

.right-text {
    text-align: right;
}

.left-text {
    text-align: left;
}

.center-text {
    text-align: center;
}

.background-text {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4);
}

.title-text-style {
    text-transform: uppercase;
}

.top-title-wrapper {
    background-color: #EEEEEE;
    width: 100%;
    overflow: hidden;
    border-bottom: none;
}

.h1-page-title {
    font-weight: 400;
    margin: 0 0 10px 0;
    line-height: 20px;
    font-size: 26px;
    float: left;
    color: #fff;
    margin-right: 10px;
}

.h2-page-desc {
    margin-top: 0px !important;
    font-weight: 200;
    font-size: 22px;
    line-height: 20px;
    color: #EEEEEE;
    border-left: 1px solid;
    padding-left: 10px;
    float: left;
    margin-bottom: 10px;
}

.inline-block {
    display: inline-block;
}

.h2-section-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 36px;
    margin-bottom: 10px;
    color: #4b4b4b;
}

body .h4-section-title {
    margin-bottom: 10px;
    font-size: 18px;
    color: #4b4b4b;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 28px;
}

.h3-section-info {
    font-size: 22px;
    text-align: center;
    color: #535353;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}

.p-section-info {
    font-weight: 100;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.i-section-title {
    position: relative;
    background: transparent;
    height: 20px;
    text-align: center;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #F0F0F0;
    width: 50%;
    left: 25%;
}

.i-section-title i {
    background: #fff;
    width: 40px;
    font-size: 32px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -40px;
    padding-top: 10px;
    border-radius: 50%;
    height: 40px;
    color: #D8D8D8;
    padding: 0 20px;
    line-height: 40px;
}

.section-icon-item {
    display: inline-block;
    margin-right: 20px;
}

.section-icon-item i.entypo {
    font-size: 40px;
}

.section-icon-item i {
    font-size: 22px;
    padding: 0 5px 0 0;
    position: relative;
    top: 4px;
}

.tool-tip {
    color: #3498DB;
    cursor: pointer;
}

.tool-tip:hover {
    text-decoration: none !important;
}

/* H2 default style */
.h2-body-title {
    font-size: 22px;
    color: #3a3a3a;
    font-weight: 600;
    margin: 0px 0px 20px 0px;
    clear: both;
    text-transform: uppercase;
}

/* H3 default style */
.h3-body-title {
    font-size: 18px;
    color: #4b4b4b !important;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px 0 20px 0px;
    line-height: 20px;
}

.h3-blog-title {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
}

.section-content {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 60px 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative !important;
    -webkit-backface-visibility: hidden;
}

.section-content video {
    position: absolute;
    right: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
}

.section-content.section-px {
    background-image: url(images/blurred1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: static;
}

.section-content.cta-section {
    text-align: center;
}

.section-content.cta-section .cta-details {
    display: inline-block;
}

.section-content.cta-section .cta-details h2 {
    display: inline-block;
    margin: 0 50px 0 0;
    position: relative;
    top: 5px;
}

.section-content.cta-section .cta-details a {
    margin: 0;
}

.section-content.section-px.stones-bg {
    background-image: url(images/placeholders/stones.jpg);
}

body .section-content.section-image {
    position: relative;
    background-color: #3498DB;
    background-color: rgba(39, 159, 187, 0.8);
}

.section-content.section-image:after {
    background-image: url(images/placeholders/section-content-bg1.jpg);
    background-attachment: fixed;
    -webkit-background-size: cover !important;
    content: "";
    opacity: 0.8;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.section-content.section-image.static:after {
    background-attachment: scroll;
}

.section-content.section-image.bg2:after {
    background-image: url(images/placeholders/section-content-bg2.jpg);
}

.section-content.section-image.bg3:after {
    background-image: url(images/placeholders/section-content-bg3.jpg);
}

.section-content.bottom-body {
    padding: 30px 0;
}

.section-content.clients-section {
    padding: 10px;
}

.section-content.no-padding {
    padding-bottom: 0;
}

.section-content.section-color-bg {
    position: relative;
    background-color: #3498DB;
    background-color: rgba(39, 159, 187, 0.8);
    border: 0;
}

.section-content.section-color-orange {
    border: 0;
    background-color: #d35400;
}

.section-content.section-color-green {
    background-color: #16a085;
    border: 0;
}

.section-content.section-color-blue {
    border: 0;
    background-color: #2980b9;
}

.section-content.section-color-red {
    border: 0;
    background-color: #e74c3c;
}

.section-content.section-color-clouds {
    border: 0;
    background-color: #ecf0f1;
}

.section-content.section-color-dark-blue {
    border: 0;
    background-color: #2c3e50;
}

.section-content.section-color-purple {
    border: 0;
    background-color: #8e44ad;
}

.section-content.section-alter {
    background-color: #f7f7f7;
}

.section-content.top-body {
    background-color: #fbfbfb;
    padding: 40px 0;
}

.section-content.top-body h1 {
    font-weight: 100;
    font-size: 20px;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    line-height: 30px;
}

.section-color-bg h1 a:hover, .section-color-bg h2 a:hover, .section-color-bg h3 a:hover, .section-color-bg h4 a:hover, .section-color-bg h5 a:hover, .section-color-bg h6 a:hover, .section-color-red h1 a:hover, .section-color-red h2 a:hover, .section-color-red h3 a:hover, .section-color-red h4 a:hover, .section-color-red h5 a:hover, .section-color-red h6 a:hover, .section-color-orange h1 a:hover, .section-color-orange h2 a:hover, .section-color-orange h3 a:hover, .section-color-orange h4 a:hover, .section-color-orange h5 a:hover, .section-color-orange h6 a:hover, .section-color-green h1 a:hover, .section-color-green h2 a:hover, .section-color-green h3 a:hover, .section-color-green h4 a:hover, .section-color-green h5 a:hover, .section-color-green h6 a:hover, .section-color-blue h1 a:hover, .section-color-blue h2 a:hover, .section-color-blue h3 a:hover, .section-color-blue h4 a:hover, .section-color-blue h5 a:hover, .section-color-blue h6 a:hover, .section-color-dark-blue h1 a:hover, .section-color-dark-blue h2 a:hover, .section-color-dark-blue h3 a:hover, .section-color-dark-blue h4 a:hover, .section-color-dark-blue h5 a:hover, .section-color-dark-blue h6 a:hover, .section-color-gray h1 a:hover, .section-color-gray h2 a:hover, .section-color-gray h3 a:hover, .section-color-gray h4 a:hover, .section-color-gray h5 a:hover, .section-color-gray h6 a:hover, .section-color-clouds h1 a:hover, .section-color-clouds h2 a:hover, .section-color-clouds h3 a:hover, .section-color-clouds h4 a:hover, .section-color-clouds h5 a:hover, .section-color-clouds h6 a:hover, .section-color-purple h1 a:hover, .section-color-purple h2 a:hover, .section-color-purple h3 a:hover, .section-color-purple h4 a:hover, .section-color-purple h5 a:hover, .section-color-purple h6 a:hover, .section-px h1 a:hover, .section-px h2 a:hover, .section-px h3 a:hover, .section-px h4 a:hover, .section-px h5 a:hover, .section-px h6 a:hover, .section-image h1 a:hover, .section-image h2 a:hover, .section-image h3 a:hover, .section-image h4 a:hover, .section-image h5 a:hover, .section-image h6 a:hover {
    color: #ededed;
}

.section-content.bottom-body {
    padding: 30px 0;
}

.section-content.clients-section {
    padding: 10px;
}

.section-content.top-body h1 {
    font-weight: 100;
    font-size: 20px;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    line-height: 30px;
}

.section-twitter {
    z-index: 10;
}

.section-twitter:before {
    background: url("images/twitter-faces.jpg");
    content: " ";
    opacity: 0.07;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;
}

.left-image-container {
    position: relative;
    left: 0;
    bottom: 0;
}

.right-image-container {
    position: relative;
    right: 0;
    bottom: 0;
}

.title-block .h3-body-title {
    float: left;
    margin: 0px 20px 20px 0px;
}

.title-block .title-seperator {
    background: url("images/title-pattern.png");
    height: 5px;
    overflow: hidden;
    margin-top: 8px;
    overflow: hidden;
}

.h3-sidebar-title, h2.widgettitle {
    color: #272E36;
    font-size: 18px;
    line-height: 21px;
    font-family: 'effra_mediumregular';
    font-weight: 500;
    margin: 0 0 8px 0;
    /* font-weight: 600;*/
}

.h4-body-title {
    font-size: 18px;
    color: #4b4b4b;
    font-weight: normal;
}

.space-sep20 {
    clear: both;
    display: block;
    height: 20px;
}

.space-sep30 {
    clear: both;
    display: block;
    height: 30px;
}

.space-sep40 {
    clear: both;
    display: block;
    height: 40px;
}

.space-sep50 {
    clear: both;
    display: block;
    height: 50px;
}

.space-sep60 {
    clear: both;
    display: block;
    height: 60px;
}

.space-sep70 {
    clear: both;
    display: block;
    height: 70px;
}

.space-sep80 {
    clear: both;
    display: block;
    height: 80px;
}

.space-sep90 {
    clear: both;
    display: block;
    height: 90px;
}

.space-sep100 {
    clear: both;
    display: block;
    height: 100px;
}

.page-info {
    padding-top: 30px;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
    margin-left: 0%;
}

/* Paragraph */
.dropcaps {
    display: inline-block;
    float: left;
    margin: 12px 8px 0 0;
    color: #666666;
    font-size: 45px;
    text-transform: uppercase;
}

.dropcaps.dropcaps-color-style {
    margin: 5px 8px 0 0;
    padding: 10px 10px;
    font-weight: bold;
    font-size: 26px;
    background-color: #3498DB;
    line-height: 15px;
    color: #ffffff;
}

.single-icon i {
    margin-right: 10px;
}

/* 404 */
.not-found-404 {
    text-align: center;
    overflow: hidden;
    margin-bottom: 60px;
}

.not-found-404 h2 {
    font-size: 180px;
    margin: 30px 0;
    line-height: 180px;
}

.not-found-404 p {
    font-size: 28px;
    color: #9a9a9a;
    margin-bottom: 40px !important;
    line-height: 32px;
}

.search-404 {
    margin: 0 auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: inline-block;
}

.search-404 input[type="submit"] {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0;
    position: relative;
    left: -2px;
}

.form-wrapper .search-404 .search-text {
    height: 33px;
    float: left;
    padding: 0 10px !important;
    width: 219px;
}

.search-submit {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: none !important;
    float: left;
    height: 33px;
}

/* Colors Text */
body .white-text, body .white-text h1, body .white-text h2, body .white-text h3, body .white-text h4, body .white-text h5, body .white-text h6, body .white-text p, body .white-text .p-section-info, body .white-text pre, body .white-text a, body .white-text h3 a, body .white-text .feature-details a, body .white-text input[type=text], body .white-text input[type=email], body .white-text textarea {
    color: #ffffff;
}

body .white-text {
    color: #ffffff !important;
}

.body_paragraph {
    color: #666666;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
}

.highlighted-text {
    background-color: #3498DB;
    color: #ffffff;
    padding: 2px;
}

strong.colored, span.colored {
    color: #3498DB;
}

.skin-text {
    color: #3498DB !important;
}

body .white-text .feature-details a:hover {
    color: #3498DB;
}

/* Cols */
.col-with-separator {
    background-repeat: no-repeat;
    background-image: url(images/col-sep.png);
    background-size: auto 100%;
    height: 630px;
    padding: 0 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.separator {
    background: transparent;
    background-image: url(images/sidebar_shadow_body.png);
    background-repeat: repeat-y;
    padding: 0 0 0 30px;
    position: absolute;
    width: 50px;
    left: -35px;
    top: 14px;
    bottom: 0px;
    z-index: 0;
}

.separator:after {
    position: absolute;
    top: -41px;
    left: 0;
    background-image: url(images/sidebar_shadow_top.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 41px;
    content: "";
}

.separator:before {
    position: absolute;
    bottom: -55px;
    left: 0;
    background-image: url(images/sidebar_shadow_bottom.png);
    background-repeat: no-repeat;
    background-position: 0 -69px;
    width: 24px;
    height: 55px;
    content: "";
}

.separator.separator-right {
    background: transparent;
    background-image: url(images/sep_shadow_body2.png);
    background-repeat: repeat-y;
    padding: 0 0 0 30px;
    position: absolute;
    width: 0px;
    left: auto;
    right: -35px;
}

.separator.separator-right:after {
    left: auto;
    right: 6px;
    background-image: url(images/sep_shadow_top2.png);
    background-repeat: no-repeat;
}

.separator.separator-right:before {
    left: auto;
    right: 6px;
    background-image: url(images/sep_shadow_bottom2.png);
    background-repeat: no-repeat;
}

/* Sidebar block */
.sidebar-block, .widget {

    position: relative;
    margin: 0 0 40px 0;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    background: none repeat scroll 0 0 #FFF;
    padding: 10px;
    border-bottom: 2px solid #ddd;

}

.col-md-3 {
    position: sticky;
    top: 150px;
    margin-bottom: 76px;
}

/*@ics*/
.sidebar-block, .widgettitle {
    margin: 0 0 16px 0;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000019;
    border-radius: 10px;
}

.sidebar-block p, .widget p {
    color: #999999;
    font-size: 15px;
    line-height: 24px;
    font-family: "Effra-Rg";
    margin-bottom: 12px;
}

.sidebar-block.widget ul.list {
    margin-bottom: 24px;
}

.sidebar-block.widget ul.list li {
    display: flex;
    align-items: center;
    color: #42B5B8;
    font-size: 15px;
    line-height: 20px;
    /*font-weight: 600;*/
    /*font-family: "Effra-Rg";*/
    font-family: 'effra_mediumregular';
    padding: 0;
}

.sidebar-block.widget ul.list li:before {
    /*content: '\f00c';*/
    content: '';
    color: #42B5B8;
    display: inline-block;
    /*font-family: FontAwesome;*/
    /*font-size: 15px;*/
    /*line-height: 1;*/
    /*font: normal normal normal 14px/1 FontAwesome;*/
    /*text-rendering: auto;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
    background-image: url(images/check.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    margin-right: 8px;
    width: 14px;
    height: 9px;
}

/* .vert_titre{
    background-color: red;
} */

.vert_titre .sidebar-title {
    color: #42B5B8;
}

.vert_titre a.btn, .vert_titre a.btn:hover {
    background: linear-gradient(to left, #f45b43, #eb3349);;
    border-radius: 60px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #ffffff;
    font-family: "Effra-Rg";
}

/*@ics*/


/*.sidebar-block p { margin: 0; } */
.sidebar-block .sidebar-content, .tagcloud {
    overflow: hidden;
}

.sidebar-block .widget {
    background-color: red;
}

.sidebar .sidebar-title:first-child {
    line-height: 13px;
}

/* Body Wrapper Links*/
.body-wrapper a, .top-body a, .top-footer a {
    text-decoration: none;
    color: #00b6b7;
}

.body-wrapper a:hover, .top-body a:hover, .top-footer a:hover {
    color: #3498DB;
    text-decoration: underline;
}

/* Body Row for defining spacing between rows. */
.body-row {
    margin: 0 0 20px 0;
}

/* sidebar */
.sidebar {
    position: relative;
    width: 100%;
    z-index: 0;
}

.sidebar .sidebar-title {
    text-transform: capitalize;
}

/* Slider Global */
.parallax-slide {
    height: 500px;
}

.cycle-slideshow {
    overflow: hidden;
    z-index: 0;
    position: relative;
}

.parallax-slider.cycle-slideshow {
    height: auto;
}

.cycle-slide {
    width: 100%;
    overflow: hidden;
}

.cycle-next, .cycle-prev {
    position: absolute;
    right: -100px;
    top: 50%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    color: #f8f8f8;
    z-index: 1000;
    margin-top: -15px;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.cycle-prev {
    left: -100px;
    right: auto;
}

.cycle-slideshow:hover .cycle-next {
    right: 5px;
}

.cycle-slideshow:hover .cycle-prev {
    left: 5px;
}

.cycle-next:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.cycle-prev:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.cycle-pager {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 28px;
    z-index: 1000;
    left: 0;
    bottom: 1px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.cycle-pager .cycle-pager-active, .cycle-pager span:hover {
    color: #969696;
    text-shadow: 0 0 2px #000;
    cursor: pointer;
}

#to-top-button {
    z-index: 2;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    cursor: pointer;
    overflow: hidden;
    opacity: .7;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
    text-align: center;
    line-height: 40px;
    font-size: 25px;
    color: #fff;
    display: none;
    filter: alpha(opacity=70);
}

#to-top-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
    filter: alpha(opacity=80);
}

#to-top-button i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}

time {
    font-weight: bold;
    font-size: 11px;
}

.text-input {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-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: 1px solid #ccc;
    padding: 6px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
}

.text-input:focus {
    border-color: #279FBC;
}

.row-fluid.row-no-margin .span2 {
    margin-left: 0;
    width: 16.66667%;
}

.row-fluid.row-no-margin .span3 {
    margin-left: 0;
    width: 25%;
}

.row-fluid.row-no-margin .span4 {
    margin-left: 0;
    width: 33.33333%;
}

.row-fluid.row-no-margin .span5 {
    margin-left: 0;
    width: 41.66667%;
}

.row-fluid.row-no-margin .span6 {
    margin-left: 0;
    width: 50%;
}

.row-fluid.row-no-margin .span7 {
    margin-left: 0;
    width: 58.33333%;
}

.row-fluid.row-no-margin .span8 {
    margin-left: 0;
    width: 66.66667%;
}

.row-fluid.row-no-margin .span9 {
    margin-left: 0;
    width: 75%;
}

.row-fluid.row-no-margin .span10 {
    margin-left: 0;
    width: 83.33333%;
}

.row-fluid.row-no-margin .span11 {
    margin-left: 0;
    width: 91.66667%;
}

/* Mobile Span Margin */
/* top_wrapper Configuration */
/**************************** Header ****************************/
/* This section container: - Logo - Navigation - Search */
#header {
    clear: both;
    border-bottom: 3px solid #3498db;
    z-index: 1;
    position: relative;
}

#header:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 3px;
}

#header.sticky-header:after {
    height: 0px;
}

.header_wrapper, .top_wrapper {
    width: 100%;
    height: auto;
    position: relative;
    background-size: 100% 1000px;
    /*z-index: 1; */
}

.top-header {
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* Alias for .header_wrapper */
/* Header Element, Container for - Logo - Navigation - Search */
/* Configuration of the header*/
.header {
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 80px;
}

.header .logo {
    margin: 10px 0 0 0;
}

/* Navigation */
/* Nav Config */
.navigation {
    float: right;
    padding: 0 0 0 0;
    margin: 0;
    list-style-type: none;
    height: 80px;
    position: relative;
    z-index: 10000;
}

.navigation > li {
    float: left;
    margin-right: 0px;
}

.navigation > li:last-child {
    margin-right: 0;
}


/************************************ Sticky Menu ************************************/
.sticky-haader .header {
    height: auto;
}

.sticky-navigation {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    background-color: #184780;
    background-color: rgba(24, 71, 128, 0.9);
}

.sticky-navigation .navigation {
    margin: auto;
    width: 940px;
    float: none;
    list-style-type: none;
    top: 25px;
}

.sticky-navigation .navigation > li > ul {
    top: 30px;
}

.sticky-navigation .navigation > li > a {
    line-height: 30px;
    height: auto;
    font-size: 13px;
}

.sticky-navigation ul {
    list-style-type: none;
}

.header-no-shadow.header:after {
    background-image: none;
}

.top-bar {
    height: 35px;
    background-color: #FBFBFB;
    line-height: 35px;
    border-bottom: 1px solid #E9E9E9;
}

.call-us, .top-bar-block {
    color: #969696;
    float: left;
    margin-right: 10px;
    padding-right: 10px;
}

.call-us i, .top-bar-block i {
    font-size: 22px;
    line-height: 35px;
    float: left;
}

.call-us span, .top-bar-block span {
    padding-left: 10px;
    font-size: 11px;
}

.top-bar-block:last-child {
    border-right: 0;
}

.top-bar .social-icons {
    overflow: hidden;
    float: right;
    width: auto;
}

.top-bar .social-icons > ul {
    margin: 0;
    background-color: transparent;
    float: right;
}

.top-bar .social-icons .social-media-icon {
    background-color: transparent;
    height: 35px;
    border: none;
    margin: 0;
    background-position: 0 -43px;
}

.top-bar .social-icons .social-media-icon:hover {
    border: none;
    background-position: 0 -3px;
}

.top-bar .social-icons li {
    float: right;
}

/**************************** Img overlay ****************************/
.img-overlay {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 150px;
}

.img-overlay img {
    width: 100%;
}

.item-img-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    background-color: black;
    background-color: rgba(39, 159, 187, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    overflow: hidden;
}

.item-img-overlay * {
    filter: alpha(opacity=0);
}

.item-img-overlay:hover * {
    filter: alpha(opacity=100);
}

.item-img-overlay:hover {
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.item-img-overlay .item_img_overlay_content {
    position: absolute;
    left: 0%;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    text-align: center;
}

.item-img-overlay a:hover {
    text-decoration: none;
}

.img-overlay:hover .item-img-overlay {
    opacity: 1;
}

.item-img-overlay .item_img_overlay_content i {
    margin-right: 10px;
}

.item-img-overlay {
    color: #fff;
}

.item-img-overlay a {
    color: #fff;
}

.item-img-overlay a:hover {
    color: #fff !important;
}

a.portfolio-zoom icon-resize-full:hover {
    color: #3498DB !important;
}

.item-img-overlay i {
    background-color: white;
    background-color: rgba(255, 255, 255, 0.95);
    color: #3498DB;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-transition: background-color, color 0.4s;
    -moz-transition: background-color, color 0.4s;
    -ms-transition: background-color, color 0.4s;
    -o-transition: background-color, color 0.4s;
    transition: background-color, color 0.4s;
}

.item-img-overlay i:hover {
    color: #3498DB;
}

.item-img-overlay i:hover {
    background-color: #3498DB;
    color: white;
    color: rgba(255, 255, 255, 0.95);
}

.item-img-overlay .portfolio-zoom {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.95);
    color: #3498DB;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    cursor: pointer;
}

.item-img-overlay .portfolio-zoom:hover {
    color: #3498DB !important;
}

.item-img-overlay:hover .portfolio-zoom, .item-img-overlay:hover i {
    opacity: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-name: overlay-animation;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-name: overlay-animation;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0s;
    -o-animation-fill-mode: forwards;
    -o-animation-name: overlay-animation;
    -o-animation-duration: 0.5s;
    -o-animation-timing-function: linear;
    -o-animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-name: overlay-animation;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    transform: scale(1) \9;
}

@-webkit-keyframes overlay-animation {
    0% {
        -webkit-transform: scale(1.5);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes overlay-animation {
    0% {
        -moz-transform: scale(1.5);
        opacity: 0;
    }

    50% {
        -moz-transform: scale(0.5);
    }

    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@-o-keyframes overlay-animation {
    0% {
        -o-transform: scale(1.5);
        opacity: 0;
    }

    50% {
        -o-transform: scale(0.5);
    }

    100% {
        -o-transform: scale(1);
        opacity: 1;
    }
}

@keyframes overlay-animation {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }

    50% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.img-overlay {
    overflow: hidden;
}

.img-overlay img {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.img-overlay:hover img {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/**************************** Info Boxes ****************************/
/* Info Boxes */
.info-box {
    padding: 10px;
    text-align: center;
    position: relative;
}

.info-box > i {
    position: absolute;
    left: 20px;
    top: 15px;
    font-size: 20px;
}

.info-box-remove {
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
    font-size: 15px;
}

.info-box .msg {
    padding: 0 40px;
}

.info-box.red {
    border: 1px solid #e26d6d;
    color: white;
    background-color: #e26d6d;
}

.info-box.red .info-box-remove i {
    color: black;
    color: rgba(0, 0, 0, 0.3);
}

.info-box.yellow {
    border: 1px solid #faf1a9;
    color: #928416;
    background-color: #faf1a9;
}

.info-box.yellow .info-box-remove i {
    color: black;
    color: rgba(0, 0, 0, 0.3);
}

.info-box.green {
    border: 1px solid #a6e07e;
    color: white;
    background-color: #a6e07e;
}

.info-box.green .info-box-remove i {
    color: black;
    color: rgba(0, 0, 0, 0.3);
}

.info-box.blue {
    border: 1px solid #579ace;
    color: white;
    background-color: #579ace;
}

.info-box.blue .info-box-remove i {
    color: black;
    color: rgba(0, 0, 0, 0.3);
}

.info-box.white {
    border: 1px solid #f7f7f7;
    color: #666666;
    background-color: #f7f7f7;
}

.info-box.white .info-box-remove i {
    color: black;
    color: rgba(0, 0, 0, 0.3);
}

/**************************** List icons ****************************/
.icons-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.icons-list li {
    margin-bottom: 15px;
    padding-left: 30px;
    margin-right: 0;
}

.icons-list.inline li {
    display: inline-block;
    margin-right: 20px;
}

.icons-list li:last-child {
    margin-bottom: 0;
}

.icons-list li:before {
    content: "";
    font-family: 'FontAwesome';
    display: inline-block;
    width: 18px;
    height: 18px;
    float: left;
    font-size: 15px;
    margin-left: -30px;
    line-height: 24px;
}

.icons-list.colored-list li:before {
    color: #3498DB;
}

.icons-list.check-1 li:before {
    content: "\f046";
}

.icons-list.check-2 li:before {
    content: "\f00c";
}

.icons-list.hand li:before {
    content: "\f0a4";
}

.icons-list.remove li:before {
    content: "\f00d";
}

.icons-list.file li:before {
    content: "\f016";
}

.icons-list.arrow li:before {
    content: "\f061";
}

.icons-list.asterisk li:before {
    content: "\f069";
}

.icons-list.circle-blank li:before {
    content: "\f10c";
}

.icons-list.circle li:before {
    content: "\f111";
}

.icons-list.pencil li:before {
    content: "\f040";
}

.loading-container {
    overflow: hidden;
    padding: 55px 0;
    text-align: center;
    text-align: center;
}

.loading-container .loading-text {
    font-size: 14px;
    margin: 20px 0 0 0;
    text-transform: lowercase;
    font-family: "Montserrat", sans-serif;
}

.hide-until-loading {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
}

.loading {
    margin: 0 auto;
    height: 20px;
    width: 20px;
    position: relative;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    display: none \9;
}

.loading i {
    height: 20px;
    width: 20px;
    border-radius: 25px;
    display: block;
    position: absolute;
}

.loading i:before, .loading i:after {
    content: '';
    display: block;
    position: absolute;
    height: inherit;
    width: inherit;
    border-radius: inherit;
}

.loading i:first-child:before {
    background: #3498DB;
    -webkit-animation: rotate-top-left 1.5s linear infinite;
    -moz-animation: rotate-top-left 1.5s linear infinite;
    animation: rotate-top-left 1.5s linear infinite;
    opacity: 0.5;
}

.loading i:first-child:after {
    background: #3498DB;
    -webkit-animation: rotate-top-right 1.5s linear infinite;
    -moz-animation: rotate-top-right 1.5s linear infinite;
    animation: rotate-top-right 1.5s linear infinite;
    opacity: 0.5;
}

.loading i:last-child:before {
    background: #3498DB;
    -webkit-animation: rotate-bottom-left 1.5s linear infinite;
    -moz-animation: rotate-bottom-left 1.5s linear infinite;
    animation: rotate-bottom-left 1.5s linear infinite;
    opacity: 0.5;
}

.loading i:last-child:after {
    background: #3498DB;
    -webkit-animation: rotate-bottom-right 1.5s linear infinite;
    -moz-animation: rotate-bottom-right 1.5s linear infinite;
    animation: rotate-bottom-right 1.5s linear infinite;
    opacity: 0.5;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(-180deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotate-top-right {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(-180deg);
        -webkit-transform-origin: 20% 20%;
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotate-top-left {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        -webkit-transform-origin: 80% 20%;
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-bottom-right {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(-180deg);
        -webkit-transform-origin: 80% 80%;
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@-webkit-keyframes rotate-bottom-left {
    0% {
        -webkit-transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        -webkit-transform-origin: 20% 80%;
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    50% {
        -moz-transform: rotate(-180deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-moz-keyframes rotate-top-right {
    0% {
        -moz-transform: rotate(0deg);
    }

    50% {
        -moz-transform: rotate(-180deg);
        -moz-transform-origin: 20% 20%;
    }

    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-moz-keyframes rotate-top-left {
    0% {
        -moz-transform: rotate(0deg);
    }

    50% {
        -moz-transform: rotate(180deg);
        -moz-transform-origin: 80% 20%;
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate-bottom-right {
    0% {
        -moz-transform: rotate(0deg);
    }

    50% {
        -moz-transform: rotate(-180deg);
        -moz-transform-origin: 80% 80%;
    }

    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-moz-keyframes rotate-bottom-left {
    0% {
        -moz-transform: rotate(0deg);
    }

    50% {
        -moz-transform: rotate(180deg);
        -moz-transform-origin: 20% 80%;
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-180deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes rotate-top-right {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-180deg);
        transform-origin: 20% 20%;
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes rotate-top-left {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
        transform-origin: 80% 20%;
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-bottom-right {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-180deg);
        transform-origin: 80% 80%;
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes rotate-bottom-left {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
        transform-origin: 20% 80%;
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-fallback {
    display: none;
    display: block \9;
    text-align: center;
}

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

/** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */
audio:not([controls]) {
    display: none;
    height: 0;
}

/** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */
[hidden] {
    display: none;
}

/* ========================================================================== Base ========================================================================== */
/** * Address margins handled incorrectly in IE 6/7. */
body {
    margin: 0;
}

/* ========================================================================== Links ========================================================================== */
/** * Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
    outline: thin dotted;
}

/** * Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover {
    outline: 0;
}

/* ========================================================================== Typography ========================================================================== */
/** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } */
/** * Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] {
    border-bottom: 1px dotted;
}

/** * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/** * Address styling not present in Safari 5 and Chrome. */
dfn {
    font-style: italic;
}

/** * Address differences between Firefox and other browsers. * Known issue: no IE 6/7 normalization. */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/** * Address styling not present in IE 6/7/8/9. */
mark {
    background: #ff0;
    color: #000;
}

/** * Address margins set differently in IE 6/7. */
p, pre {
    margin: 0 0 20px 0;
}

/** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/** * Improve readability of pre-formatted text in all browsers. */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/** * Address CSS quotes not supported in IE 6/7. */
q {
    quotes: none;
}

/** * Address `quotes` property not supported in Safari 4. */
q:before, q:after {
    content: '';
    content: none;
}

/** * Address inconsistent and variable font size in all browsers. */
small {
    font-size: 80%;
}

/** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ========================================================================== Lists ========================================================================== */
/** * Address margins set differently in IE 6/7. */
dl, menu, ol, ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/** * Address paddings set differently in IE 6/7. */
menu, ol, ul {
    padding: 0 0 0 40px;
}

/** * Correct list images handled incorrectly in IE 7. */
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

/* ========================================================================== Embedded content ========================================================================== */
/** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */
img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
}

/** * Correct overflow displayed oddly in IE 9. */
svg:not(:root) {
    overflow: hidden;
}

/* ========================================================================== Figures ========================================================================== */
/** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure {
    margin: 0;
}

/* ========================================================================== Forms ========================================================================== */
/** * Correct margin displayed oddly in IE 6/7. */
form {
    margin: 0;
}

/** * Define consistent border, margin, and padding. */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    white-space: normal;
    /* 2 */
    *margin-left: -7px;
    /* 3 */
}

/** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
    /* 3 */
    *vertical-align: middle;
    /* 3 */
}

/** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */
button, input {
    line-height: normal;
}

/** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select {
    text-transform: none;
}

/** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */
button, html input[type="button"],
    /* 1 */
input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
    *overflow: visible;
    /* 4 */
}

/** * Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] {
    cursor: default;
}

html {
    height: 100%;
    min-height: 100%;
}

body {
    min-height: 100%;
}

/** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
    *height: 13px;
    /* 3 */
    *width: 13px;
    /* 3 */
}

/** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

/** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/** * Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */
textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/* ========================================================================== Tables ========================================================================== */
/** * Remove most spacing between table cells. */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**************************** Pagination ****************************/
.pagination {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-left: 50px;
}

.pagination a {
    color: #999;
    margin: 0 0 0 4px;
    padding: 10px 15px;
    text-decoration: none !important;
    display: inline-block;
    font-size: 14px;
}

.pagination .prev, .pagination .next, .pagination a:hover, .pagination a.current {
    background-color: #f7f7f7;
    color: #3498DB;
}

.parallax-image {
    background-image: url(images/placeholders/section-content-bg2.jpg);
}

.parallax-image2 {
    background-image: url(images/blurred1.jpg);
}

.section-parallax.secion-color-bg:before {
    background-color: #3498DB;
    background-color: rgba(39, 159, 187, 0.8);
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-parallax {
    min-height: 100px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0% 0%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    width: 100%;
    padding: 60px 0;
    background-color: #3498DB;
}

/**************************** Portfolio Single ****************************/
.portfolio-single-image {
    overflow: hidden;
    margin: 0 0 20px 0;
}

.portfolio-single-project-details {
    font-size: 13px;
}

.portfolio-single-project-details th {
    vertical-align: top;
    text-align: left;
    padding: 0 0 10px 0;
    text-transform: uppercase;
}

.portfolio-single-project-details td {
    vertical-align: top;
    padding: 0 0 10px 20px;
}

.portfolio-single-project-details tr {
    padding: 0 0 10px 0;
}

.portfolio-single-nextprev {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 5px 0;
    width: 100%;
    margin: 0;
    margin-top: -20px;
    margin-bottom: 40px;
}

.portfolio-single-nextprev .portfolio-single-next {
    margin: 2px 0 0 0;
    float: left;
}

.portfolio-single-nextprev .portfolio-single-next:hover i {
    text-decoration: none;
}

.portfolio-single-nextprev .portfolio-single-next i {
    padding-right: 5px;
}

.portfolio-single-nextprev .portfolio-single-prev {
    float: right;
    margin: 2px 0 0 0;
}

.portfolio-single-nextprev .portfolio-single-prev i {
    padding-left: 5px;
}

.portfolio-single-nextprev .portfolio-single-prev:hover i {
    text-decoration: none;
}

/**************************** Portfolio ****************************/
.portfolio-filter-container {
    clear: both;
    overflow: hidden;
    margin: 0 0 30px 0;
    text-align: center;
    padding: 1px 0 0 0;
}

.portfolio-filter {
    list-style-type: none;
    margin: 0;
    padding: 3px 0;
    display: inline-block;
}

.portfolio-filter li {
    float: left;
    margin: 0 0 0 20px;
}

.portfolio-filter li:first-child {
    margin-left: 0;
}

.portfolio-filter li a {
    padding: 5px 10px;
    border-radius: 5px;
}

.searchbox {
    height: 30px;
    float: right;
    -webkit-transition: background-color 200ms;
    -moz-transition: background-color 200ms;
    -o-transition: background-color 200ms;
    transition: background-color 200ms;
    background-color: #fff;
    border: 1px solid;
    border-color: transparent #e8e8e8;
    padding-top: 4px;
}

.searchbox.searchbox-open {
    border-bottom: 1px solid #eee;
}

.searchbox .searchbox-icon {
    font-size: 16px;
    color: #bdbdbd;
    color: rgba(189, 189, 189, 0.48);
    margin: 2px 0px 0 4px;
    float: left;
    cursor: pointer;
    background: none;
    border: 0;
    width: 28px;
    text-align: center;
    background: no-repeat -55px 0 url("images/sprites.png");
    width: 27px;
    height: 17px;
}

.searchbox .searchbox-inputtext {
    float: right;
    margin: 0px 0 0 2px;
    width: 0px;
    background: none;
    border: 0;
    outline: 0;
    line-height: 20px;
    color: #c3c3c3 !important;
    padding: 3px 0px 0 2px !important;
    box-sizing: border-box;
    font-size: 12px;
    -webkit-transition: width 400ms !important;
    -moz-transition: width 400ms !important;
    -o-transition: width 400ms !important;
    transition: width 400ms !important;
}

.searchbox .searchbox-submit {
    display: none;
}

.section-tabs {
    padding: 0 0;
    text-align: center;
    background-color: #EFEFEF;
}

.section-tabs .tab-container {
    position: relative;
    z-index: 1;
}

.section-tabs .tab-content {
    overflow: hidden;
}

.section-tabs .section-etabs {
    margin: 0;
    padding: 0px 0;
    display: block;
    margin: auto;
    background-color: #fefefe;
    border-bottom: 2px solid #C9C9C9;
    border-bottom: 2px solid rgba(0, 0, 0, 0.21);
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
}

.section-tabs .section-etabs .tab a {
    font-size: 15px;
    display: block;
    padding: 10px 20px;
    color: #6a6a6a;
    position: relative;
    top: 0 !important;
    font-weight: 500;
    background-color: transparent;
    text-transform: capitalize;
    border: 0;
    font-family: "Montserrat", sans-serif;
}

.section-tabs .tab a.active {
    color: #3498DB;
    background-color: #f2f2f2;
}

body .section-tabs .tab {
    margin: 0px;
    border-left: 1px solid #e5e5e5;
}

body .section-tabs .tab.active {
    border-radius: 0;
}

.section-tabs .tab.active {
    top: 0 !important;
    background-color: transparent;
    border-bottom: none;
}

.section-tabs .tab a.active:after {
    background-color: none;
}

.section-tabs .tab a.active:after {
    background-color: transparent;
    border-color: transparent;
}

.section-tabs .tab-content {
    padding: 60px 0;
    overflow: hidden;
    margin-top: 80px;
    padding-top: 40px;
}

.section-tabs.full-tabs .tab-content {
    padding: 0;
}

.section-tabs .tab-content > div {
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.5s opacity;
    -moz-transition: 0.5s opacity;
    -o-transition: 0.5s opacity;
    transition: 0.5s opacity;
}

.section-tabs .tab-content > div.active {
    opacity: 1;
}

.section-etabs-container {
    width: 100%;
    height: 40px;
    position: absolute;
    z-index: 2;
    top: 40px;
}

.section-tab-arrow {
    position: absolute;
    top: 41px;
    left: 0px;
    z-index: 2;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 13px 9.5px 0 9.5px;
    border-color: #e8e8e8 transparent transparent transparent;
    -webkit-transition: 0.3s left ease;
    -moz-transition: 0.3s left ease;
    -o-transition: 0.3s left ease;
    transition: 0.3s left ease;
}

.section-tab-arrow:before {
    content: "";
    position: absolute;
    top: -14px;
    left: -8px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 12px 8px 0 8px;
    border-color: #fbfbfb transparent transparent transparent;
}

/**************************** Sidebar navigation ****************************/
.list-group {
    list-style-type: none;
    padding: 0;
    margin: 0 0;
    border-radius: 2px;
}

.list-group .list-group-item {
    border-radius: 0px;
    position: relative;
}

.list-group a.list-group-item.active, .list-group a.list-group-item.active:hover, .list-group a.list-group-item.active:focus {
    background-color: #fff;
    color: #3498DB;
    border: 1px solid #dddddd;
}

.list-group .list-group-item:after {
    content: "\f054";
    font-family: FontAwesome;
    float: right;
    font-size: 10px;
}

/* Social Icons */
/****************************
Social icons
****************************/
.social-icons .aim-icon {
    background-image: url("images/social-media/social-media-aim.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .aim-icon:hover {
    background-color: #e95a00;
    border: 1px solid #b64600;
}

.social-icons .behance-icon {
    background-image: url("images/social-media/social-media-behance.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .behance-icon:hover {
    background-color: #18a3fe;
    border: 1px solid #0189e2;
}

.social-icons .blogger-icon {
    background-image: url("images/social-media/social-media-blogger.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .blogger-icon:hover {
    background-color: #fb913f;
    border: 1px solid #fa740d;
}

.social-icons .devianart-icon {
    background-image: url("images/social-media/social-media-devianArt.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .devianart-icon:hover {
    background-color: #d0de21;
    border: 1px solid #a6b21a;
}

.social-icons .digg-icon {
    background-image: url("images/social-media/social-media-digg.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .digg-icon:hover {
    background-color: #2882c6;
    border: 1px solid #1f669c;
}

.social-icons .dribble-icon {
    background-image: url("images/social-media/social-media-dribble.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .dribble-icon:hover {
    background-color: #ef5b92;
    border: 1px solid #ea2d73;
}

.social-icons .ember-icon {
    background-image: url("images/social-media/social-media-ember.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .ember-icon:hover {
    background-color: #fb9d00;
    border: 1px solid #c87d00;
}

.social-icons .evernote-icon {
    background-image: url("images/social-media/social-media-everNote.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .evernote-icon:hover {
    background-color: #87c441;
    border: 1px solid #6da032;
}

.social-icons .flickr-icon {
    background-image: url("images/social-media/social-media-flickr.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .flickr-icon:hover {
    background-color: #ff0084;
    border: 1px solid #cc006a;
}

.social-icons .forrst-icon {
    background-image: url("images/social-media/social-media-forrst.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .forrst-icon:hover {
    background-color: #5b9a68;
    border: 1px solid #487a52;
}

.social-icons .googleplus-icon {
    background-image: url("images/social-media/social-media-googlePlus.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .googleplus-icon:hover {
    background-color: #d94a39;
    border: 1px solid #bb3424;
}

.social-icons .instagram-icon {
    background-image: url("images/social-media/social-media-instagram.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .instagram-icon:hover {
    background-color: #4e433c;
    border: 1px solid #312a26;
}

.social-icons .lastfm-icon {
    background-image: url("images/social-media/social-media-lastFm.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .lastfm-icon:hover {
    background-color: #d21309;
    border: 1px solid #a10f07;
}

.social-icons .linkedin-icon {
    background-image: url("images/social-media/social-media-linkedIn.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .linkedin-icon:hover {
    background-color: #71b2d0;
    border: 1px solid #4b9dc3;
}

.social-icons .myspace-icon {
    background-image: url("images/social-media/social-media-myspace.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .myspace-icon:hover {
    background-color: #053593;
    border: 1px solid #032362;
}

.social-icons .paypal-icon {
    background-image: url("images/social-media/social-media-paypal.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .paypal-icon:hover {
    background-color: #32689a;
    border: 1px solid #264e73;
}

.social-icons .reddit-icon {
    background-image: url("images/social-media/social-media-reddit.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .reddit-icon:hover {
    background-color: #cde2f9;
    border: 1px solid #9fc8f4;
}

.social-icons .sharethis-icon {
    background-image: url("images/social-media/social-media-shareThis.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .sharethis-icon:hover {
    background-color: #44832e;
    border: 1px solid #305d21;
}

.social-icons .wordpress-icon {
    background-image: url("images/social-media/social-media-wordpress.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .wordpress-icon:hover {
    background-color: #464646;
    border: 1px solid #2d2d2d;
}

.social-icons .yahoo-icon {
    background-image: url("images/social-media/social-media-yahoo.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .yahoo-icon:hover {
    background-color: #ab64bc;
    border: 1px solid #9348a5;
}

.social-icons .zerply-icon {
    background-image: url("images/social-media/social-media-zerply.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .zerply-icon:hover {
    background-color: #637e44;
    border: 1px solid #495d32;
}

.social-icons .twitter-icon {
    background-image: url("images/social-media/social-media-twitter.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .twitter-icon:hover {
    background-color: #00a0d1;
    border: 1px solid #00799e;
}

.social-icons .facebook-icon {
    background-image: url("images/social-media/social-media-facebook.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .facebook-icon:hover {
    background-color: #3b5998;
    border: 1px solid #2d4373;
}

.social-icons .youtube-icon {
    background-image: url("images/social-media/social-media-youtube.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .youtube-icon:hover {
    background-color: #c4302b;
    border: 1px solid #9a2622;
}

.social-icons .rss-icon {
    background-image: url("images/social-media/social-media-rss.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .rss-icon:hover {
    background-color: #fa9b39;
    border: 1px solid #f98207;
}

.social-icons .vimeo-icon {
    background-image: url("images/social-media/social-media-vimeo.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .vimeo-icon:hover {
    background-color: #44bbff;
    border: 1px solid #11a8ff;
}

.social-icons .skype-icon {
    background-image: url("images/social-media/social-media-skype.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .skype-icon:hover {
    background-color: #18b7f1;
    border: 1px solid #0c97ca;
}

.social-icons .mail-icon {
    background-image: url("images/social-media/social-media-mail.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .mail-icon:hover {
    background-color: #666666;
    border: 1px solid #4d4d4d;
}

.social-icons .apple-icon {
    background-image: url("images/social-media/social-media-apple.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .apple-icon:hover {
    background-color: #666666;
    border: 1px solid #4d4d4d;
}

.social-icons .pininterest-icon {
    background-image: url("images/social-media/social-media-pininterest.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .pininterest-icon:hover {
    background-color: #910101;
    border: 1px solid #5e0101;
}

.social-icons .tumblr-icon {
    background-image: url("images/social-media/social-media-tumblr.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .tumblr-icon:hover {
    background-color: #34526f;
    border: 1px solid #24384c;
}

.social-icons .soundcloud-icon {
    background-image: url("images/social-media/social-media-soundCloud.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .soundcloud-icon:hover {
    background-color: #db5708;
    border: 1px solid #aa4306;
}

.social-icons .dropbox-icon {
    background-image: url("images/social-media/social-media-dropBox.png");
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
}

.social-icons .dropbox-icon:hover {
    background-color: #2d76be;
    border: 1px solid #235c95;
}

.social-icons > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.social-media-icon {
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background-color: #fafafa;
    border: 1px solid #f3f3f3;
    display: inline-block;
    margin: 0 5px 5px 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    float: left;
    background-repeat: no-repeat;
    background-position: 0 -40px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social-media-icon:hover {
    background-position: 0 0;
}

.section-image .social-media-icon, .section-color-bg .social-media-icon, .section-color-dark-blue .social-media-icon, .section-color-clouds .social-media-icon, .section-color-blue .social-media-icon, .section-color-orange .social-media-icon, .section-color-green .social-media-icon,
.section-color-red .social-media-icon, .section-color-gray .social-media-icon, .section-color-purple .social-media-icon {
    background-position: 0 0;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
    border: 0 !important;
}

.social-icons.circle .social-media-icon {
    border-radius: 50%;
}

.img-overlay .social-media-icon {
    background-color: transparent;
    border: none !important;
    display: inline-block;
    background-position: 0 0;
    float: none;
    border-radius: 50%;
}

.img-overlay .social-media-icon:hover {
    box-shadow: none;
}

.team-member-image .social-media-icon {
    background-color: transparent;
    border: none !important;
    display: inline-block;
    background-position: 0 0;
    float: none;
    border-radius: 50%;
}

.team-member-image .social-media-icon:hover {
    box-shadow: none;
}

.share-article a {
    display: inline-block;
    width: 25px;
    height: 35px;
    background-position: 0 0;
    background-repeat: no-repeat;
    opacity: 0.8;
}

.share-article a:hover {
    background-position: 0 -35px;
    opacity: 1;
}

.share-facebook {
    background-image: url("images/social-media/share-facebook.png");
}

.share-twitter {
    background-image: url("images/social-media/share-twitter.png");
}

.share-googleplus {
    background-image: url("images/social-media/share-googlePlus.png");
}

.share-mail {
    background-image: url("images/social-media/share-mail.png");
}

.sticky-header {
    position: fixed !important;
    z-index: 10000;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 1px 2px #cccccc;
    -moz-box-shadow: 0 1px 2px #cccccc;
    box-shadow: 0 1px 2px #cccccc;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0.95;
    max-height: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: none !important;
    transition: none !important;
}

.sticky-header .header {
    height: 30px;
}

.sticky-header .navigation {
    height: auto !important;
}

.sticky-header .navigation > li {
    height: 40px;
}

.sticky-header .header .logo {
    margin: 6px 0 0 0;
    -webkit-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    -o-transition: margin 0.3s;
    transition: margin 0.3s;
}

.sticky-header .header .logo img {
    height: 30px;
    width: auto !important;
}

.sticky-header .navigation > li:hover > a span {
    color: #3498db;
}

.sticky-header .navigation > li > a > span.label-nav-sub {
    display: none;
}

.sticky-header .navigation > li > a {
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    height: 40px;
    border-bottom: 0;
}

#header.sticky-header:after {
    background-color: #fff;
}

.sticky-header .navigation > li > a > span.label-nav {
    -webkit-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    -o-transition: margin 0.3s;
    transition: margin 0.3s;
    margin: 10px 0 0 0;
}

.sticky-header .navigation > li > a:before {
    display: none;
}

.sticky-header label-nav-sub {
    display: none;
}

.sticky-header .navigation ul {
    top: 40px;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
}

.sticky-header .navigation > li > a:after, .sticky-header .navigation > li > .activelink:after {
    height: 0px !important;
}

.sticky-header .mobile-menu-button {
    top: 18px;
}

.section-subscribe {
    width: 40%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
}

.section-subscribe input[type=text] {
    background-color: #8a8989;
    background-color: rgba(0, 0, 0, 0.2);
    border: 0;
    width: -moz-calc(100% - 40px);
    width: -o-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
}

.section-subscribe input[type=text]::-webkit-input-placeholder {
    color: #fff;
}

.section-subscribe input[type=text]::-moz-input-placeholder {
    color: #fff;
}

.section-subscribe input[type=text]:-ms-input-placeholder {
    color: #fff;
}

.section-subscribe .subscribe-input.text-input {
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.section-subscribe .social-icons {
    margin: 20px 0 0px;
    overflow: hidden;
    text-align: center;
}

.section-subscribe .social-icons .social-media-icon {
    float: none;
}

.subscribe-button.icon-envelope-alt {
    background-color: #3498DB;
    width: 40px;
    height: 40px;
    border: 0;
    color: #fff;
}

.section-subscribe input[type=text] {
    background-color: #f4f4f4;
    border: 0;
}

.section-subscribe input[type=text]::-webkit-input-placeholder {
    color: #bbb;
}

.section-subscribe input[type=text]::-moz-input-placeholder {
    color: #bbb;
}

.section-subscribe input[type=text]:-ms-input-placeholder {
    color: #bbb;
}

.section-subscribe .subscribe-button.icon-envelope-alt {
    background-color: #3498DB;
}

.section-subscribe.alter {
    text-align: center;
    width: 100%;
}

.section-subscribe.alter h4 {
    display: inline-block;
    margin-bottom: 0;
    line-height: 40px;
    vertical-align: middle;
}

.section-subscribe.alter form {
    display: inline-block;
    margin-left: 40px;
}

.section-subscribe.alter form .subscribe-input.text-input {
    width: 250px;
    float: none;
}

.section-subscribe.alter form .subscribe-button {
    margin-left: -4px;
}

.section-color-bg .subscribe-button.icon-envelope-alt,
.section-color-red .subscribe-button.icon-envelope-alt,
.section-color-orange .subscribe-button.icon-envelope-alt,
.section-color-green .subscribe-button.icon-envelope-alt,
.section-color-blue .subscribe-button.icon-envelope-alt,
.section-color-dark-blue .subscribe-button.icon-envelope-alt,
.section-color-gray .subscribe-button.icon-envelope-alt,
.section-color-clouds .subscribe-button.icon-envelope-alt,
.section-color-purple .subscribe-button.icon-envelope-alt,
.section-px .subscribe-button.icon-envelope-alt,
.section-image .subscribe-button.icon-envelope-alt {
    background-color: black !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.section-color-bg input[type=text], .section-color-red input[type=text],
.section-color-orange input[type=text],
.section-color-green input[type=text], .section-color-blue input[type=text],
.section-color-dark-blue input[type=text],
.section-color-gray input[type=text], .section-color-clouds input[type=text], .section-color-purple input[type=text], .section-px input[type=text], .section-image input[type=text] {
    background-color: #8a8989;
    background-color: rgba(0, 0, 0, 0.2);
}

.section-color-bg input[type=text]::-webkit-input-placeholder, .section-color-red input[type=text]::-webkit-input-placeholder, .section-color-orange input[type=text]::-webkit-input-placeholder, .section-color-green input[type=text]::-webkit-input-placeholder, .section-color-blue input[type=text]::-webkit-input-placeholder, .section-color-dark-blue input[type=text]::-webkit-input-placeholder, .section-color-gray input[type=text]::-webkit-input-placeholder, .section-color-clouds input[type=text]::-webkit-input-placeholder, .section-color-purple input[type=text]::-webkit-input-placeholder, .section-px input[type=text]::-webkit-input-placeholder, .section-image input[type=text]::-webkit-input-placeholder {
    color: #efefef;
}

.section-color-bg input[type=text]::-moz-input-placeholder, .section-color-red input[type=text]::-moz-input-placeholder, .section-color-orange input[type=text]::-moz-input-placeholder, .section-color-green input[type=text]::-moz-input-placeholder, .section-color-blue input[type=text]::-moz-input-placeholder, .section-color-dark-blue input[type=text]::-moz-input-placeholder, .section-color-gray input[type=text]::-moz-input-placeholder, .section-color-clouds input[type=text]::-moz-input-placeholder, .section-color-purple input[type=text]::-moz-input-placeholder, .section-px input[type=text]::-moz-input-placeholder, .section-image input[type=text]::-moz-input-placeholder {
    color: #efefef;
}

.section-color-bg input[type=text]:-ms-input-placeholder, .section-color-red input[type=text]:-ms-input-placeholder, .section-color-orange input[type=text]:-ms-input-placeholder, .section-color-green input[type=text]:-ms-input-placeholder, .section-color-blue input[type=text]:-ms-input-placeholder, .section-color-dark-blue input[type=text]:-ms-input-placeholder, .section-color-gray input[type=text]:-ms-input-placeholder, .section-color-clouds input[type=text]:-ms-input-placeholder, .section-color-purple input[type=text]:-ms-input-placeholder, .section-px input[type=text]:-ms-input-placeholder, .section-image input[type=text]:-ms-input-placeholder {
    color: #efefef;
}

.section-color-bg .section-subscribe.alter h4, .section-color-red .section-subscribe.alter h4, .section-color-orange .section-subscribe.alter h4, .section-color-green .section-subscribe.alter h4, .section-color-blue .section-subscribe.alter h4, .section-color-dark-blue .section-subscribe.alter h4, .section-color-gray .section-subscribe.alter h4, .section-color-clouds .section-subscribe.alter h4, .section-color-purple .section-subscribe.alter h4, .section-px .section-subscribe.alter h4, .section-image .section-subscribe.alter h4 {
    color: #ffffff;
}

.section-twitter-title {
    position: relative;
}

.section-twitter-title i {
    font-size: 40px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke: 1px 1px rgba(0, 0, 0, 0.1);
}

.section-twitter-title i.icon-angle-left, .section-twitter-title i.icon-angle-right {
    font-size: 24px;
    position: absolute;
    left: 50%;
    top: 7px;
    margin-left: -6px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #e8e8e8;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.section-twitter {
    padding: 20px 0 !important;
}

.section-twitter .section-twitter-title {
    text-align: center;
}

.section-twitter i.icon-angle-right {
    top: 8px;
}

.section-twitter i.icon-angle-right:hover, .section-twitter i.icon-angle-left:hover {
    text-shadow: 0 0 2px white;
}

.section-twitter:hover .section-twitter-title i.icon-angle-right {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-left: 40px;
}

.section-twitter:hover .section-twitter-title i.icon-angle-left {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-left: -50px;
}

.section-twitter a {
    color: #fff !important;
    text-decoration: underline;
}

.section-twitter a :hover {
    color: #fff !important;
}

.section-twitter-tweet {
    color: #fff;
    text-align: center;
}

.section-twitter-tweet ul {
    list-style-type: none;
    text-align: center;
    color: #fff;
    padding: 0;
    margin: 0;
}

.section-twitter-tweet ul p {
    margin: 0;
    font-size: 15px;
}

.section-twitter-tweet ul li > p {
    font-size: 15px;
    margin-top: 8px;
}

.section-twitter-tweet ul p.timestamp {
    display: block;
    padding: 10px 0 0 0;
    color: #FFFFFF;
    opacity: 0.5;
}

.section-twitter-tweet a {
    color: #fff;
    text-decoration: underline;
}

.section-twitter-tweet a :hover {
    color: #fff;
}

/****************************
Tables
****************************/
table.table, table {
    width: 100%;
    text-align: left;
    background-color: transparent;
}

table.table thead tr {
    border-right: 0;
    background-color: #3498DB;
    color: #fff;
    text-align: left;
    padding: 10px 15px;
    vertical-align: top;
    font-size: 14px;
    font-weight: bold;
}

.table td, .table th {
    padding: 8px;
    border: none;
}

.table tbody tr:hover {
    background: #fafafa;
}

table.hover thead th {
    background-color: #fff;
    color: #666;
    border: none;
}

table.hover thead tr {
    background-color: #fff;
}

table.hover td, table.hover th {
    border: none;
    border-bottom: 1px solid #e8e8e8;
}

table.hover tbody tr:nth-child(odd) {
    background-color: #fafafa;
}

/****************************
Tabs
****************************/
.etabs {
    margin: 0;
    padding: 0;
    clear: both;
    background-color: #f7f7f7;
    height: 50px;
    border-radius: 3px;
}

.etabs.etabs-dark {
    background-color: #2c3e50;
}

.etabs.etabs-dark a {
    color: #fff;
}

.etabs.etabs-dark a:hover {
    color: #fff;
}

.tab {
    display: inline-block;
    border-bottom: none;
    position: relative;
}

body .tab a {
    font-size: 12px;
    color: #3498DB;
    font-weight: 500;
    display: block;
    padding: 15px 20px;
    font-family: "Montserrat", sans-serif;
}

body .tab.active a:hover {
    color: #ffffff;
}

.section-etabs .tab.active a:hover {
    color: #3498DB;
}

body .tab {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin: 0 0 0 5px;
}

body .tab:first-child {
    margin-left: 0;
}

.tab a i {
    margin: 0 7px;
    font-size: 16px;
    line-height: 7px;
}

.tab a:hover {
    text-decoration: underline;
    color: #3498DB;
    text-decoration: none;
}

.tab.active {
    background-color: #3498DB;
    color: #FFFFFF;
    position: relative;
    top: -3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.34);
}

.tab.active a {
    color: #fff;
}

.tab.active a {
    padding: 17px 20px;
}

.tab-container {
    visibility: hidden;
}

.tab-container .panel-container {
    background: #fff;
    border: solid #666 1px;
    padding: 10px;
    -moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px;
    font-family: "Open Sans", sans-serif;
}

.tab-container .tabs-content {
    background: #ffffff;
    padding: 20px 0px;
    clear: both;
}

.tab-container .tabs-content > div {
    line-height: 20px;
    overflow: hidden;
    visibility: visible !important;
    opacity: 0;
    -webkit-transition: 0.8s all;
    -moz-transition: 0.8s all;
    -o-transition: 0.8s all;
    transition: 0.8s all;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

.tab-container .tabs-content div.active {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* Vertical tabs */
.tabs-vertical .etabs {
    float: left;
    width: 180px;
    height: auto;
}

.tabs-vertical .etabs.etabs-dark {
    background-color: #2c3e50;
}

.tabs-vertical .etabs.etabs-dark a {
    color: #fff;
}

.tabs-vertical .etabs.etabs-dark a:hover {
    color: #fff;
}

body .tabs-vertical .tab {
    margin-left: -5px;
}

.tabs-vertical .tabs-content {
    clear: none;
    padding: 0 0 0 200px;
}

body .tabs-vertical .tab a {
    width: 188px;
}

body .tabs-vertical .tab:first-child {
    margin-left: -5px;
}

.tabs-vertical .etabs {
    background-color: #f7f7f7;
}

body .tabs-vertical .tab a {
    color: #3498DB;
}

body .tabs-vertical .tab.active a {
    color: #fff;
}

body .tabs-vertical .tab.active a {
    padding: 12px 20px;
}

.tab-container.tabs-vertical .tabs-content > div {
    line-height: 20px;
    overflow: hidden;
    visibility: visible !important;
    opacity: 0;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
    transition: 1s all;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.tab-container.tabs-vertical .tabs-content div.active {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

/****************************
Tag line
****************************/
.tagline {
    background: #f4f4f4;
    padding: 20px;
    font-size: 22px;
    line-height: 35px;
    font-weight: lighter;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.tagline p:last-child {
    margin: 0;
}

/*******my custo css ********/
.footer-col ul li {
    list-style: none;
}

.footer-col ul li a {
    text-decoration: none;
    color: #C9C9C9;
}

.footer-col ul {
    padding-left: 0px !important;
}

.sidebar-content ul li a {
    text-decoration: none;
}

.textwidget {
    color: #D4D4D4;
    font-family: "Open Sans", sans-serif;
}

.blog-post-details-item a {
    text-decoration: none !important;
    color: #999;
}

.blog-span a {
    text-decoration: none !important;
}

.blog-post-body img {
    max-width: 100%;
    height: 100%;
}

nav ul li:hover {
    color: #FFFFFF !important;
}

/***********them reuired css **********/
.wp-caption-text {
    font: 14px;
    text-align: center;
}

.gallery-caption {
    font: 14px;
}

.bypostauthor {
    font: 14px;
}

.alignright {
    font: 14px;
    text-align: right;
    display: inline;
    float: right;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.aligncenter {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
    font: 14px;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}


body #bddlocation section {
    padding: 50px 0;
}

body section#carouel_client, body div#carouel_client {
    padding: 50px 0;
}

body section#message_for_register_new #carouel_client {
    border-top: 5px solid #00B6B7;
    padding: 0;

}

body section#message_for_register_new #carouel_client pre {
    background-color: #fff;
    border: none;
    margin-bottom: 0px;
}

body > section#message_for_register_new {
    padding: 0;
    background-color: #fff;
}

body > section#message_for_register_new h2 {
    color: #00B6B7;
    margin-top: 15px;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/**** blog post button css *****/
#wl_btn {
    border: 0 none;
    border-radius: 2px;
    font-family: "Montserrat", sans-serif;
    margin: 0 10px 10px 0;
    background-color: #428BCA;
    border-color: #357EBD;
    color: #FFFFFF;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}


section#carouel_client pre {
    border: none;
    background-color: #fff;
}

h2.widgettitle {
    font-family: "Montserrat", sans-serif;
}

.col-md-3 .col-sm-3 .widget ul {
    padding-left: 20px;
}

#wp-calendar {
    border: 1px solid #dedede;
}

#wp-calendar {
    width: 100%;
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

table {

    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    font-size: 18px;
    border: none;
}

#wp-calendar caption {
    background-color: #3498db;
    color: #ffffff;
}

#wp-calendar caption {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 0;
}

#wp-calendar thead tr th {
    color: #333;
}

#wp-calendar thead tr th {
    border: 0px;
    padding: 5px 5px 5px 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

table th {
    border-left: 1px solid #dddddd;
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    border: none;
}

#wp-calendar tfoot tr td {
    color: #333;
}

#wp-calendar tfoot tr td {
    border: 0px;
    padding: 3px 5px 3px 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

table td {
    border-left: 1px solid #dddddd;
    padding: 8px;
    line-height: 20px;
    text-align: center;
    vertical-align: top;
    border: none;
}

table td.form {
    padding-left: 20px;
    font-size: 16px;
}

table td.form .checkbox-inline {
    margin-top: 6px;
}


table td.form .form-control {
    background-color: #efefef;
}

#wp-calendar tbody tr td {
    border: 1px solid #dedede;
    color: #555;
}

#wp-calendar tbody tr td {
    padding: 2px 5px 2px 7px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
}

.footer-wrapper #wp-calendar tbody tr td {
    color: #fff;
}

.col-md-3 ul {
    margin: 0px;
    padding-left: 0px;
}

.footer-wrapper .col-md-3 ul li a {
    color: #fff;
}

.footer-col #wp-calendar tr th {
    color: #fff;
}

.footer-col ul {
    margin-top: 0px;
}

.blog-post .blog-span h2 {
    color: #676767 !important;
}

.post-password-form input[type="submit"] {
    color: #fff;
}

.carousel-caption h1 {
    margin-bottom: 30px;
}

.carousel-caption img {
    margin: 0 auto;
}

.blog-post-body .alignnone, .wp-caption img, .wp-caption .aligncenter {
    display: block;
    height: auto;
    max-width: 100%;
}

#menu-footer {
    margin-top: 0;
}


footer ul {
    list-style-type: none;
    padding-left: 0;
}

.btn.btn-primary {
    background-color: #00b6b7;
}

.btn.btn-primary2 {
    background-color: #fff;
    color: #000;
}

.btn.btn-primary2:hover {
    background-color: #ddd;
    color: #000;
    text-decoration: none;
}

h2, .h2 {
    font-size: 18px;
}

.btn.btn-border {
    background-color: transparent;
    border: 3px solid #fff;
    border-radius: 10px;
    color: #fff;
}

#api_potential .text p {
    margin-top: 45px;
    margin-left: 30px;
    font-weight: normal;
}

#api_potential .img-right {
    margin-left: 30px;
}

td.title {
    border-right: 1px solid #333;
    width: 250px;
    font-weight: bold;
}

td.title img {
    margin-right: 20px;
}

.ui-slider-horizontal {
    height: .6em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.6em;
    border: 1px solid #00B6B7;
    background: #00B6B7
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #4e4e4e;
    color: #222222;
    font-weight: bold;
}

.handle-text {
    display: block;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 24px;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.5em;
    height: 1.5em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.label-text {
    margin-right: 0px;
    width: 100%;
    display: inline-block;
    margin-top: 7px;
}

.sub-text-green {
    color: #00b6b7;
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-widget-content {
    border: 1px solid #F1F1F1;
    background: #F1F1F1;
    color: #222222;
    margin-top: 15px;
}


/*form*/
#contact form input[type="text"], #contact form input[type="email"], #contact form input[type="url"], #contact form textarea {


    padding: 0px 10px;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.6);
    box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.6);
    -webkit-transition: border 0.1s ease, background 0.3s ease, box-shadow 0.2s ease, color 0.6s ease;
    -moz-transition: border 0.1s ease, background 0.3s ease, box-shadow 0.2s ease, color 0.6s ease;
    -o-transition: border 0.1s ease, background 0.3s ease, box-shadow 0.2s ease, color 0.6s ease;


}

#contact form label {
    display: block;
    line-height: 1.714285714;
}

#contact textarea, #contact form input[type="text"], #contact form input[type="email"], #contact form input[type="url"] {
    padding: 0px 10px;

    line-height: 30px;
    font-size: 15px;
    width: 100%;
    margin: 0 0 5px;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.6);
    box-shadow: 1px 1px 0px 0px rgba(255, 255, 255, 0.6);
    -webkit-transition: border 0.1s ease, background 0.3s ease, box-shadow 0.2s ease, color 0.6s ease;
    -moz-transition: border 0.1s ease, background 0.3s ease, box-shadow 0.2s ease, color 0.6s ease;
    -o-transition: border 0.1s ease, background 0.3s ease, box-shadow 0.2s ease, color 0.6s ease;

}

a.btn-social, a:hover.btn-social {
    color: #ffffff;
}

.footer #connect_link {
    display: none;
}

.footer .links li {
    display: inline;
    margin: 20px 10px;
}

.footer .links li a {
    color: #ffffff;
}

.footer .links li a:hover {
    color: #f5f5f5;
    text-decoration: underline;
}

.padding-top {
    padding-top: 0px;
}

.footer .space-sep60 {
    height: 30px;
}


#respond textarea.form-control {
    max-width: 700px;
}

tr.no-border td {
    border: none;
}

.table > tbody > tr.white > td, .table > tbody > tr.active.white > td {
    background-color: #ffffff;
}

tr.secondary {
    background-color: #B34042;
    color: #fff;
}

.table tbody tr.secondary:hover {
    background: #B34042;
}

.table > tbody > tr.active > td {
    background-color: #ffffff;
}

.table > tbody > tr.active > td.miseenavant-bottom {
    background-color: #D46567;
    border-top: none;
    color: #fff;
    font-size: 22px;
}

.miseenavant-top {
    font-size: 17px;
    background-color: #D46567;
}


.badge-round {
    width: 50px;
    height: 50px;
    text-align: center;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -21px;
    left: 43%;
    padding: 5px;
    font-size: 30px;
    color: #fff;
}


.panel-default.white > .panel-heading {
    color: #333333;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.panel-default.one > .panel-heading {
    border-top: 4px solid #00b6b7;
    background-color: #00b6b7;
    color: #fff;
}

.panel-default.one > .panel-heading .badge-round {
    background-color: #00b6b7;
}

.panel-default.two > .panel-heading {
    border-top: 4px solid #00b6b7;
    background-color: #7DE0DE;
}

.panel-default.three > .panel-heading {
    border-top: 4px solid #b34042;
    background-color: #E9ABAC;
}

.panel-default.three > .panel-heading .badge-round {
    background-color: #b34042;
}


/* This code is tested with latest version of Firefox and Chrome */
.box {
    position: relative;
    background-color: #f9f9f9;

    border-radius: 2% 0% 0% 0% / 20% 0% 0% 0%;
}

.box:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0px;
    left: 0px;
    width: 33%;
    height: 25%;
    box-shadow: -10px -10px 15px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(7deg) translate(20px, 25px) skew(20deg);
    -moz-transform: rotate(7deg) translate(20px, 25px) skew(20deg);
    -ms-transform: rotate(7deg) translate(20px, 25px) skew(20deg);
    -o-transform: rotate(7deg) translate(20px, 25px) skew(20deg);
    transform: rotate(7deg) translate(20px, 25px) skew(20deg);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #4e4e4e;

}

#form-recall article {
    background: #fff;
    padding: 30px;
}

#form-recall.site-content h1 {
    margin-top: 5px;
}

#form-recall .radio {
    font-size: 16px;
    margin: 15px 0;
}

#form-recall .radio img {
    margin-top: -5px;
    margin-right: 5px;
    margin-left: 5px;
}

.breadcrumbs {
    margin-bottom: 30px;
}

article.blog-post, #form-recall article {
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 30px;
    overflow: hidden;
    border-bottom: 2px solid #ddd;
}

article .entry-content {
    padding: 25px;
}

article .entry-image {
    overflow: hidden;
    background: #fff;

}


article .entry-image img {
    margin: 0 auto 20px auto;
    width: 100%;

}

article .entry-container {
    background: none repeat scroll 0 0 #FFFFFF;
    position: relative;
}

article footer.entry-meta {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 4px 4px;
    padding: 15px 30px 15px;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0 0;
    position: relative;
    background: #fcfcfc;
}


article footer.entry-meta .up_arrow:after, footer.entry-meta .up_arrow:before {
    border-color: transparent transparent #FCFCFC;
    border-style: solid;
    border-width: 15px;
    content: "";
    height: 0;
    left: 40px;
    position: absolute;
    top: -30px;
    width: 0;
}

article footer.entry-meta .up_arrow:before {
    top: -31px;
    border-color: transparent transparent #DDDDDD;
}


section.margin-less {

    padding: 50px 0;

}

.features img {
    border: 1px solid #DBDBDB;
}

img.white {
    background-color: #fff;
}

img.grey {
    background-color: #F5F5F5;
}

img.padding {
    padding: 10px;
}

section#feature .center {
    text-align: center;
    padding-bottom: 35px;
}

section#event {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-image: url('images/events_image.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;


}


section#event .center, section#fonctions .center, section#mailsms .center {
    padding-bottom: 55px;
    padding-top: 50px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}


section#event .center h2, section#fonctions .center h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}


section#mailsms {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-image: url('images/mailsms.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#mail2sms2 {
    background-color: #fff;
}


section#fonctions {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-image: url('images/fonctionnality.png');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


section#blog {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-image: url('images/blog.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;

}

section#blog .center {
    padding-top: 0px;
    padding-bottom: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

section#blog .center img {
    margin: 0 auto;
}

section#blog .center.wow {
    padding-top: 40px;
    padding-bottom: 0;
    color: #ffffff;
}

section#blog .center h2, section#blog .center h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

section#message_for_register h2, section#message_for_register h1, section#message_for_register_2 h2 {
    color: #fff;
    line-height: 43px;
}

section#message_for_register li a, section#message_for_register_2 li a {
    color: #fff;
}

section#message_for_register.with-padding, section#message_for_register_2.with-padding {
    padding: 50px 0;
}

section#about, section#message_for_register, section#message_for_register_2 {
    padding: 0px;
    background-color: #00b6b7;
    padding-top: 20px;
}

section#message_for_register.with-padding-20, section#message_for_register_2.with-padding-20 {
    padding: 20px 0;
}

section#message_for_register_2 a {
    text-transform: uppercase;
}

section#about .center {
    padding-bottom: 0;
}

section#about .center img {
    margin: 0 auto;
}

section#about h2 {
    color: #fff;
    margin-top: 30px;
}

section#about .lead {
    color: #f5f5f5;
}

section#service {
    padding: 10px;
    background-color: #fff;
    padding-top: 20px;
}

section#service h3 {
    margin-top: 10px;

}

#price {
    -webkit-perspective: 1000;
}

#price .content {
    margin-bottom: 40px;
}

.p_box .vc_column-inner > .wpb_wrapper {
    background: #FFFFFF;
    box-shadow: 0px 3px 6px #00000019;
    border-radius: 10px;
    padding: 15px;
}

.p_box .vc_column-inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.p_box h2 {
    color: #272E36;
    font-size: 48px;
    font-family: "Effra-Bd";
}

.p_box h3 {
    color: #42B5B8;
    font-size: 32px;
    font-family: "Effra-Bd";
}

.p_box p {
    color: #999999;
    font-size: 15px;
    font-family: "Effra-Rg";
}


.p_box a.btn, .fix_btn2 .btn {
    font-size: 18px;
    font-family: "Effra-Bd";
    min-width: 152px;
    padding: 11px 15px;
}

.p_box a.btn {
    margin: 0 auto 10px;
}

.fix_btn2 .btn {
    margin-bottom: 10px !important;
}

.p_box.favorite, #price .p_box > .content {
    transition: all .3s ease-in-out;
}

.p_box.p_box_blue .vc_column-inner > .wpb_wrapper {
    background: transparent linear-gradient(159deg, #4AC9D5 0%, #42B5B8 100%) 0% 0% no-repeat padding-box;
}

.p_box.p_box_blue h2, .p_box.p_box_blue h3, .p_box.p_box_blue p {
    color: #ffffff;
}

.p_box.p_box_blue .btn-w {
    background: #ffffff;
    border-radius: 40px;
}

.p_box.p_box_blue .btn-w:hover {
    color: #42B5B8;
    opacity: 0.9;
    text-decoration: none;
}

.p_box.favorite {
    -webkit-transform: translateZ(0);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

@media (max-width: 767px) {
    #tarifs .p_box {
        padding: 15px 30px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #tarifs {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #tarifs .p_box {
        width: 50%;
        margin-bottom: 25px;
    }
}

#price .p_box.favorite > .content {
    -webkit-transform: translateZ(0);
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

#price .panel.transparent {
    max-width: 378px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#price .panel.green {
    max-width: 378px;
    margin-left: auto;
    margin-right: auto;
    background-color: #b5e3e3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 2px 2px 2px 2px rgb(0, 182, 183);
}


#price .panel.green h4 {
    margin: 2px;
}

#price .panel.green .panel-body {
    padding-top: 0;
    padding-bottom: 0;
}

#price .panel.green .panel-body ul {
    padding-left: 10px;
    margin-top: 0;
}

#price .panel.green .panel-body ul li {
    margin-bottom: 5px;
    font-weight: bold;
    padding-bottom: 0px;
    font-size: 14px;
}


#price li {
    list-style: none;
    text-align: left;
    padding-bottom: 15px;
}

#price li i {
    font-size: 18px;
    margin-right: 10px;
}

#price li span {
    font-size: 16px;
}

#price .panel.gradiant h2 {
    -webkit-filter: blur(0);
    color: #fff;
    font-size: 35px;
    margin: 15px;
}

#price .panel.gradiant h3 {
    -webkit-filter: blur(0);
    color: #fff;
    font-size: 22px;
    margin: 5px;
}

#price .panel.gradiant .panel-footer {
    padding: 10px 15px;
    background-color: transparent;
    border-top: 3px solid #FFFFFF;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#price .panel.gradiant .panel-footer p {
    font-size: 19px;
    font-weight: bold;
    margin-top: 10px;
}

#price .panel.gradiant .panel-heading hr {
    background-color: #fff;
    margin-top: 13px;
    width: 95%;
    height: 1px;
    margin-bottom: 0;
}

#price .panel.gradiant .panel-body {
    padding: 0;
}


#price .panel.gradiant {
    box-shadow: none;
    margin-bottom: 7px;
    color: #fff;
    border: none;
    border-radius: 0;
    background: rgba(126, 231, 231, 1);
    background: -moz-linear-gradient(top, rgba(126, 231, 231, 1) 0%, rgba(126, 231, 231, 1) 27%, rgba(2, 212, 212, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(126, 231, 231, 1)), color-stop(27%, rgba(126, 231, 231, 1)) color-stop(100%, rgba(2, 212, 212, 1)));
    background: -webkit-linear-gradient(top, rgba(126, 231, 231, 1) 0%, rgba(126, 231, 231, 1) 27%, rgba(2, 212, 212, 1) 100%);
    background: -o-linear-gradient(top, rgba(126, 231, 231, 1) 0%, rgba(126, 231, 231, 1) 27%, rgba(2, 212, 212, 1) 100%);
    background: -ms-linear-gradient(top, rgba(126, 231, 231, 1) 0%, rgba(126, 231, 231, 1) 27%, rgba(2, 212, 212, 1) 100%);
    background: linear-gradient(to bottom, rgba(126, 231, 231, 1) 0%, rgba(126, 231, 231, 1) 27%, rgba(2, 212, 212, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ee7e7', endColorstr='#02d4d4', GradientType=0);
}

#price .panel.gradiant.lowcost {
    box-shadow: none;
    margin-bottom: 7px;
    color: #fff;
    border: none;
    border-radius: 0;
    background: #fb7648;
    background: -moz-linear-gradient(left, #fbbf6a 0%, #fb7648 100%);
    background: -webkit-linear-gradient(left, #fbbf6a 0%, #fb7648 100%);
    background: linear-gradient(to right, #fbbf6a 0%, #fb7648 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbbf6a', endColorstr='#fb7648', GradientType=1);
}


#price_page {
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 50px;
}

#price_page table td {
    position: relative;
}


section#price_page table {
    margin-bottom: 50px;
}

.table.table-no-border > tbody > tr > td td {
    border-top: none;
}

section#price_page .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}


section#price_page .form-control-static {
    padding-top: 7px;
    margin-bottom: 0;
}

section#price_page .table .btn {
    margin-top: 7px;
}


section#price_page .separation-line {
    margin-bottom: 35px;
}


section#price_page h1 {
    margin-bottom: 50px;
}

section#price_page h2 {
    font-size: 22px;
}

section#price_page h3 {
    font-size: 15px;
}

section#price {
    padding: 10px;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

section#price table {
    border: 1px solid #d8d8d8;
    border-top: none;
}

section#price .center h2 {
    margin-top: 30px;
}

section#price h3 {
    font-size: 25px;
    margin-top: 15px;
}

section#price h2 {
    font-size: 30px;
    margin-top: 15px;
}

section#price p {
    margin-bottom: 10px;
    font-size: 14px;
}


section#price h3.lead {
    font-size: 21px;
    margin: 35px 0;
    color: #00B6B7;
}


section#price .plusdetarif {
    margin-top: 20px;
}


section#price .featured {
    font-size: 22px;
    font-weight: 600;
}

section#price table td {
    position: relative;
}

section#price .btn {
    margin: 0 10px 0px 0;
}


section#article {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #ebeeed;
}


section#article p, section#service p {
    line-height: 23px;
}

.blogDiscoverButton {
    position: absolute;
    bottom: -26px;
    left: 50%;
    margin-left: -106px;
}

.blogDiscoverButton .btn-primary {
    border-radius: 20px;

}


.separation-line {
    margin: 0 0 18px !important;
    height: 2px;
    width: 70px;
    display: block;
    border-top: 2px solid #fff;
}

.d-border-c {
    border-color: #000 !important;
}


section#price_page .separation-line {
    margin: 0 0 30px !important;
}


.entry-header h3 a {
    color: #121212;
}

.block-shadow-link:hover {
    text-decoration: none;
    cursor: pointer;

}

.block-shadow {
    box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.1);
    padding: 15px;
    min-height: 362px;
}

section#map {
    padding-top: 0;
    padding-bottom: 0;
}

.page-template-page-contact #form-contact {

    background-image: url('/wp-content/themes/weblizar-smspartner/images/map_contact.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
}

address {
    font-size: 16px;
    line-height: 1.8;
}

.firstHeading {
    font-size: 18px;
}


#copyright {
    background-color: #333;
}


.page-template-page-contact #contact {

    padding-top: 70px;
    padding-bottom: 70px;
    background: -webkit-linear-gradient(rgba(55, 60, 68, 0.7), rgba(55, 60, 68, 0.7)), url(images/home2.jpg) no-repeat;
    background: linear-gradient(rgba(55, 60, 68, 0.7), rgba(55, 60, 68, 0.7)), url(images/home2.jpg) no-repeat;
    background-positon: center center;
    -webkit-background-size: cover;
    background-size: cover;
    color: white;
}

.page-template-page-contact #contact .center {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.page-template-page-contact #contact form input[type="text"],
.page-template-page-contact #contact form input[type="email"],
.page-template-page-contact #contact form input[type="url"],
.page-template-page-contact #contact form textarea {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.page-template-page-contact #contact h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}


#exemple-practicalcase-section {
    padding-top: 30px;
    color: #4b4b4b;
    background-color: #ebebe6;
    font-family: "deck", Arial, sans-serif;
}

#exemple-practicalcase-section .row {
    margin-bottom: 0;
}

#exemple-practicalcase-section h2 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #4b4b4b;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;
    margin-top: 0;
}

#exemple-practicalcase-section h3 {
    font-size: 1.3rem;
    text-align: center;
    color: #333;
}

#exemple-practicalcase-section .phones_list {
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#exemple-practicalcase-section .phones_list a {
    padding: 5px 0;
    text-decoration: none;
    display: block;
}

#exemple-practicalcase-section .phones_list a.active {
    text-decoration: none;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ddd;

}

#exemple-practicalcase-section .phones_list h3 {
    color: #333;
}


#exemple-practicalcase-section .start-text {
    height: 35px;
    display: inline-block;
}

#exemple-practicalcase-section .btn.btn-send-sms, .btn-send-sms.btn-large {
    border-radius: 0 4px 4px 0;
    background-color: #00b6b7;
    color: #fff;
    box-shadow: none;
    border: 5px solid #00b6b7;
    height: 33px;
    padding: 0 10px;
    margin-bottom: 3px;
}

#exemple-practicalcase-section .btn:hover, #exemple-practicalcase-section .btn-large:hover {
    background-color: #f0656b;
    color: #fff;
}


#exemple-practicalcase-section input[type=text]#phonenumber, #exemple-practicalcase-section input[type=tel]#phonenumber {
    display: inline;
    border: 2px solid;
    border-radius: 4px 0 0 4px;
    border-color: #00b6b7;
    width: 150px;
    padding: 0 10px;
    height: 33px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 0;
    margin-top: 0;
}

#exemple-practicalcase-section input[type=text]:focus:not([readonly]), #exemple-practicalcase-section input[type=tel]:focus:not([readonly]) {
    border-bottom: none;
    box-shadow: none;
}

#exemple-practicalcase-section h3 {
    font-size: 1.3rem;
    text-align: center;
    color: #333;
}


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

Basic Style

-------------------------------- */
/*.cd-breadcrumb, .cd-multi-steps {
    width: 100%;

    padding: 0.5em 1em;
    margin: 1em auto;
    background-color: #edeff0;
    border-radius: .25em;
}*/
.cd-breadcrumb:after, .cd-multi-steps:after {
    content: "";
    display: table;
    clear: both;
}

.cd-breadcrumb li, .cd-multi-steps li {
    display: inline-block;
    float: left;
    margin: 0.5em 0;
}

.cd-multi-steps p {
    color: #585757;
    font-family: "deck", Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-style: normal;
    text-decoration: none;
}

.cd-breadcrumb li::after, .cd-multi-steps li::after {
    /* this is the separator between items */
    display: inline-block;
    content: '\00bb';
    margin: 0 .6em;
    color: #959fa5;
}

.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
    /* hide separator after the last item */
    display: none;
}

.cd-breadcrumb li > *, .cd-multi-steps li > * {
    /* single step */
    display: inline-block;
    font-size: 1.4rem;
    color: #2c3f4c;
}

.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
    /* selected step */
    color: #96c03d;
}

.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
    /* steps already visited */
    color: #96c03d;
}

.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
    /* replace the default arrow separator with a custom icon */
    content: '';
    height: 16px;
    width: 16px;
    background: url(../img/cd-custom-separator.svg) no-repeat center center;
    vertical-align: middle;
}

.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
    /* add a custom icon before each item */
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: .4em;
    margin-top: -2px;
    background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
    vertical-align: middle;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
    /* change custom icon using image sprites */
    background-position: -20px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
    background-position: -40px 0;
}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
    background-position: -60px 0;
}

.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
    /* change custom icon for the current item */
    background-position: 0 -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
    background-position: -20px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
    background-position: -40px -20px;
}

.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
    background-position: -60px -20px;
}

@media only screen and (min-width: 768px) {
    .cd-breadcrumb, .cd-multi-steps {
        padding: 0 1.2em;
    }

    .cd-breadcrumb li, .cd-multi-steps li {
        margin: 1.2em 0;
    }

    .cd-breadcrumb li::after, .cd-multi-steps li::after {
        margin: 0 1em;
    }

    .cd-breadcrumb li > *, .cd-multi-steps li > * {
        font-size: 1.6rem;
    }
}

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

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
    .cd-breadcrumb.triangle {
        /* reset basic style */
        background-color: transparent;
        padding: 0;
    }

    .cd-breadcrumb.triangle li {
        position: relative;
        padding: 0;
        margin: 4px 4px 4px 0;
    }

    .cd-breadcrumb.triangle li:last-of-type {
        margin-right: 0;
    }

    .cd-breadcrumb.triangle li > * {
        position: relative;
        padding: 1em .8em 1em 2.5em;
        color: #2c3f4c;
        background-color: #edeff0;
        /* the border color is used to style its ::after pseudo-element */
        border-color: #edeff0;
    }

    .cd-breadcrumb.triangle li.current > * {
        /* selected step */
        color: #ffffff;
        background-color: #96c03d;
        border-color: #96c03d;
    }

    .cd-breadcrumb.triangle li:first-of-type > * {
        padding-left: 1.6em;
        border-radius: .25em 0 0 .25em;
    }

    .cd-breadcrumb.triangle li:last-of-type > * {
        padding-right: 1.6em;
        border-radius: 0 .25em .25em 0;
    }

    .no-touch .cd-breadcrumb.triangle a:hover {
        /* steps already visited */
        color: #ffffff;
        background-color: #2c3f4c;
        border-color: #2c3f4c;
    }

    .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
        /*
      li > *::after is the colored triangle after each item
      li::after is the white separator between two items
  */
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        content: '';
        height: 0;
        width: 0;
        /* 48px is the height of the <a> element */
        border: 24px solid transparent;
        border-right-width: 0;
        border-left-width: 20px;
    }

    .cd-breadcrumb.triangle li::after {
        /* this is the white separator between two items */
        z-index: 1;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px);
        border-left-color: #ffffff;
        /* reset style */
        margin: 0;
    }

    .cd-breadcrumb.triangle li > *::after {
        /* this is the colored triangle after each element */
        z-index: 2;
        border-left-color: inherit;
    }

    .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
        /* hide the triangle after the last step */
        display: none;
    }

    .cd-breadcrumb.triangle.custom-separator li::after {
        /* reset style */
        background-image: none;
    }

    .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
        /* 50px is the height of the <a> element */
        border-top-width: 25px;
        border-bottom-width: 25px;
    }

    @-moz-document url-prefix() {

        .cd-breadcrumb.triangle li::after,
        .cd-breadcrumb.triangle li > *::after {
            /* fix a bug on Firefix - tooth edge on css triangle */
            border-left-style: dashed;
        }
    }
}

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

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
    .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
        /* change custom icon using image sprites - hover effect or current item */
        background-position: 0 -40px;
    }

    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
        background-position: -20px -40px;
    }

    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
        background-position: -40px -40px;
    }

    .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
        background-position: -60px -40px;
    }
}

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

Multi steps indicator

-------------------------------- */
@media only screen and (min-width: 768px) {
    .cd-multi-steps {
        /* reset style */
        background-color: transparent;
        padding: 0;
        text-align: center;
        margin-bottom: 45px;
    }

    .cd-multi-steps li {
        position: relative;
        float: none;
        margin: 0.4em 40px 0.4em 0;
    }

    .cd-multi-steps li:last-of-type {
        margin-right: 0;
    }

    .cd-multi-steps li::after {
        /* this is the line connecting 2 adjacent items */
        position: absolute;
        content: '';
        height: 4px;
        background: #edeff0;
        /* reset style */
        margin: 0;
    }

    .cd-multi-steps li.visited::after {
        background-color: transparent;
        border: 3px dashed #aaabab;
    }

    .cd-multi-steps li > *, .cd-multi-steps li.current > * {
        position: relative;
        color: #585757;
        font-family: "deck", Helvetica, Arial, sans-serif;
        font-size: 17px;
        font-style: normal;
        text-decoration: none;
        z-index: 1;
    }

    .cd-multi-steps.custom-separator li::after {
        /* reset style */
        height: 4px;
        background: #edeff0;
    }

    .cd-multi-steps.text-center li::after {
        width: 100%;
        top: 50%;
        left: 100%;
        -webkit-transform: translateY(-50%) translateX(-1px);
        -moz-transform: translateY(-50%) translateX(-1px);
        -ms-transform: translateY(-50%) translateX(-1px);
        -o-transform: translateY(-50%) translateX(-1px);
        transform: translateY(-50%) translateX(-1px);
    }

    .cd-multi-steps.text-center li > * {
        z-index: 1;
        padding: .6em 1em;
        border-radius: .25em;
        background-color: #edeff0;
    }

    .no-touch .cd-multi-steps.text-center a:hover {
        background-color: #2c3f4c;
    }

    .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
        color: #ffffff;
        background-color: #96c03d;
    }

    .cd-multi-steps.text-center.custom-icons li.visited a::before {
        /* change the custom icon for the visited item - check icon */
        background-position: 0 -60px;
    }

    .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
        width: 320px;
        text-align: center;
    }

    .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
        /* this is the line connecting 2 adjacent items */
        position: absolute;
        left: 50%;
        /* 40px is the <li> right margin value */
        width: calc(100% + 40px);
    }

    .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
        /* this is the spot indicator */
        content: '';
        position: absolute;
        z-index: 1;
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background-color: #edeff0;
    }

    .cd-multi-steps.text-top li.visited > *::before,
    .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
    .cd-multi-steps.text-bottom li.current > *::before {
        background-color: #2ab5b6;
    }

    .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
        color: #96c03d;
    }

    .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
        box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
    }

    .cd-multi-steps.text-top li::after {
        /* this is the line connecting 2 adjacent items */
        bottom: 4px;
    }

    .cd-multi-steps.text-top li > * {
        padding-bottom: 20px;
    }

    .cd-multi-steps.text-top li > *::before {
        /* this is the spot indicator */
        bottom: 0;
    }

    .cd-multi-steps.text-bottom li::after {
        /* this is the line connecting 2 adjacent items */
        top: 3px;
    }

    .cd-multi-steps.text-bottom li > * {
        padding-top: 20px;
    }

    .cd-multi-steps.text-bottom li > *::before {
        /* this is the spot indicator */
        top: 0;
    }
}

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

Add a counter to the multi-steps indicator

-------------------------------- */
.cd-multi-steps.count li {
    counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
    content: counter(steps) " - ";
}


@media only screen and (max-width: 1010px) {
    .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
        width: 254px;
        text-align: center;
    }
}

@media only screen and (max-width: 800px) {
    .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
        width: 200px;
        text-align: center;
    }
}

@media only screen and (max-width: 768px) {
    .cd-multi-steps {
        display: none;
    }
}


@media only screen and (min-width: 768px) {

    .cd-multi-steps.text-top.count li > *::before,
    .cd-multi-steps.text-bottom.count li > *::before {
        /* this is the spot indicator */
        content: counter(steps);
        height: 50px;
        width: 50px;
        line-height: 49px;
        font-size: 1.7rem;
        color: #ffffff;
    }

    .cd-multi-steps.text-top.count li:not(.current) em::before,
    .cd-multi-steps.text-bottom.count li:not(.current) em::before {
        /* steps not visited yet - counter color */
        color: #2c3f4c;
    }

    .cd-multi-steps.text-top.count li::after {
        bottom: 11px;
    }

    .cd-multi-steps.text-top.count li > * {
        padding-bottom: 34px;
    }

    .cd-multi-steps.text-bottom.count li::after {
        top: 22px;
    }

    .cd-multi-steps.text-bottom.count li > * {
        padding-top: 60px;
        display: block;
    }

    .link-1, .link-2, .link-3 {
        animation-duration: .5s;
    }

    .link-2 {
        animation-delay: 0.5s;
    }

    .link-3 {
        animation-delay: 1s;
    }

}


#timeline-practicalcase-section {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #4b4b4b;
    background-color: #f7f7f1;
    font-family: Arial, sans-serif;
}


#timeline-practicalcase-section .row {
    margin-bottom: 0;
}

#timeline-practicalcase-section h2 {
    margin-top: 0;
    font-family: "deck", Helvetica, Arial, sans-serif;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: block;

}

#timeline-practicalcase-section .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
}

#timeline-practicalcase-section .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-icon {
    left: auto;
    right: 145%;
    text-align: right;
}

#timeline-practicalcase-section .cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

#timeline-practicalcase-section #cd-timeline {
    position: relative;
    padding: 0 0;
    margin-top: 2em;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

#timeline-practicalcase-section #cd-timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 90%;
    width: 4px;
    border-left: 5px dashed #EE4E55;
}

#timeline-practicalcase-section #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
}

#timeline-practicalcase-section .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
}

#timeline-practicalcase-section .cd-timeline-content {
    position: relative;
    margin-left: 0px;
    padding: 0;
}

#timeline-practicalcase-section h2.timeline-title {
    padding-top: 0;
    margin-top: 0;
    color: $ secondary-color;
    line-height: 26px;
}

#timeline-practicalcase-section .cd-icon {
    position: absolute;
    width: 100%;
    left: 145%;
    top: -54px;
}


#timeline-practicalcase-section .cd-timeline-block {
    position: relative;
    margin: 4.5em 0;
}

#timeline-practicalcase-section .cd-timeline-block:last-child {
    margin-bottom: 0;
}


#timeline-practicalcase-section .cd-timeline-img {
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;

}

#timeline-practicalcase-section .cd-timeline-img {
    position: absolute;
    top: -10px;
    width: 50px;
    height: 50px;

}

#timeline-practicalcase-section .cd-timeline-content.is-hidden {
    visibility: hidden;
}

#timeline-practicalcase-section .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
}

#timeline-practicalcase-section .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
}

#timeline-practicalcase-section .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
}

#timeline-practicalcase-section .cd-timeline-img.is-hidden {
    visibility: hidden;
}

#timeline-practicalcase-section .cd-timeline-img.bounce-in {
    visibility: visible;
    animation: cd-bounce-1 0.6s;
}


#timeline-audit-section {
    background-color: #ffffff;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}


.little.navbar-default {
    min-height: 73px;
}

.navbar-default {
    background-color: #fff;
    min-height: 90px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease;
}

.navbar-header {
    padding-top: 7px;
    /* opacity: 0.8; */

    /* box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.8); */
}


#feature {
    background: #f2f2f2;
    padding-bottom: 40px;
}

#servicesms {
    background: #ffffff;
    padding-bottom: 40px;
}

#servicesms hr {
    background-color: #000;
    margin: 30px auto 25px;
}

.feature-wrap {
    margin-bottom: 35px;
    overflow: hidden;
}

.feature-wrap i:hover {
    background: #B34042;
    color: #fff;
    box-shadow: inset 0 0 0 5px #B34042;
    -webkit-box-shadow: inset 0 0 0 5px #B34042;
    border: 3px solid #bc4f51;
}

.feature-wrap.fonctionnality i:hover {
    background: #B34042;
    color: #fff;
    box-shadow: inset 0 0 0 5px #B34042;
    -webkit-box-shadow: inset 0 0 0 5px #B34042;
    border: 3px solid #B34042;
}

.feature-wrap i {
    font-size: 56px;
    height: 130px;
    width: 130px;
    margin: 15px;
    border-radius: 100%;
    line-height: 130px;
    text-align: center;
    background: #ffffff;
    color: #B34042;
    border: 3px solid #ffffff;
    box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    float: left;
    margin-right: 25px;
    margin-bottom: 50px;
}

.feature-wrap h2 {
    margin-top: 10px;
}

.feature-wrap.fonctionnality h3 {
    text-align: center;
}

.feature-wrap.fonctionnality i {
    font-size: 35px;
    height: 92px;
    width: 92px;
    margin: 15px;
    border-radius: 100%;
    line-height: 92px;
    text-align: center;
    background: #ffffff;
    color: #c52d2f;
    border: 3px solid #ffffff;
    box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    clear: both;
    float: none;
    margin-right: 25px;
    margin-bottom: 10px;
}


hr {
    display: block;
    border: none;
    outline: none;
    height: 2px;
    width: 25%;
    margin: 0 auto 20px;
    clear: both;
    background-color: #ccc;
    color: #00a651;
}


#api hr {
    width: 100%;
}

#api h3, #api_2 h3 {
    font-size: 17px;
}

#api .panel-body, #api_2 .panel-body {
    padding: 30px;
}

#api .panel-body ul {
    padding: 0 0 0 0;
}

#api .feature-wrap.fonctionnality i {
    font-size: 17px;
    height: 50px;
    width: 50px;
    margin: 0px;
    border-radius: 100%;
    line-height: 46px;
    text-align: center;
    background: #ffffff;
    color: #c52d2f;
    border: 3px solid #ffffff;
    box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    clear: both;
    float: none;
    margin-right: 5px;
    margin-bottom: 0px;
}

.lead {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.feature-wrap h3 {
    font-size: 15px;
    color: #787878;
    text-align: justify;
    font-weight: 400;
    line-height: 24px;
}

body > section {
    padding: 70px 0;
}

.center {
    text-align: center;
    padding-bottom: 55px;
}

.center h2 {
    font-size: 30px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

#slide1 {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-image: url('images/contact.jpg');
    background-position: center -150px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
    height: 435px;
}

#slide2 {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
    background-image: url('images/richsms.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
    height: 435px;
}

.animated-2s {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}


/*pricing table*/
.pricing-table {
    /*-webkit-box-shadow: 0px 0px 3px #26292e;
 box-shadow: 0px 0px 3px #26292e;*/
    display: inline-block;
    margin: 30px 10px;
    padding: 0;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.pricing-table.no-margin-left {
    margin-left: 0;
}

.pricing-table.no-margin-right {
    margin-right: 0;
}

.featured {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.pricing-table.featured {
    margin-left: 0px;
    margin-right: 0px;
}

.pricing-table-header {
    background: #65707f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #65707f 0%, #4a5564 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #65707f), color-stop(100%, #4a5564));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #65707f 0%, #4a5564 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #65707f 0%, #4a5564 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #65707f 0%, #4a5564 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #65707f 0%, #4a5564 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65707f', endColorstr='#4a5564', GradientType=0);
    /* IE6-9 */
    background-color: #586272;
    padding: 16px;
    color: #fff;
}

.pricing-table-header.first {
    border-radius: 5px 0 0 0;
}

.pricing-table-header.last {
    border-radius: 0 5px 0 0;
}

.pricing-table-header h1 {
    color: #fff;
    font-size: 34px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.pricing-table-header small {
    color: #fff;
    font-size: 14px;
}

.pricing-table-content {
    background-color: #fff;
}

.pricing-table-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pricing-table-content ul li {
    border-bottom: 1px solid #efeff0;
    font-size: 14px;
    padding: 16px 15px;
}

.pricing-table-footer {
    background-color: #f5f7f8;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    padding: 16px 0;
}


.pricing-table-footer {
    text-align: center;
}

.pricing-table-footer p {
    font-size: 12px;
    text-transform: uppercase;
}

.pricing-table-footer a {
    background: #50b7e4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #50b7e4 0%, #3098c4 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #50b7e4), color-stop(100%, #3098c4));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #50b7e4 0%, #3098c4 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #50b7e4 0%, #3098c4 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #50b7e4 0%, #3098c4 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #50b7e4 0%, #3098c4 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50b7e4', endColorstr='#3098c4', GradientType=0);
    /* IE6-9 */
    background-color: #3ea6d2;
    border: 1px solid #1481b0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px;
    text-decoration: none;
}

header .intro-text {
    padding-top: 400px;
    padding-bottom: 200px;
}


#slide1 .intro-text .caption {
    left: 58%;
    right: 4%;
    position: absolute;
    top: 60px;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.80);
    padding: 20px;
    box-shadow: 0 0px 36px 0px rgba(0, 0, 0, 0.1);
}

#slide2 .intro-text .caption {
    left: 65%;
    right: 0%;
    position: absolute;
    top: 135px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.29);
    padding: 25px;
}


header .intro-text .intro-heading {
    margin-bottom: 30px;
    font-family: "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px;
    font-style: normal;
    line-height: 35px;
    color: #333;
    padding: 0 30px;

}

header .intro-text .intro-lead-in {
    margin-bottom: 20px;
    font-family: "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;
    color: #00b6b7;
}

#socialBlock {
    margin-left: 0px;
}

.breadcrumb-trail.breadcrumbs {
    margin-bottom: 30px;
}


.navbar-default .navbar-toggle {
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #0C0C0C;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 4px;
    border-radius: 5px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}


.widget ul {
    margin-left: 0;
    padding-left: 0;
    position: relative;

}

.widget ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    border-bottom: none;
    list-style: none;
}


.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
}

.noshow {
    display: none;
}

#map_canvas {
    width: 100%;
    height: 400px;
    background-color: #CCC;
}

.no-padding-left {
    padding-left: 0;
}

#Carousel .container {
    position: relative;
}


.carousel-inner .ribbon {
    position: absolute;
    margin-top: -35px;
    top: 50%;
    left: 0;
    background-image: url('images/homepage_new/ribbon.png');
    width: 284px;
    height: 75px;
    z-index: 10;
}

.carousel-inner .ribbon ul {
    padding-left: 6px;
    margin: 7px 0;
}

.carousel-inner .ribbon ul li {
    list-style: none;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.carousel-inner .ribbon ul li.smaller {
    font-size: 13px;
}


.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.header-border {
    position: absolute;
    width: 100%;
    bottom: -4px;
    z-index: 1;
    height: 4px;
    background-image: url("images/header-border.png");
    background-repeat: repeat-x;
    background-size: 8px 4px;
    /* z-index: 1; */
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}


#CGV {
    color: #333333;
}

#CGV ol {
    font-size: 15px;
    padding-left: 20px;
}

#CGV ul {
    font-size: 15px;
    padding-left: 40px;
    line-height: 26px;
}

#CGV p {
    line-height: 26px;
    padding-left: 20px;
}

#CGV br {
    line-height: 40px;
}


.separator {
    position: relative;
    clear: both;
    margin: 0px 15px 20px 0;
    width: 100%;
    height: 10px;
}

.separator-h {
    position: absolute;
    top: 50%;
    left: 10%;
    height: 0;
    width: 80%;
    border-top: 1px solid #DDDDDD;
}

.separator-h i {
    position: absolute;
    top: -4px;
    left: 50%;
    font-size: 25px;
    height: 25px;
    width: 50px;
    margin-top: -8px;
    margin-left: -25px;
    text-align: center;
    background-color: #f2f2f2;
    color: #d2d2d2;
}

.edd_purchase_submit_wrapper {
    position: relative;
    margin-bottom: 90px;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 3px;
}


.spinner {
    margin: 0px auto 0;
    width: 70px;
    text-align: center;
    display: inline-block;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}


#socialShare {
    text-align: center;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#socialShare li {
    display: inline-block;
    /*width: 45px;*/
    /*height: 45px;*/
    margin: 0 5px;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#socialShare div.facebook {
    background-color: #3B5998;
    color: #fff;
    padding: 3px 2px 0 0;
}

#socialShare div.twitter {
    background-color: #5EA9DD;
    color: #fff;
}

#socialShare div.google {
    background-color: #DC4C41;
    color: #fff;
}

#socialShare div.youtube {
    background-color: #EB3348;
    color: #fff;
}

#socialShare div.linkedin {
    background-color: #007BB6;
    color: #fff;
}

#socialShare div.instagram {
    background-color: #007BB6;
    color: #fff;
}


#socialShare li div {
    width: 28px;
    height: 28px;
    color: #74d4b3;
    font-size: 1.35em;
    text-align: center;
    /*line-height: 28px;*/
    background-color: #fff;
    transform: rotate(360deg);
    border-radius: 100px;
    transition: all 0.5s ease;

    display: flex;
    align-items: center;
    justify-content: center;
}

#socialShare li a:hover {
    text-decoration: none;
}

#socialShare li div:hover {
    transform: rotate(0deg);
    border-radius: 100px;
}

.no-margin {
    margin: 0;
}

.prez {
    padding: 15px;
}

.prez p {
    font-size: 15px;
    line-height: 24px;
}

.prez ul li {
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 36px;
    border-bottom: none;
    list-style: none;
    font-size: 15px;
    color: #878787;
}

.prez ul li:before {
    color: green;
    position: absolute;
    left: 17px;
    content: '\f00c';
    font-family: FontAwesome;
}

#navmenu {
    background-color: #00b6b7;
    padding: 0 2px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

#navmenu ul {
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    font-size: 16px;
    width: 100%;
}

#navmenu li {
    display: inline-block;
    float: none;
    text-align: left;
}

#navmenu.normal ul li {
}

#navmenu.normal ul li a {
    margin: 0px;
    width: 100%;
}

#navmenu.normal ul li a:hover, #navmenu.normal ul li.current-menu-ancestor a, #navmenu.normal ul li.current-menu-item a {
    background-color: rgba(93, 203, 204, 0.55);
}

#navmenu.normal .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

#navmenu.normal ul li.open .dropdown-menu {
    display: block;
}

#navmenu.normal ul li.open .dropdown-menu li {
    width: 100%;

}

#navmenu.normal ul li.open .dropdown-menu li a {
    background-color: #35C3C5;
    color: #fff;
    width: 100%;
    float: none;
    line-height: 18px;
    padding: 5px;
    display: block;
}

#navmenu.normal ul li.open .dropdown-menu li a:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
    border-radius: 3px;
}

#navmenu.normal .cont {
    background-color: #35C3C5;
}

#navmenu.normal ul .dropdown-menu {
    min-width: 210px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 5px;
    margin: 0 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #35C3C5;
    border: 1px solid #f1f1f1;
    border-top: none;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
}


#navmenu ul li a {
    text-decoration: none;
    margin: 4px;
    padding: 12px;
    color: white;
    background: #00b6b7;

}

#navmenu ul li a:hover {
    color: white;
    background: #00b6b7;
}


#navmenu ul li ul.children {
    display: none;
}

.site-content h2 {
    font-size: 23px;
    margin-bottom: 25px;
}

.site-content p {
    margin-top: 7px;
}

.site-content h1 {
    margin-top: 45px;
}

.site-content h3 {
    margin-top: 7px;
}

#tarification, #caspratique, #how {
    background-color: #fff;
}

#virtual-number {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.virtualphonenumber {
    padding: 15px 20px;
    font-size: 25px;
    background-color: #00B6B7;
    color: #FFF;
    border-radius: 40px;
    margin-top: 20px;

    width: 240px;
}

.phone-device.center {
    left: 50%;
    margin-left: -180px;
}

.phone-device-screen-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    background-position: center;
    opacity: .15;
    z-index: -1;
}

.phone-device-status-bar {
    color: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 10px;
    font-size: 14px;
    z-index: 999;
    background-color: #fff;
}

.sms-conversation.active {
    display: block;
}

.sms-conversation {
    margin-bottom: 15px;
    text-align: left;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    padding: 60px 30px 30px;
}

.sms-conversation-bubble {
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
}

.sms-conversation-bubble a {
    text-decoration: none;
    color: #0592ea;
}

.sms-conversation-bubble p {
    margin: 0;
    color: #2c3645;
    background: #E8E8E8;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.sms-conversation-bubble:after {
    content: '';
    width: 15px;
    height: 15px;
    border: 10px solid rgba(0, 0, 0, 0);
    border-left: 10px solid #E8E8E8;
    position: absolute;
    right: -20px;
    top: 20px;
}


.sms-date {
    color: #8E8C8C;
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px;
    text-align: right;
    display: block;
}


.phone-device-status-bar-dot {
    width: 7px;
    height: 7px;
    background: #000;
    display: inline-block;
    border-radius: 50%;
    float: left;
    margin: 6px 4px 5px 0;
}

.phone-device {
    width: 100%;
    max-width: 360px;
    height: 660px;
    border: 2px solid rgba(0, 0, 0, .2);
    border-radius: 15px;
    position: absolute;
    color: #171616;
    background-color: #000;
}

.phone-device-speaker {
    border: inherit;
    position: absolute;
    width: 100px;
    height: 10px;
    border-radius: 5px;
    top: 26px;
    left: 50%;
    margin-left: -50px;
    border-color: #4E4D4D;
}

.phone-device-camera {
    border: inherit;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    top: 23px;
    left: 15%;
    border-color: #4E4D4D;
}

.phone-device-screen-container {
    border: inherit;
    position: absolute;
    top: 60px;
    width: 90%;
    left: 5%;
    height: 540px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
}


#faq ol li {
    font-size: 1.3rem;
}

#faq table.table thead tr {
    background-color: #3cc6c7;
}

#tarification h2, #more h2 {
    margin-bottom: 30px;
}

#vnpage section {
    padding: 40px 0;
}

section#more {
    background-color: #00b6b7;
    color: #fff;
}

section#more h2 {
    color: #fff;
    font-size: 27px;
}

section#more .btn {
    border: 3px solid #fff;
    border-radius: 6px;
    border: 3px solid #fff;
    border-radius: 6px;
    text-transform: uppercase;
    min-width: 260px;
}

section#more .btn:hover {
    background-color: #FFFFFF;
    color: #00B6B7;
}

.bulle-tarif1 {
    background-image: url('images/tarifbulle1.png');
    width: 256px;
    height: 256px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}

.bulle-tarif2 {
    background-image: url('images/tarifbulle2.png');
    width: 256px;
    height: 256px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}


.bulle-tarif2 h2 {
    font-size: 3.5em;
    line-height: 5.2em;
    color: #00b6b7;
}

.bulle-tarif2 h2 .smaller {
    font-size: 17px;
    color: #333;
}


.bulle-tarif1 h2 {
    font-size: 5em;
    line-height: 3.5em;
    color: #00b6b7;
}

.bulle-tarif1 h2 .smaller {
    font-size: 23px;
    color: #333;
}

#fonctionnality_vn .feature-wrap {
    margin-bottom: 0;
}

.feature-wrap .img-wrap {
    padding: 15px;
    margin: 15px;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    /* width: 52px; */
    /* height: 52px; */
    line-height: 60px;
    text-align: center;
    background: #ffffff;
    color: #c52d2f;
    border: 3px solid #ffffff;
    box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}


.section-header, .steps-header, .steps-name {
    color: #4e4e4e;
    font-weight: 600;
    font-size: 18px;
}

.steps-header {
    margin-bottom: 20px;
    text-align: center;
}

.steps-timeline {
    outline: 1px dashed rgba(255, 0, 0, 0);
}

@media screen and (max-width: 500px) {
    .steps-timeline {
        border-left: 2px solid #56bbc6;
        margin-left: 25px;
    }
}

@media screen and (min-width: 500px) {
    .steps-timeline {
        border-top: 2px solid #56bbc6;
        padding-top: 23px;
        margin-top: 40px;
        margin-left: 16.65%;
        margin-right: 16.65%;
    }
}

.steps-timeline:after {
    content: "";
    display: table;
    clear: both;
}

.steps-one,
.steps-two,
.steps-three {
    outline: 1px dashed rgba(0, 128, 0, 0);
}

@media screen and (max-width: 500px) {

    .steps-one,
    .steps-two,
    .steps-three {
        margin-left: -25px;
    }
}

@media screen and (min-width: 500px) {

    .steps-one,
    .steps-two,
    .steps-three {
        margin-top: -50px;
    }
}

@media screen and (max-width: 500px) {

    .steps-one,
    .steps-two {
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 500px) {
    .steps-one {
        margin-left: -16.65%;
        margin-right: 16.65%;
    }
}

@media screen and (max-width: 500px) {
    .steps-three {
        margin-bottom: -100%;
    }
}

@media screen and (min-width: 500px) {
    .steps-three {
        margin-left: 16.65%;
        margin-right: -16.65%;
    }
}

.steps-img {
    display: block;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 30px;
}

@media screen and (max-width: 500px) {
    .steps-img {
        float: left;
        margin-right: 20px;
    }
}

.steps-name,
.steps-description {
    margin: 0;
}

@media screen and (min-width: 500px) {
    .steps-name {
        text-align: center;
        margin-bottom: 15px;
    }
}

.steps-description {
    overflow: hidden;
}

@media screen and (min-width: 500px) {
    .steps-description {
        text-align: center;
        font-size: 15px;
    }
}


@media (max-width: 1200px) {
    .text-nav {
        display: none;
    }
}


@media (min-width: 1600px) {
    #slide1 {
        height: 700px;
    }

    #slide1 .intro-text .caption {
        top: 50%;
        margin-top: -70px;
    }


}


@media (min-width: 1600px) {
    #slide1 {
        height: 700px;
    }

    #slide1 .intro-text .caption {
        top: 50%;
        margin-top: -70px;
    }
}


@media (max-width: 1366px) {
    #slide1 {
        height: 435px;
    }

    #slide1 .intro-text .caption {
        left: 55%;
        right: 5%;
        position: absolute;
        top: 100px;
        text-align: left;
        background-color: rgba(255, 255, 255, 0.80);
        padding: 20px;
        box-shadow: 0 0px 36px 0px rgba(0, 0, 0, 0.2);
    }

    #slide2 .intro-text .caption {
        left: 5%;
        right: 5%;
        position: absolute;
        top: 5%;
        bottom: 5%;
        text-align: left;
        background-color: rgba(0, 0, 0, 0.29);
        padding: 25px;
    }
}

@media (max-width: 991px) {

    .p_box.favorite, section#price .content.favorite {
        -webkit-transform: translateZ(0);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .nav > li > a {
        padding: 10px 5px;
    }

    .navbar-header img {
        width: 120px;
    }

    #logo {
        margin-right: 32px;
        margin-top: 5px;
    }

    .navbar-default .navbar-nav > li > a {
        font-size: 10px;
    }
}


@media (max-width: 980px) {
    header .intro-text .intro-heading {
        margin-bottom: 20px;
        font-family: "Open sans", "Helvetica Neue",
        Helvetica, Arial, sans-serif;
        font-size: 17px;
        font-style: normal;
        line-height: 30px;

    }

    #slide1 {
        text-align: center;
        color: #fff;
        background-attachment: scroll;
        background-image: url('/wp-content/themes/weblizar-smspartner/images/contact.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        -webkit-animation: fadein 1s;
        -moz-animation: fadein 1s;
        -ms-animation: fadein 1s;
        -o-animation: fadein 1s;
        animation: fadein 1s;
        height: 435px;
    }

    .caption .btn.btn-lg.btn-warning {
        padding: 5px;
        font-size: 15px;
    }
}

@media (max-width: 813px) {
    #slide1 .intro-text .caption {
        left: 55%;
        right: 5%;
        position: absolute;
        top: 100px;
        text-align: left;
        background-color: rgba(255, 255, 255, 0.80);
        padding: 20px;
    }
}


@media (max-width: 670px) {
    .carousel-inner .ribbon {
        display: none;
    }
}


@media (max-width: 635px) {
    #slide1 .intro-text .caption {
        left: 48%;
        right: 2%;
        position: absolute;
        top: 110px;
        text-align: left;
        background-color: rgba(255, 255, 255, 0.80);
        padding: 20px;
    }
}

@media (max-width: 576px) {
    #slide1, #slide2 {
        height: 132px;
    }

    #slide1 .intro-text .caption {
        left: 2%;
        right: 2%;
        /* bottom: -13%; */
        position: absolute;
        top: 9px;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.80);
        padding: 0px;
    }

    /*.caption .btn.btn-lg.btn-warning{
     display:none;
 }*/
    #slide1 .intro-text .caption {
        height: 118px;

    }
}

@media (max-width: 450px) {


    .carousel-control {
        display: none;
    }

    header .intro-lead-in {
        display: none;
    }

    header .intro-text .intro-heading {
        margin-bottom: 20px;
        font-family: "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 17px;
        line-height: 30px;

    }


    .caption .btn.btn-lg.btn-warning {
        padding: 5px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    #price table,
    #price thead,
    #price tbody,
    #price th,
    #price td,
    #price tr {
        display: block;
    }


    /* Hide table headers (but not display: none;, for accessibility) */
    #price thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #price tr {
        border: 1px solid #ccc;
    }

    #price td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: right;
        font-size: 11px;
    }

    #price td .btn.btn-link {
        font-size: 11px;
        text-align: center;
    }

    #price td.custom_devis {
        padding-left: 22%;
        font-size: 11px;
    }


    #price .fa.fa-bookmark {
        display: none;
    }


    #price td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }

    /*
 Label the data
 */
    #price td:before {
        content: attr(data-title);
    }
}


/************ NEW INTEGRATION ************/

@font-face {
    font-family: "Effra-Rg";
    src: url('fonts/Effra_Rg.ttf');
}

@font-face {
    font-family: "Effra-Bd";
    src: url('fonts/Effra_Bd.ttf');
}

@font-face {
    font-family: "Effra-Md";
    src: url('fonts/Effra_Md.ttf');
}

/*@ics*/
@font-face {
    font-family: 'effrabold';
    src: url('fonts/effra_bd-webfont.woff2') format('woff2'),
    url('fonts/effra_bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'effra_mediumregular';
    src: url('fonts/effra_md-webfont.woff2') format('woff2'),
    url('fonts/effra_md-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'effraregular';
    src: url('fonts/effra_rg-webfont.woff2') format('woff2'),
    url('fonts/effra_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*** Header ***/

.top_wrapper .top_bar {
    background: #131928;
    padding: 5px;
}

.top_wrapper .top_bar .col-xs-12 {
    overflow: hidden;
}

.top_wrapper .top_bar a {
    color: #fff;
    margin-right: 30px;
    font-family: "Effra-Rg";
    -webkit-transition: color 0.3s ease, background 0.3s ease;
    -moz-transition: color 0.3s ease, background 0.3s ease;
    -o-transition: color 0.3s ease, background 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease;
    outline: none;
}

.top_wrapper .top_bar a:last-child {
    margin-right: 0px;
}

.top_wrapper .top_bar a:hover, .top_wrapper .top_bar a:focus, .top_wrapper .top_bar a:hover i {
    color: #f45c43;
    text-decoration: none;
    border-color: #f45c43;
}

.top_wrapper .top_bar a img {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 15px;
}

.top_wrapper .top_bar a i {
    margin-right: 15px;
    display: inline-block;
    padding: 5px;
    border: 1px solid;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    text-align: center;
}

.vc_gitem-post-data-source-post_excerpt {
    margin-top: -42px;
}

.top_wrapper nav.navbar {
    padding: 15px 0px 5px;
    margin-bottom: 0px;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.top_wrapper nav.navbar .logo_container img {
    max-width: 120px;
}

.top_wrapper nav.navbar .navbar-nav > li > a {
    color: #272e36;
    font-size: 15px;
    font-family: "Effra-Rg";
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition: color 0.3s ease, background 0.3s ease;
    -moz-transition: color 0.3s ease, background 0.3s ease;
    -o-transition: color 0.3s ease, background 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease;

}

.top_wrapper nav.navbar .navbar-nav > .dropdown > a .caret {
    border-top-color: #272e36;
    border-bottom-color: #272e36;
    -webkit-transition: color 0.3s ease, background 0.3s ease;
    -moz-transition: color 0.3s ease, background 0.3s ease;
    -o-transition: color 0.3s ease, background 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease;
}

.top_wrapper nav.navbar .navbar-nav > .open > a .caret, .top_wrapper nav.navbar .navbar-nav > .open > a:hover .caret, .top_wrapper nav.navbar .navbar-nav > .open > a:focus .caret, .top_wrapper nav.navbar .navbar-nav > li > a:hover .caret, .top_wrapper nav.navbar .navbar-nav > li > a:focus .caret, .top_wrapper nav.navbar .navbar-nav > li.active > a .caret, .top_wrapper nav.navbar .navbar-nav > li.current-menu-parent > a .caret {
    border-top-color: #42b5b8;
    border-bottom-color: #42b5b8;
}

.top_wrapper nav.navbar #connect_link_des a,
.top_wrapper nav.navbar #connect_link a {
    font-size: 15px;
    font-family: "Effra-Bd";
    margin-bottom: 0px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.top_wrapper nav.navbar #connect_link_des a:hover,
.top_wrapper nav.navbar #connect_link_des a:focus,
.top_wrapper nav.navbar #connect_link a:hover,
.top_wrapper nav.navbar #connect_link a:focus {
    opacity: 0.9;

}

.top_wrapper nav.navbar #connect_link_des a:last-child,
.top_wrapper nav.navbar #connect_link a:last-child {
    margin-right: 0px;
}

.top_wrapper nav.navbar #connect_link_des a.btn-warning,
.top_wrapper nav.navbar #connect_link a.btn-warning {
    margin-right: 20px;
    background: linear-gradient(to left, #f45b43, #eb3349);
}

.top_wrapper nav.navbar #connect_link_des a.btn-primary,
.top_wrapper nav.navbar #connect_link a.btn-primary {
    background: #42b5b8;
}

.top_wrapper nav.navbar .navbar-nav > .open > a, .top_wrapper nav.navbar .navbar-nav > .open > a:hover, .top_wrapper nav.navbar .navbar-nav > .open > a:focus, .top_wrapper nav.navbar .navbar-nav > li > a:hover, .top_wrapper nav.navbar .navbar-nav > li > a:focus, .top_wrapper nav.navbar .navbar-nav > li.active > a, .top_wrapper nav.navbar .navbar-nav > li.current-menu-parent > a, .top_wrapper nav.navbar .navbar-nav > li.current-menu-parent > a {
    background-color: transparent;
    color: #42b5b8;
    -webkit-transition: color 0.3s ease, background 0.3s ease;
    -moz-transition: color 0.3s ease, background 0.3s ease;
    -o-transition: color 0.3s ease, background 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease;
    outline: none;
}

/* sub menu */

.top_wrapper nav.navbar ul.dropdown-menu li {
    padding: 10px 25px;
    -webkit-transition: color 0.3s ease, background 0.3s ease;
    -moz-transition: color 0.3s ease, background 0.3s ease;
    -o-transition: color 0.3s ease, background 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease;
}

.top_wrapper nav.navbar ul.dropdown-menu li a {
    font-size: 15px;
    color: #272e36;
    font-family: "Effra-Rg";
    -webkit-transition: color 0.3s ease, background 0.3s ease;
    -moz-transition: color 0.3s ease, background 0.3s ease;
    -o-transition: color 0.3s ease, background 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease;
}

.top_wrapper nav.navbar ul.dropdown-menu li a i {
    margin-right: 15px;
    font-size: 20px;
    color: #00b6b7;
}

.top_wrapper nav.navbar ul.dropdown-menu li:hover, .top_wrapper nav.navbar ul.dropdown-menu li.active {
    background: #edf8fa
}

.top_wrapper nav.navbar ul.dropdown-menu li:hover a, .top_wrapper nav.navbar ul.dropdown-menu li.active a {
    color: #42b5b8;
    text-decoration: none;
}

@media (min-width: 1201px) {

    .top_wrapper nav.navbar #connect_link_des a i,
    .top_wrapper nav.navbar #connect_link a i {
        display: none;
    }

    .top_wrapper nav.navbar #connect_link_des a,
    .top_wrapper nav.navbar #connect_link a {
        padding: 7px 20px;
        border-radius: 25px;
    }

    .top_wrapper nav.navbar .logo_container {
        width: 13.666667%;
    }

    .top_wrapper nav.navbar .menu_container {
        width: 86.333333%;
    }
}


@media (min-width: 992px) {
    .top_wrapper nav.navbar .row {
        display: flex;
    }

    .top_wrapper nav.navbar .menu_container {
        margin: auto
    }

    .top_wrapper nav.navbar #connect_link_des,
    .top_wrapper nav.navbar #connect_link {
        right: 15px;
    }

    .top_wrapper nav.navbar.scroll-to-fixed-fixed .logo_container img {
        padding-top: 10px;
    }
}


@media screen and (max-width: 991px) and (min-width: 768px) {
    .top_wrapper nav.navbar .logo_container img {
        margin: auto;
    }

    .top_wrapper nav.scroll-to-fixed-fixed .logo_container {
        display: none;
    }

    .top_wrapper nav.scroll-to-fixed-fixed {
        min-height: auto
    }

    .top_wrapper nav.scroll-to-fixed-fixed #connect_link_des,
    .top_wrapper nav.scroll-to-fixed-fixed #connect_link {
        padding-top: 4px;
    }
}

@media screen and (min-width: 768px) {
    .top_wrapper nav.navbar.scroll-to-fixed-fixed {
        padding: 5px;
    }

    .top_wrapper nav.navbar #bs-navbar-collapse {
        padding: 0px;
    }

    .top_wrapper nav.navbar .navbar-nav > li:first-child > a {
        padding-left: 0px;
    }

    .top_wrapper nav.navbar .navbar-nav > li:last-child > a {
        padding-right: 0px;
    }

    .top_wrapper nav.navbar ul.dropdown-menu {
        padding: 20px 0px;
        min-width: 245px;
        max-width: 245px;
        border-radius: 10px;
        border: 0px;
        margin-top: 15px;
        -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    }

    .top_wrapper nav.navbar ul.dropdown-menu:after {
        content: '';
        position: absolute;
        left: 15%;
        transform: translateX(-15%);
        top: -11px;
        width: 0;
        height: 0;
        border-bottom: 12px solid #fff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        clear: both;
        color: white;
        -webkit-filter: drop-shadow(0px -2px 3px rgba(0, 0, 0, 0.1));
        filter: drop-shadow(0px -2px 3px rgba(0, 0, 0, 0.1));
    }
}

@media screen and (max-width: 767px) {
    .top_wrapper nav.navbar .logo_container img {
        float: left;
    }

    .top_wrapper nav.navbar .logo_container {
        overflow: hidden;
    }

    .top_wrapper nav.navbar .logo_container .navbar-header {
        float: right;
        padding: 0px;
    }

    .top_wrapper nav.navbar .logo_container .navbar-header button {
        margin-right: 0px;
    }

    .top_wrapper nav.navbar #bs-navbar-collapse {
        padding-top: 15px;
    }

    .top_wrapper nav.navbar #connect_link {
        float: none !important;
        text-align: right;
    }
}

/*** Footer ***/

body .footer {
    padding: 40px 0 40px 0;
    min-height: 305px;
}

body .footer img.logo-footer {
    max-width: 125px;
    margin: auto;
}

body .footer h3 {
    font-size: 21px;
    font-family: "Effra-Bd";
    color: #999;
    margin-bottom: 25px;
}

body .footer .col-md-3 {
    margin-bottom: 25px;
}

body .footer .col-md-3:last-child {
    margin-bottom: 0px;
}

body .footer .col-md-3 ul li {
    margin-bottom: 10px;
}

body .footer .col-md-3 ul li:last-child {
    margin-bottom: 0px;
}

body .footer .col-md-3 ul li a {
    font-size: 15px;
    color: #595959;
    font-family: "Effra-Rg";
    -webkit-transition: color 0.3s ease, background 0.3s ease;
    -moz-transition: color 0.3s ease, background 0.3s ease;
    -o-transition: color 0.3s ease, background 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease;
}

body .footer .col-md-3 ul li a:hover,
body .footer .col-md-3 ul li a:focus {
    color: #ffffff;
    text-decoration: none;
}

body .footer #socialBlock a {
    margin-right: 15px;
    display: inline-block;
    color: #ffffff;
    -webkit-transition: color 0.3s ease, background 0.3s ease;
    -moz-transition: color 0.3s ease, background 0.3s ease;
    -o-transition: color 0.3s ease, background 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease;
    outline: none;
}

body .footer #socialBlock .pull-left:last-child a {
    margin-right: 0px;
}

body .footer #socialBlock i {
    padding: 8px;
    border: 1px solid;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    text-align: center;
    font-size: 18px;
}

body .footer section#social {
    overflow: hidden;
}

body #copyright {
    padding: 5px 0px;
}

body #copyright .copyright-text {
    color: #595959;
    font-size: 13px;
    font-family: "Effra-Rg";
}

body #copyright .copyright-text a {
    color: #42b5b8;
}

body #copyright .copyright-text a:hover,
body #copyright .copyright-text a:focus {
    text-decoration: none;
}

body #copyright .col-xs-12 {
    text-align: center;
    overflow: hidden;
}

@media (min-width: 992px) {
    body .footer img.logo-footer {
        margin: inherit;
    }

    body #copyright .col-xs-12 {
        text-align: left;
    }
}

/*** Home ***/
#first-block {
    padding-top: 60px;
}

body.home .content-wrapper, body.home .content-wrapper p {
    font-family: "Effra-Rg" !important;
}

body.home h1, body.home h2 {
    font-size: 38px;
    color: #272e36;
    text-align: center;
    font-family: "Effra-Bd";
}

.title-primary {
    margin-bottom: 40px;
}

.title-primary p {
    text-align: center;
    font-size: 21px;
    color: #272e36;
}

.title-primary p span {
    color: #42b5b8;
}

.registration-sms {
    text-align: center;
    margin-bottom: 120px;
}

.registration-sms .email-wrapper {
    display: block;
    position: relative;
}

.registration-sms .submit-wrapper {
    display: inline-block;
    position: relative;
    margin-top: 25px;
}

.registration-sms .field-email {
    display: inline-block;
    width: 100%;
    height: 50px;
    border-radius: 25px;
    border: 0px;
    background: #dce2e3;
    font-size: 18px;
    font-family: "Effra-Rg";
    padding: 10px 10px 10px 65px;
    margin-right: 0px;
    outline: none;
}

.registration-sms.input-opacity .field-email {
    background: rgba(220, 226, 227, 0.8);
}

.registration-sms .email-wrapper i {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

.registration-sms .field-submit {
    display: inline-block;
    width: 260px;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    border: 0px;
    background: linear-gradient(to left, #f45b43, #eb3349);
    font-size: 18px;
    color: #fff;
    font-family: "Effra-Bd";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

.registration-sms .field-submit:hover,
.registration-sms .field-submit:focus {
    opacity: 0.9;

}

.registration-sms .tooltip {
    background: #fff;
    padding: 20px 15px 15px;
    margin-top: 7px;
    color: #272e36;
    font-size: 15px;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    width: 280px;
    border-radius: 10px;
    left: -10px;
}

.registration-sms .tooltip:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -11px;
    width: 0;
    height: 0;
    border-bottom: 12px solid #fff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    clear: both;
    color: white;
    -webkit-filter: drop-shadow(0px -2px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px -2px 3px rgba(0, 0, 0, 0.1));
}

.registration-sms .tooltip span {
    display: block;
    font-size: 24px;
    color: #42b5b8;
    font-family: "Effra-Bd";
}

.trusted-customers {
    text-align: center;
}

.trusted-customers h3 {
    font-size: 21px;
    font-family: "Effra-Rg";
    font-weight: 400;
    color: #464d5e;
}

.trusted-customers h3 span {
    font-family: "Effra-Bd";
}

.pack-sms-content {
    min-height: 683px;
}

.operation-sms-partner .title {
    min-height: 40px;
}

.operation-sms-partner h3, #our-services h3 {
    font-family: "Effra-Md";
    font-size: 18px;
    color: #272e36;
    font-weight: inherit;
}

.operation-sms-partner .description p {
    font-size: 15px;
    line-height: 24px;
    color: #999999 !important;
}

.operation-sms-partner .description p span {
    font-family: "Effra-Bd";
    font-size: 14px;
    text-decoration: underline;
    text-transform: uppercase;
    color: #42b5b8;
}

#bg-inclined-bottom, #bg-inclined-bottom-right {
    position: relative;
    z-index: 1;
    background: #edf8fa;
}

.no-margin {
    margin-bottom: 0px !important;
}

.registration-sms h3 {
    color: #999999;
    font-size: 21px;
    font-family: "Effra-Rg";
    font-weight: inherit
}

.registration-sms h3 span {
    color: #42b5b8;
    font-family: "Effra-Bd";
}

#our-services ul.img-and-title-inline {
    margin-top: 0px;
    padding-left: 0px;
}

#our-services ul.img-and-title-inline li {
    display: inline-block
}

#our-services ul.img-and-title-inline li:first-child {
    vertical-align: middle;
    margin-right: 10px;
}

#our-services .description p {
    color: #999999;
    font-size: 15px;
}

#our-services .btn-more a {
    background: transparent;
    border: none;
    padding: 0px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #42b5b8;
    font-family: "Effra-Bd";
    font-size: 13px;
    letter-spacing: 0.6px;
    text-align: left;
}

#our-services .btn-more a:hover, #our-services .btn-more a:focus {
    opacity: 0.8;
}

#our-services .our-service-content {
    margin-bottom: 40px;
}

#number-information .counter-bg {
    background: #edf8fa;
    padding: 35px 15px 40px;
    border-radius: 10px;
    text-align: center;
    text-transform: uppercase;
}

#number-information .counter-bg h4 {
    color: #42b5b8;
    font-size: 18px;
    font-family: "Effra-Rg";
    font-weight: inherit;
    margin-bottom: 10px;
}

#number-information .counter-number {
    margin-bottom: 18px;
}

#number-information .counter-number span {
    font-size: 60px;
    color: #272e36;
    font-family: "Effra-Bd";
}

#number-information .counter-number span.counter {
    line-height: 60px;
}

#number-information .counter-number span.unity {
    font-size: 24px;
    margin-left: 10px;
}

#number-information .counter-bg hr {
    background: #f25145;
    width: 15%
}

#packs-sms {
    text-align: center;
}

#packs-sms p.sub-title {
    color: #999999;
    font-size: 18px;
}

#packs-sms p.sub-title + ul, #packs-sms .packs-content ul {
    padding-left: 0px;
    margin-top: 0px;
}

#packs-sms p.sub-title + ul li {
    display: block;
    color: #272e36;
    margin-right: 0px;
    font-size: 18px;
    margin-bottom: 20px;
}

#packs-sms p.sub-title + ul li:last-child {
    margin-right: 0px;
    margin-bottom: 0px;
}

#packs-sms p.sub-title + ul li:before {
    content: "";
    background-image: url(images/icon-check.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 15px;
    display: inline-block;
    margin-right: 15px;
}

#packs-sms .packs-content {
    padding: 30px 25px 25px;
    background: #edf8fa;
    border-radius: 15px;
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

#packs-sms .packs-content:hover {
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    margin-top: -15px;
}

#packs-sms .packs-content h3 {
    font-size: 24px;
    color: #42b5b8;
    font-family: "Effra-Bd";
    margin-bottom: 15px;
}

#packs-sms .packs-content.packs-low-cost h3 {
    color: #ffa621;
}

#packs-sms .packs-content.packs-international h3 {
    color: #021b79;
    margin-bottom: 0px
}

#packs-sms span.text-bold {
    font-family: "Effra-Bd";
}

#packs-sms .packs-content ul {
    text-align: left;
    list-style: none;
}

#packs-sms .packs-content:not(.packs-international) ul li {
    color: #999999;
    font-size: 15px;
    padding: 10px 0px 10px 12px;
    border-bottom: 1px solid #999999;
}

#packs-sms .packs-content ul li:last-child {
    border-bottom: none;
}

#packs-sms .packs-content:not(.packs-international) ul li:before {
    content: "";
    background-image: url(images/icon-check-pack.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 10px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

#packs-sms .packs-content ul li.invalid:before {
    background-image: url(images/icon-invalid.png);
    width: 11px;
    height: 11px;
}

#packs-sms .price-content {
    margin-bottom: 20px;
    position: relative;
    display: flex;
}

#packs-sms .price-content .price {
    margin: auto 0px auto auto;
    font-size: 38px;
    line-height: 38px;
    font-family: "Effra-Bd";
    color: #272e36;
}

#packs-sms .price-content .unity {
    margin: auto auto auto 8px;
}

#packs-sms .price-content .unity p {
    margin-bottom: 0px;
}

#packs-sms .price-content .unity p:nth-child(1) {
    font-size: 21px;
    font-family: "Effra-Bd" !important;
    line-height: 21px;
    color: #272e36;
}

#packs-sms .price-content .unity p:nth-child(2) {
    font-size: 15px;
    color: #999999;
}

#packs-sms #lowcost-pack {
    display: flex;
    width: 100%;
}

#packs-sms #no-lowcost {
    top: 0;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    background-color: #000;
    opacity: 0.6;
    color: #fff;
    padding: 15px;
    border-radius: 40px;
}

#packs-sms .btn-order {
    margin-bottom: 15px;
}

#packs-sms .btn-order a {
    font-size: 18px;
    color: #fff;
    font-family: "Effra-Bd";
    padding: 14px 25px;
    width: 100%;
    border-radius: 25px;
    background: #42b5b8;
    display: inline-block;
    outline: none;
}

#packs-sms .btn-order.yellow a {
    background: linear-gradient(to left, #ffc535, #ffa621);
}

#packs-sms .btn-order.bleu a {
    background: linear-gradient(to left, #0473e4, #021b79);
}

#packs-sms .btn-order a:hover, #packs-sms .btn-order a:focus {
    opacity: 0.9;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#packs-sms .packs-notice {
    font-size: 13px;
    color: #999999;
}

#packs-sms .packs-notice span {
    display: block;
    color: #42b5b8;
}

#packs-sms .packs-content.packs-international .description p, #packs-sms .packs-content.packs-international .choise-country p {
    text-align: left;
    color: #999999;
    font-size: 15px;
    margin-bottom: 15px;
}

#packs-sms .packs-content .choise-country, #packs-sms .packs-content.packs-international .description {
    max-width: 100%;
}

#packs-sms .packs-content .choise-country {
    margin-bottom: 10px !important;
}

#packs-sms .packs-content .choise-country .bootstrap-select {
    max-width: 100%;
    height: auto;
}

#packs-sms .packs-content .choise-country .bootstrap-select button {
    border: none !important;
    background: #fff;
    color: #272e36 !important;
    font-family: "Effra-Bd";
    margin-right: 0px;
    padding: 15px 20px 15px 15px;
    outline: none !important;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

#packs-sms .packs-content .choise-country .bootstrap-select .caret {
    border-top-color: #272e36 !important;
    right: 20px;
    transform: translateY(-50%);
    margin-top: 0px;
}

#packs-sms .packs-content .choise-country .filter-option img {
    vertical-align: middle;
}

#packs-sms .packs-content .choise-country .dropdown-menu.open {
    max-width: 100%;
}

#packs-sms .packs-content .choise-country .dropdown-menu.open ul {
    overflow-x: hidden;
}

#last-posts .vc_gitem-animated-block .vc_gitem-zone {
    height: 200px;
    margin-bottom: 10px;
}

#last-posts .vc_grid-item-mini {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

#last-posts .vc_grid-item-mini .vc_col-sm-12 {
    padding-left: 15px;
    padding-right: 15px;
}

#last-posts .vc_gitem-zone-a {
    height: 200px;
    margin-bottom: 10px;
    border-radius: 10px 10px 0px 0px;
    border-bottom: 1px solid #e0e0e0;
}

#last-posts .vc_gitem-zone-c .vc_gitem-post-data-source-post_categories {
    font-size: 15px;
    color: #272e36;
    text-align: left;
    margin-bottom: 10px;
}

#last-posts .vc_gitem-zone-c .vc_gitem-post-data-source-post_categories .vc_gitem-post-category-name:hover {
    background-color: transparent;
}

#last-posts .vc_gitem-zone-c .vc_gitem-post-data-source-post_categories a:hover,
#last-posts .vc_gitem-zone-c .vc_gitem-post-data-source-post_categories a:focus {
    color: #42b5b8;
    text-decoration: none;
}

#last-posts .vc_gitem-zone-c .vc_gitem-post-data-source-post_title a {
    font-size: 21px;
    color: #42b5b8;
    font-family: "Effra-Bd";
}

#last-posts .vc_gitem-zone-c .vc_gitem-post-data-source-post_excerpt p {
    font-size: 15px;
    color: #999999;
    line-height: 21px;
}

.rcs-posts .vc_gitem-zone-c .vc_gitem-post-data p {
    margin-top: 50px;
}

#last-posts .vc_grid-item-mini:hover {
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    margin-top: -15px;
}

.rcs-posts .vc_gitem-zone-c .vc_gitem-post-data-source-post_excerpt p {
    margin-top: 50px;
}

.rcs-posts .vc_gitem-animated-block .vc_gitem-zone {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

.rcs-posts .vc_grid-item-mini .vc_col-sm-12 {
    border-radius: 0 0 10px 10px;
    height: 350px;
}

@media (max-width: 768px) {
    .rcs-posts .vc_grid-item-mini .vc_col-sm-12 {
        height: 330px;
    }
}

@media (max-width: 450px) {
    .rcs-posts .vc_gitem-animated-block .vc_gitem-zone {
        height: 250px !important;
    }
}

.rcs-posts .vc_grid-item-mini .vc_col-sm-12 {
    padding: 0 !important;
}

.rcs-posts .vc_gitem_row .vc_gitem-col {
    padding: 0 !important;
}

.rcs-posts .vc_custom_heading.vc_gitem-post-data {
    padding: 0 15px;
}

.rcs-posts .vc_gitem-post-data-source-post_categories .vc_grid-filter-item.vc_gitem-post-category-name {
    padding: 15px 0px 0 15px !important;
}

#bg-inclined-bottom.reverse:before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%) !important;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%) !important;
}

#bg-inclined-top {
    position: relative;
    z-index: 1;
    background: #edf8fa;
    padding-top: 50px;
}

.service-sms-partner .vc_col-sm-4 {
    text-align: center
}

.service-sms-partner .title h3 {
    font-size: 18px;
    color: #272e36;
    font-family: "Effra-Md";
    font-weight: inherit
}

.service-sms-partner .description p {
    color: #999999;
    font-size: 15px;
}

.simple-tool .description {
    text-align: center;
    font-size: 21px;
    color: #999999;
    line-height: 26px;
}

.simple-tool .simple-tool-content .image-block {
    position: relative;
    text-align: center;
}

.simple-tool .simple-tool-content .image-left {
    position: absolute;
    top: -115px;
    left: 0;
}

.simple-tool .simple-tool-content .image-right {
    position: absolute;
    bottom: -140px;
    right: 0;
}

.simple-tool img {
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.title2 h3 {
    font-size: 22px;
    color: #272e36;
    font-family: "Effra-Md";
    font-weight: inherit;
    margin-bottom: 15px;
}

.title2 p {
    color: #272e36 !important;
    font-size: 15px !important;
    font-family: "Effra-Rg" !important;
    font-weight: inherit !important;
}

a.btn-grad, .btn.btn-grad:active, .btn.btn-grad.active {
    padding: 13px 30px;
    text-align: center;
    border-radius: 40px;
    border: 0px;
    background: #EC3C5F;
    font-size: 22px;
    color: #fff;
    font-family: "Effra-Bd";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
    background: linear-gradient(to left, #f45b43, #eb3349);
}

a.btn-grad:hover {
    opacity: 0.9;
}

a.btn-grad.blue {
    background: #42B5B8;
}

/* Media home */
@media (min-width: 1200px) {
    .service-sms-partner .vc_col-sm-4 .wpb_wrapper {
        max-width: 220px;
    }

    .service-sms-partner .vc_col-sm-4:nth-child(2) .wpb_wrapper {
        margin: auto;
    }

    .service-sms-partner .vc_col-sm-4:nth-child(3) .wpb_wrapper {
        margin: auto 0px auto auto
    }

    #packs-sms .packs-content .choise-country, #packs-sms .packs-content.packs-international .description {
        max-width: 220px;
        margin: auto;
    }
}

@media (min-width: 992px) {
    #first-block {
        padding-top: 120px;
    }

    .registration-sms .email-wrapper {
        display: inline-block;

    }

    .registration-sms .field-email {
        width: 450px;
        height: 50px;
        margin-right: 15px;
    }

    .registration-sms .submit-wrapper {
        margin-top: 0px;
    }

    .registration-sms {
        margin-bottom: 175px;
    }

    .trusted-customers .wpb_gallery ul.wpb_image_grid_ul {
        max-width: 715px;
        margin: auto;
    }

    .trusted-customers .wpb_gallery ul.wpb_image_grid_ul li.isotope-item {
        margin-right: 45px;
    }

    #bg-inclined-bottom, #bg-inclined-bottom-right {
        background-color: transparent;
    }

    #bg-inclined-bottom:before, #bg-inclined-bottom-right:before {
        background-color: #edf8fa;
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0px;
        transform: translateX(-50%);
        width: 100%;
        z-index: -1;
        border-top: 1px solid #edf8fa;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 82%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 82%, 0 100%);
    }

    #premium {
        background-color: #edf8fa;
        -webkit-clip-path: polygon(0 0, 100% 6%, 100% 92%, 0% 100%);
        clip-path: polygon(0 0, 100% 6%, 100% 92%, 0% 100%);
    }
}

@media (min-width: 768px) {
    .trusted-customers .wpb_gallery ul.wpb_image_grid_ul li.isotope-item {
        top: 50% !important;
        transform: translateY(-50%);
        display: inline-block;
        margin-right: 35px;
    }

    .trusted-customers .wpb_gallery ul.wpb_image_grid_ul li.isotope-item:last-child {
        margin-right: 0px;
    }
}


#btn-blue {
    padding: 13px 30px;
    text-align: center;
    border-radius: 40px;
    border: 0px;
    background: #42B5B8;
    font-size: 22px;
    color: #fff;
    font-family: "Effra-Bd";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
    text-decoration: none;
}

/*    
    #btn-blue:active{ 
        background: none !important;
     } */

#btn-blue:hover {
    background-color: #42b5b8d6;
    /* background: red; */
    /* color: red; */
}


#btn-dark-blue {
    padding: 13px 30px;
    text-align: center;
    border-radius: 40px;
    border: 0px;
    background: #16A0A4;
    font-size: 22px;
    color: #fff;
    font-family: "Effra-Bd";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
    margin-left: 12px;
    margin-right: 12px;
    text-decoration: none;
}

#btn-dark-blue:hover {
    background-color: #16a0a4d9;
}

#services p {
    color: #272E36;
    font-family: Effra;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    line-height: normal;
}

#confiance p {
    margin-top: 76px;
    text-align: center;
    font-size: 26px;
    color: #272E36;
    font-family: Effra;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#bg-inclined-bottom-right:before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

#packs-sms .price-content .price {
    font-size: 60px;
    line-height: 60px;
}

#packs-sms .price-content .unity {
    margin: auto auto auto 15px;
}

#packs-sms .btn-order a {
    width: 200px;
}

#packs-sms p.sub-title + ul li {
    display: inline-block;
    color: #272e36;
    margin-right: 60px;
    font-size: 18px;
    margin-bottom: 0px
}

#bg-inclined-top {
    background: transparent;
    padding-top: 0px;
}

#bg-inclined-top:before {
    background-color: #edf8fa;
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1;
    -webkit-clip-path: polygon(0 7%, 100% 23%, 100% 100%, 0% 100%);
    clip-path: polygon(0 7%, 100% 23%, 100% 100%, 0% 100%);
}

.title-primary {
    margin-bottom: 65px;
}

}

@media (min-width: 768px) {
    .trusted-customers .wpb_gallery ul.wpb_image_grid_ul li.isotope-item {
        top: 50% !important;
        transform: translateY(-50%);
        display: inline-block;
        margin-right: 35px;
    }

    .trusted-customers .wpb_gallery ul.wpb_image_grid_ul li.isotope-item:last-child {
        margin-right: 0px;
    }

    body.home h1, body.home h2 {
        font-size: 60px;
    }

    .fix_btn .btn {
        min-width: 298px;
    }

    .fix_btn2 .btn {
        min-width: 190px;
    }

    .fix_btn .btn, .fix_btn2 .btn {
        margin-right: 30px;
    }

    .fix_btn .btn:last-child {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .fix_btn2 .btn:last-child {
        margin-right: 0;
    }

}

@media (max-width: 991px) {
    body .operation-sms-partner, body .simple-tool, body #number-information {
        margin-bottom: 15px !important
    }

    #bg-inclined-bottom, #bg-inclined-bottom-right {
        padding-top: 40px !important;
        padding-bottom: 20px;
        margin-bottom: 50px !important;
    }

    body .pack-sms-content, body #bg-inclined-top .service-sms-partner {
        margin-bottom: 0px !important
    }

    body .description-pack-sms {
        margin-bottom: 40px !important
    }

    body #last-posts {
        margin-bottom: 20px !important;
    }

    body #bg-inclined-top .registration-sms {
        margin-bottom: 25px !important;
    }
}

@media (max-width: 767px) {
    .simple-tool .simple-tool-content .image-left, .simple-tool .simple-tool-content .image-right {
        display: none;
    }

    .trusted-customers .wpb_gallery ul.wpb_image_grid_ul li.isotope-item {
        position: realtive;
        width: 100%;
        margin-bottom: 25px;
    }

    .trusted-customers .wpb_gallery ul.wpb_image_grid_ul li.isotope-item:last-child {
        margin-bottom: 0px;
    }

    .trusted-customers .wpb_gallery ul.wpb_image_grid_ul li.isotope-item img {
        margin: auto;
    }

    .trusted-customers .wpb_gallery {
        margin-bottom: 15px !important
    }

    #packs-sms .price-content .price {
        font-size: 60px;
        line-height: 60px;
    }
}

/* Page prestahop */
.page-prestashop h2 {
    font-size: 23px;
}

.page-prestashop #banner-top h1 {
    color: #fff;
    margin-bottom: 15px;
    margin-top: 45px;
    visibility: visible;
    text-align: center;
    font-size: 28px !important
}

.page-prestashop #banner-top h1 + p {
    color: #fff;
    margin-bottom: 50px;
    visibility: visible;
    text-align: center;
}

.page-prestashop #banner-top .content-left img {
    background-color: #fff;
    border-radius: 6px;
}

.page-prestashop #banner-top .content-right p {
    color: #fff;
}

#composer-page.page-prestashop #banner-top .content-right .btn.btn-default {
    background-color: #f7f7f7;
    color: #3498DB !important;
    border: 1px solid #f7f7f7 !important;
    margin-bottom: 0px;
    text-decoration: none;
    margin-right: 0px;
}

#composer-page.page-prestashop #banner-top .content-right .btn.btn-default:hover {
    background-color: #fafafa;
    opacity: 1;
}

.page-prestashop #features .title h2 {
    text-align: center;
    margin-bottom: 25px;
}

.page-prestashop #features .feature-image img {
    border-radius: 6px;
    border: 1px solid #DBDBDB;
}

@media (min-width: 992px) {
    .page-prestashop #references .content-left .vc_column-inner {
        padding: 0px;
    }

    .page-prestashop #references .content-left img {
        width: 170px;
    }
}

.page-prestashop #references .content-right img {
    background-color: #F5F5F5;
    border-radius: 50%;
    padding: 10px;
    width: 100%;
}

.page-prestashop #message_for_register h2 {
    color: #fff;
    line-height: 43px;
    font-size: 28px;
    margin-bottom: 0;
}

#composer-page.page-prestashop #message_for_register .btn.btn-default {
    background-color: #f7f7f7;
    color: #3498DB !important;
    border: 1px solid #f7f7f7 !important;
    margin-bottom: 0px;
    text-decoration: none;
    margin-right: 0px;
}

#composer-page.page-prestashop #message_for_register .btn.btn-default:hover {
    background-color: #fafafa;
    opacity: 1;
}

/* Plugin yet another related posts */
body .yarpp-related h3 {
    text-transform: none;
}

/* Page A Propos */
body .page-about h1, body .page-about h2 {
    font-size: 38px;
    color: #272e36;
    text-align: center;
    font-family: "Effra-Bd";
}

body .page-about p {
    color: #999999;
}

body .content-wrapper.page-about, body .content-wrapper.page-about p {
    font-family: "Effra-Rg" !important;
}

body .page-about .title-primary {
    margin-bottom: 0px;
}

body .page-about .title-primary p {
    color: #272e36;
}

@media (min-width: 768px) {
    body .page-about h1 {
        font-size: 60px;
    }

    body .page-about h2 {
        font-size: 48px;
    }
}

@media (min-width: 992px) {
    body .page-about #bg-inclined-bottom:before {
        height: 100%;
    }
}

@media (max-width: 991px) {
    body .page-about #bg-inclined-bottom {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        margin-bottom: 0px !important;
    }
}

#engagement-about .content-engagement h3 {
    font-family: "Effra-Md";
    font-size: 21px;
    color: #272e36;
    line-height: 21px;
    font-weight: initial;
}

#engagement-about .content-engagement p {
    font-size: 17px;
    line-height: 20px;
}

#engagement-about .content-engagement .link a {
    color: #42b5b8;
    font-family: "Effra-Bd";
    font-size: 13px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    text-decoration: underline;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

#engagement-about .content-engagement .link a:hover {
    opacity: 0.8;
}

#engagement-about {
    position: relative;
    z-index: 1;
    background: #edf8fa;
}

@media (min-width: 1200px) {
    #engagement-about .content-engagement.right .vc_column-inner {
        max-width: 390px;
    }

    #engagement-about .content-engagement.left .vc_column-inner {
        max-width: 390px;
        margin-left: 90px;
    }

    #engagement-about .image-margin-top {
        margin-top: -35px;
    }
}

@media (min-width: 992px) {
    #engagement-about {
        background: transparent;
    }

    #engagement-about:before {
        background-color: #edf8fa;
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0px;
        transform: translateX(-50%);
        width: 100%;
        z-index: -1;
        -webkit-clip-path: polygon(0 0, 100% 4%, 100% 88%, 0% 100%);
        clip-path: polygon(0 0, 100% 4%, 100% 88%, 0% 100%);
    }
}

@media (max-width: 991px) {
    #engagement-about {
        padding-top: 40px;
        padding-bottom: 0px;
    }
}

@media (max-width: 767px) {
    #engagement-about {
        padding-bottom: 20px;
        margin-bottom: 40px !important
    }
}

#histroy-about .timeline {
    width: 100%;
    position: relative;
    padding: 60px 0px 45px;
}

#histroy-about .timeline:before {
    content: '';
    position: absolute;
    top: -17px;
    left: calc(50% + -2px);
    bottom: 0px;
    width: 4px;
    background: #edf8fa;
}

#histroy-about .timeline:after {
    content: "";
    display: table;
    clear: both;
}

#histroy-about .timeline .entry {
    clear: both;
    text-align: left;
    position: relative;
    overflow: hidden;
}

#histroy-about .timeline .entry .title {
    float: left;
    width: 50%;
    padding-right: 30px;
    text-align: right;
    position: relative;
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
    #histroy-about .timeline .entry {
        height: 88px;
    }

    #histroy-about .timeline .entry:last-child {
        height: auto;
    }

    #histroy-about .timeline .entry .title {
        padding-left: 150px;
        text-align: left;
    }

    #histroy-about .content-right .wpb_single_image,
    #histroy-about .content-right h2,
    #histroy-about .content-right .content {
        padding-left: 40px;
    }

    #histroy-about .content-right h2 {
        text-align: left
    }

    #histroy-about .content-right .content .wpb_wrapper {
        max-width: 470px;
    }
}

@media (min-width: 992px) {
    #histroy-about .timeline {
        padding: 100px 0px 80px;
    }

    #histroy-about .content-right {
        padding-top: 100px;
    }
}

@media (min-width: 768px) {
    #histroy-about .timeline:before {
        bottom: -17px;
    }
}

@media (max-width: 767px) {
    #histroy-about .content-right .wpb_single_image {
        text-align: center !important;
    }
}

#histroy-about .timeline .entry .title:before {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    border: 5px solid #00b6b7;
    background-color: #fff;
    border-radius: 100%;
    top: 0%;
    right: -13px;
    z-index: 99;
}

#histroy-about .timeline .entry .title h3 {
    font-size: 24px;
    font-family: "Effra-Md";
    color: #272e36;
    font-weight: initial;
    margin: 0;
}

#histroy-about .timeline .entry .title h3.active {
    color: #00b6b7;
}

#histroy-about .timeline .entry .title p {
    color: #272e36;
    font-size: 18px;
    margin-bottom: 0px
}

#histroy-about .timeline .entry .body {
    margin: 0 0 40px;
    float: right;
    width: 50%;
    padding-left: 30px;
}

#histroy-about .timeline .entry .body p {
    font-size: 18px;
    color: #272e36;
    margin-bottom: 0px;
}

#histroy-about .timeline .entry:last-child .body {
    margin-bottom: 0px;
}

#histroy-about .content-right {
    padding-top: 60px;
}

#histroy-about .content-right .content p {
    font-size: 18px;
}

/* Page Tarifs */

body .page-prices h1, body .page-prices h2 {
    font-size: 38px;
    color: #272e36;
    text-align: center;
    font-family: "Effra-Bd";
}

body .page-prices p {
    color: #999999;
}

body .content-wrapper.page-prices,
body .content-wrapper.page-prices p {
    font-family: "Effra-Rg" !important;
}

body .page-prices .title-primary {
    margin-bottom: 0px;
}

body .page-prices .title-primary p {
    color: #272e36;
}

@media (min-width: 768px) {
    body .page-prices h1 {
        font-size: 60px;
    }

    body .page-prices h2 {
        font-size: 48px;
    }
}

@media (min-width: 992px) {
    body .page-prices #bg-inclined-bottom:before {
        /*height: 370px;*/
        height: 100%;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
    }
}

@media (max-width: 991px) {
    body .page-prices #bg-inclined-bottom {
        padding-top: 40px !important;
        padding-bottom: 0px !important;
        margin-bottom: 40px !important;
    }
}

.btn-switch {
    text-align: center;
}

.btn-switch .btn-toggle {
    outline: none;
}

.btn-switch .btn-toggle {
    margin: 0px;
    padding: 0;
    position: relative;
    border: none;
    height: 24px;
    width: 50px;
    border-radius: 15px;
    background: linear-gradient(to top, #00b9ba, #00d7d8);
}

.btn-switch .btn-toggle.active {
    background: linear-gradient(to left, #ff830a, #ffc434);
    transition: background-color 0.25s;
}

.btn-switch .btn-toggle > .handle {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    transition: left 0.25s;
}

.btn-switch .btn-toggle.active > .handle {
    left: 28px;
    transition: left 0.25s;
}

.btn-switch .btn-toggle:before,
.btn-switch .btn-toggle:after {
    color: #00b6b7;
    line-height: 24px;
    width: 200px;
    text-align: center;
    font-size: 15px;
    font-family: "Effra-Rg";
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}

.btn-switch .btn-toggle:before {
    content: 'SMS Premium';
    left: -165px;
}

.btn-switch .btn-toggle:after {
    content: 'SMS ÊCO';
    right: -165px;
    color: #999999;
}

.btn-switch .btn-toggle.active:before {
    color: #999999;
}

.btn-switch .btn-toggle.active:after {
    color: #ffa621;
}

.box-prices .content-box {
    max-width: 770px;
    margin: auto;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
}

.box-prices.box-premium .content-box {
    border: 2px solid #00dcdc;
}

.box-prices .content-left {
    float: left;
    width: 61%;
    padding: 30px 15px;
    border-right: 1px solid #cccccc
}

.box-prices p.desc {
    color: #999999 !important;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 20px;
}

.box-prices p.desc strong {
    font-family: "Effra-Bd";
}

.box-prices .content-right {
    float: left;
    width: 39%;
    padding: 30px 15px;
}

.box-prices .content-box h2 {
    font-size: 24px;
}

.box-prices.box-low-cost {
    display: none;
}

.box-prices.box-premium .select-and-prices {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
}

.box-prices.box-premium .select-and-prices p {
    text-align: left;
    font-size: 15px;
    margin-bottom: 5px;
}

.box-prices.box-premium .choise-country {
    float: left;
    width: 55%;
}

.box-prices .choise-country select {
    border: none !important;
    background: #fff;
    color: #272e36 !important;
    font-family: "Effra-Bd";
    margin-right: 0px;
    padding: 15px 20px 15px 15px;
    outline: none !important;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-bottom: 0px !important;
}

.box-prices.box-premium .choise-country .bootstrap-select {
    width: 100% !important;
    height: auto;
}

#composer-page .box-prices.box-premium .choise-country .bootstrap-select button {
    border: none !important;
    background: #fff;
    color: #272e36 !important;
    font-family: "Effra-Bd";
    margin-right: 0px;
    padding: 15px 20px 15px 15px;
    outline: none !important;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-bottom: 0px !important
}

#composer-page .box-prices.box-premium .choise-country .bootstrap-select button span.caret {
    border-top-color: #272e36 !important;
    right: 20px;
    transform: translateY(-50%);
    margin-top: 0px;
}

#composer-page .box-prices.box-premium .choise-country .dropdown-menu.open {
    max-width: 100%;
}

#composer-page .box-prices.box-premium .choise-country ul.dropdown-menu {
    overflow-x: hidden;
}

.box-prices.box-premium .prices-show div.price,
.box-prices.box-low-cost .prices-show div.price {
    font-size: 48px;
    line-height: 48px;
    font-family: "Effra-Bd";
    color: #272e36;
    position: relative
}

.box-prices.box-premium .prices-show div.price:after,
.box-prices.box-low-cost .prices-show div.price:after {
    content: '€';
    font-size: 20px;
    top: 0px;
    position: absolute;
    right: 0px;
    line-height: 32px;
}

.box-prices.box-premium .prices-show {
    float: right;
    width: 35%;
}

.box-prices .btn-cmd {
    max-width: 100%;
    margin: auto;
    margin-bottom: 15px;
}

.box-prices .btn-cmd a {
    display: block;
    padding: 15px;
    text-align: center;
    border-radius: 25px;
    border: 0px;
    font-size: 18px;
    color: #fff;
    font-family: "Effra-Bd";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

.box-prices.box-premium .btn-cmd a {
    background: linear-gradient(to left, #f45b43, #eb3349);
}

.box-prices.box-low-cost .btn-cmd a {
    background: linear-gradient(to left, #ffbd30, #ff8a0f);
}

.box-prices .btn-cmd a:hover,
.box-prices .content-right .btn-fonct a:hover {
    opacity: 0.9;
    text-decoration: none;
}

.box-prices.box-premium .link-inter {
    text-align: center;
}

.box-prices.box-premium .link-inter a {
    font-family: "Effra-Bd";
    font-size: 13px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.box-prices.box-premium .link-inter a:hover {
    color: #00b6b7;
    opacity: 0.8;
    text-decoration: none;
}

.box-prices .content-right p.desc strong {
    color: #00b6b7
}

.box-prices .content-right ul {
    text-align: left;
    list-style: none;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.box-prices .content-right ul li {
    color: #999999;
    font-size: 15px;
    padding: 9px 0px 9px 12px;
    border-bottom: 1px solid #999999;
}

.box-prices{
    display: flex;
    justify-content: center;
}

/*.box-prices .content-right ul li:last-child{
	border-bottom:  0px solid #999999;
}*/
.box-prices .content-right ul li:before {
    content: "";
    background-image: url(images/icon-check-pack.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 10px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.box-prices .content-right .btn-fonct a {
    display: block;
    padding: 15px;
    text-align: center;
    border-radius: 25px;
    border: 0px;
    background: #00b6b7;
    font-size: 18px;
    color: #fff;
    font-family: "Effra-Bd";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

.box-prices.box-low-cost .content-box {
    border: 2px solid #ffa621;
}

.box-prices.box-low-cost .prices-show {
    margin-bottom: 30px;
    position: relative;
}

.box-prices.box-low-cost .prices-show #no-lowcost {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(25%);
    font-size: 22px;
    color: #ffa621
}

.box-prices.box-low-cost .prices-show p {
    font-size: 15px;
    margin-bottom: 10px;
}

.box-prices.box-low-cost .prices-show div.price {
    text-align: center;
}

.box-prices.box-low-cost .prices-show div.price:after {
    right: auto;
    margin-left: 5px;
}

.box-prices .content-right ul li.uncheck:before {
    background-image: url(images/icon-invalid.png);
    width: 11px;
    height: 11px;
}

.box-prices .list-qtys {
    margin-bottom: 55px;
    text-align: center;
}

.box-prices .list-qtys > div {
    display: inline-block;
}

.box-prices .list-qtys .before_span,
.box-prices .list-qtys .after_span {
    color: #999999;
    font-size: 18px;
}

.box-prices .list-qtys .result-qtys,
.box-prices .list-qtys .unity {
    font-family: "Effra-Bd";
    font-size: 18px;
    color: #272e36;
}

.box-prices .list-qtys .result-qtys {
    margin-left: 3px;
}

.box-prices .list-qtys .select-pack .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.box-prices .list-qtys .select-pack select,
#composer-page .box-prices .list-qtys .select-pack button.btn.btn-default {
    border: 1px solid #00b6b7 !important;
    border-radius: 25px;
    padding: 3px 10px;
    font-size: 17px;
    color: #00b6b7 !important;
    font-family: "Effra-Bd";
    width: 130px;
    outline: none !important;
    margin: 0px 5px;
}

.box-prices.box-low-cost .list-qtys .select-pack select,
#composer-page .box-prices.box-low-cost .list-qtys .select-pack button.btn.btn-default {
    border: 1px solid #ff9616 !important;
    color: #ff9616 !important;
}

#composer-page .box-prices .list-qtys .select-pack button.btn.btn-default:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#composer-page .box-prices .list-qtys .select-pack button.btn.btn-default .caret {
    border-top-color: #00b6b7;
}

#composer-page .box-prices.box-low-cost .list-qtys .select-pack button.btn.btn-default .caret {
    border-top-color: #ff9616;
}

#composer-page .box-prices .list-qtys .select-pack .btn-group.open button.btn.btn-default .caret {
    border-top-color: #fff;
}

#composer-page .box-prices .list-qtys .select-pack .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #00b6b7 !important;
    color: #fff !important
}

#composer-page .box-prices.box-low-cost .list-qtys .select-pack .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ff9616 !important;
    color: #fff !important
}

#composer-page .box-prices .list-qtys .select-pack .btn-group.open div.dropdown-menu.open {
    margin-top: 20px;
    border: 0px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1)
}

#composer-page .box-prices .list-qtys .select-pack .btn-group.open div.dropdown-menu.open:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -11px;
    width: 0;
    height: 0;
    border-bottom: 12px solid #fff;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    clear: both;
    color: #ffff;
    -webkit-filter: drop-shadow(0px -3px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px -3px 3px rgba(0, 0, 0, 0.1));
}

#composer-page .box-prices .list-qtys .select-pack .btn-group.open div.dropdown-menu.open ul {
    border-radius: 10px;
    padding: 10px 0px;
}

#composer-page .box-prices .list-qtys .select-pack .btn-group.open div.dropdown-menu.open ul li {
    padding: 0px;
    text-align: left;
    -webkit-transition: color 0.3s ease, background 0.3s ease;
    -moz-transition: color 0.3s ease, background 0.3s ease;
    -o-transition: color 0.3s ease, background 0.3s ease;
    transition: color 0.3s ease, background 0.3s ease;
}

#composer-page .box-prices .list-qtys .select-pack .btn-group.open div.dropdown-menu.open ul li:hover,
#composer-page .box-prices .list-qtys .select-pack .btn-group.open div.dropdown-menu.open ul li.selected {
    background: #edf8fa;
}

#composer-page .box-prices.box-low-cost .list-qtys .select-pack .btn-group.open div.dropdown-menu.open ul li:hover,
#composer-page .box-prices.box-low-cost .list-qtys .select-pack .btn-group.open div.dropdown-menu.open ul li.selected {
    background: #fdd19b;
}

#composer-page .box-prices .list-qtys .select-pack .btn-group.open div.dropdown-menu.open ul li a {
    font-family: "Effra-Rg";
    color: #272e36;
    padding: 10px 20px 10px;
    outline: none;
}

#composer-page .box-prices .list-qtys .select-pack .btn-group.open div.dropdown-menu.open ul li a {
    background-color: transparent;
}

@media (max-width: 767px) {
    .box-prices .list-qtys > div {
        display: block;
        text-align: center;
    }

    .box-prices .list-qtys {
        margin-bottom: 30px;
    }

    .box-prices .list-qtys .select-pack {
        margin-bottom: 15px;
    }

    .box-prices .list-qtys .before_span {
        margin-bottom: 5px;
        text-align: left;
    }

    .box-prices .list-qtys .select-pack select,
    #composer-page .box-prices .list-qtys .select-pack button.btn.btn-default {
        width: 100%;
        margin: 0px;
    }

    .box-prices .list-qtys .after_span {
        display: none;
    }

    .box-prices .list-qtys .result-qtys,
    .box-prices .list-qtys .unity {
        display: inline-block;
        margin: 0px;
        font-size: 24px;
    }
}

@media (min-width: 992px) {

    .box-prices .content-left,
    .box-prices .content-right {
        padding: 30px 35px;
    }

    .box-prices.box-premium .prices-show div.price:after {
        right: 5px;
    }
}

@media (min-width: 768px) {

    .box-prices.box-premium .select-and-prices,
    .box-prices.box-low-cost .prices-show {
        margin-bottom: 55px;
    }

    .box-prices .btn-cmd {
        max-width: 320px;
    }

    .box-prices .content-box {
        display: flex;
    }

    .box-prices.box-low-cost .prices-show #no-lowcost {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .box-prices .content-left {
        float: none;
        width: 100%;
        border-right: 0px;
        border-bottom: 1px solid #ccc;
    }

    .box-prices.box-premium .choise-country {
        float: none;
        width: 100%;
        margin-bottom: 25px;
    }

    .box-prices.box-premium .prices-show,
    .box-prices .content-right {
        float: none;
        width: 100%;
    }

    .box-prices.box-premium .prices-show div.price {
        text-align: center;
    }

    .box-prices.box-premium .prices-show div.price:after {
        right: auto;
        margin-left: 5px;
    }
}

body .page-prices #service-prices {
    margin-bottom: 15px
}

body .page-prices #service-prices h2 {
    margin-bottom: 13px !important;
}

body .page-prices #service-prices p.sub-title {
    font-size: 21px;
    text-align: center;
    margin-bottom: 0px;
}

body .page-prices #service-prices p.sub-title + ul {
    padding-left: 0px;
    text-align: center;
}

body .page-prices #service-prices p.sub-title + ul li {
    display: block;
    color: #272e36;
    margin-right: 25px;
    font-size: 18px;
    margin-bottom: 20px;
}

body .page-prices #service-prices p.sub-title + ul li:before {
    content: "";
    background-image: url(images/icon-check.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 15px;
    display: inline-block;
    margin-right: 15px;
}

body .page-prices #service-prices .title h3 {
    font-size: 18px;
    font-family: "Effra-Md";
    font-weight: initial;
}

body .page-prices #service-prices .description p {
    font-size: 15px;
    line-height: 24px
}

body .page-prices #service-prices .link p {
    font-size: 13px;
    line-height: 15px;
}

body .page-prices #service-prices .link a {
    text-transform: uppercase;
    font-family: "Effra-Bd";
    color: #00b6b7;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

body .page-prices #service-prices .link a:hover {
    text-decoration: none;
    opacity: 0.8;
}

@media (min-width: 992px) {
    body .page-prices #service-prices {
        margin-bottom: 65px
    }

    body .page-prices #service-prices p.sub-title + ul li {
        display: inline-block;
        margin-bottom: 0px;
    }
}

body .page-prices #features .list-features ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

body .page-prices #features .list-features ul li:not(:first-child):not(:last-child) {
    padding: 15px 0px;
    overflow: hidden;
    font-size: 18px;
    border-bottom: 1px solid #cccccc;
}

body .page-prices #features .list-features ul li p:first-child {
    font-size: 18px;
    color: #272e36;
    margin-bottom: 10px;
}

body .page-prices #features .list-features ul li p {
    margin-bottom: 0px;
}

body .page-prices #features .list-features ul li em {
    font-size: 15px;
    line-height: 15px;
    font-style: normal;
    display: block;
    color: #999999;
    margin-bottom: 3px;
}

body .page-prices #features .list-features ul li a {
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    font-family: "Effra-Bd";
    color: #00b6b7;
    display: block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

body .page-prices #features .list-features ul li a:hover {
    color: #00b6b7;
    text-decoration: none;
    opacity: 0.8;
}

body .page-prices #features .list-features ul li .vc_col-sm-3 {
    text-align: center;
}

body .page-prices #features .list-features ul li h3 {
    font-size: 24px;
    font-family: "Effra-Bd";
    margin-bottom: 0px;
    color: #00b6b7;
}

body .page-prices #features .list-features ul li .low-cost h3 {
    color: #ffa621;
}

body .page-prices #features .list-features ul li .sub-title {
    font-size: 15px;
    color: #999999;
}

@media (max-width: 767px) {
    body .page-prices #features .list-features ul li .vc_col-sm-6 {
        width: 50%;
        float: left
    }

    body .page-prices #features .list-features ul li .vc_col-sm-3 {
        width: 25%;
        float: left
    }
}

body .page-prices #features .list-features ul li.first-list,
body .page-prices #features .list-features ul li.last-list {
    overflow: hidden;
    display: none;
}

body .page-prices #features .list-features ul li.first-list .premium,
body .page-prices #features .list-features ul li.first-list .low-cost {
    padding-top: 35px;
    padding-bottom: 60px;
}

body .page-prices #features .list-features ul li.last-list .premium,
body .page-prices #features .list-features ul li.last-list .low-cost {
    padding-top: 35px;
    padding-bottom: 27px;
}

body .page-prices #features .list-features ul li.first-list .premium {
    border-top: 2px solid #02dcdd;
    border-left: 2px solid #02dcdd;
    border-right: 2px solid #02dcdd;
    border-radius: 10px 10px 0px 0px;
    background: linear-gradient(to bottom, #e7f7fa, #ffffff);
}

body .page-prices #features .list-features ul li.last-list .premium {
    border-bottom: 2px solid #02dcdd;
    border-left: 2px solid #02dcdd;
    border-right: 2px solid #02dcdd;
    border-radius: 0px 0px 10px 10px;
    background: linear-gradient(to top, #e7f7fa, #ffffff);
}

body .page-prices #features .list-features ul li.last-list .btn-more {
    margin-bottom: 15px;
}

body .page-prices #features .list-features ul li.last-list a {
    display: block;
    padding: 20px 15px;
    text-align: center;
    border-radius: 25px;
    border: 0px;
    background: #00b6b7;
    font-size: 18px;
    color: #fff;
    font-family: "Effra-Bd";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
    text-transform: initial;
}

body .page-prices #features .list-features ul li.last-list .low-cost a {
    background: linear-gradient(to left, #ffbd30, #ff8a0f);
}

body .page-prices #features .list-features ul li.last-list a:hover {
    opacity: 0.9;
}

body .page-prices #features .list-features ul li.last-list .sub-title {
    color: #00b6b7;
}

body .page-prices #features {
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
    body .page-prices #features .list-features ul li.last-list a {
        width: 200px;
        margin: auto
    }
}

@media (min-width: 992px) {
    body .page-prices #features {
        margin-bottom: 50px;
    }

    body .page-prices #features .list-features ul li.first-list,
    body .page-prices #features .list-features ul li.last-list {
        display: block;
    }
}

body .page-prices #trusted-customers h3 {
    font-size: 21px;
    font-weight: 400;
    color: #999999;
    text-align: center;
}

body .page-prices #testimonial {
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    body .page-prices #testimonial {
        margin-bottom: 65px;
    }
}

/* revslider */
body .page-prices .rev_slider_wrapper {
    height: 100% !important
}

body .page-prices .rev_slider_wrapper span.tp-thumb-image {
    background-size: contain;
    background-repeat: no-repeat;
}

body .page-prices .rev_slider_wrapper .tp-thumbs {
    margin-bottom: 45px;
}

body .page-prices .rev_slider_wrapper .tp-thumb {
    opacity: 1;
}

body .page-prices .rev_slider_wrapper .tp-thumb:not(.selected) span {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 0.5;
}

body .page-prices .rev_slider_wrapper .tp-thumb:hover:not(.selected) span {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
    opacity: 1
}

body .page-prices .rev_slider_wrapper .rev_slider {
    -webkit-box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.3);
}

body .page-prices #frequently {
    position: relative;
    z-index: 1;
    background: #edf8fa;
    padding-top: 40px;
}

@media (min-width: 1200px) {
    body .page-prices #frequently-content h3 {
        min-height: 66px;
    }
}

@media (min-width: 992px) {
    body .page-prices #frequently {
        background: transparent;
        padding-top: 100px;
    }

    body .page-prices #frequently:before {
        background-color: #edf8fa;
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0px;
        transform: translateX(-50%);
        width: 100%;
        z-index: -1;
        -webkit-clip-path: polygon(0 0, 100% 6%, 100% 92%, 0% 100%);
        clip-path: polygon(0 0, 100% 6%, 100% 92%, 0% 100%);
    }
}

body .page-prices #frequently-content h3 {
    font-size: 1.45rem;
    line-height: 22px;
    color: #272e36;
    font-weight: initial;
    font-family: "Effra-Md";
}

body .page-prices #frequently-content .content p {
    font-size: 15px;
    line-height: 18px;
}

body .page-prices #frequently-content .link p {
    font-size: 13px;
    line-height: 15px;
}

body .page-prices #frequently-content .link a {
    text-transform: uppercase;
    font-family: "Effra-Bd";
    color: #00b6b7;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
    text-decoration: underline;
}

body .page-prices #frequently-content .link a:hover {
    opacity: 0.8;
}

body .page-prices #frequently .btn-fag {
    text-align: center;
    margin-bottom: 45px;
}

body .page-prices #frequently .btn-fag a {
    display: block;
    width: 100%;
    padding: 12px 15px;
    text-align: center;
    border-radius: 25px;
    border: 0px;
    background: #00b6b7;
    font-size: 18px;
    color: #fff;
    font-family: "Effra-Bd";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
    text-transform: initial;
    text-decoration: initial;
}

body .page-prices #frequently .btn-fag a:hover {
    opacity: 0.9;
}

body .page-prices .registration-sms {
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    body .page-prices #frequently .btn-fag {
        margin-bottom: 100px
    }

    body .page-prices .registration-sms .submit-wrapper {
        display: inline-block;
    }

    body .page-prices .registration-sms .field-submit {
        display: inline-block;
        width: 260px;
    }
}

@media (min-width: 768px) {
    body .page-prices #frequently .btn-fag a {
        display: inline-block;
        width: 300px;
    }
}

/* New footer */

footer#main-footer {
    background: #fff;
    padding: 30px 0px;
}

footer#main-footer .menu-top {
    margin-bottom: 15px
}

footer#main-footer .menu-footer ul {
    margin: 0px
}

footer#main-footer .menu-footer ul li {
    display: inline-block;
    margin-bottom: 10px;
    padding: 0px 10px;
}

footer#main-footer .menu-footer ul li a {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

footer#main-footer .menu-top ul li a {
    color: #999999;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Effra-Bd";
    text-decoration: none;
}

footer#main-footer .menu-top ul li.link-sms-partner a {
    color: #00b6b7
}

footer#main-footer .menu-footer ul li a:hover,
footer#main-footer .copyright a:hover {
    opacity: 0.8
}

footer#main-footer .menu-top ul li.link-immo-partner a:hover {
    color: #EC3C5F;
    opacity: 1
}

footer#main-footer .menu-top ul li.link-voice-partner a:hover {
    color: #4c8cb2;
    opacity: 1
}

footer#main-footer .menu-top ul li.link-bon-cheval a:hover {
    color: #000;
    opacity: 0.8
}

footer#main-footer .copyright,
footer#main-footer .menu-bottom,
footer#main-footer .other-website {
    margin-bottom: 25px;
}

footer#main-footer .copyright p {
    font-size: 15px;
    font-family: "Effra-Rg";
    color: #5a5a5a;
    margin-bottom: 0px;
}

footer#main-footer .copyright a {
    color: #5a5a5a;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: underline;
    outline: none;
}

footer#main-footer .menu-bottom ul li {
    margin-bottom: 0px;
}

footer#main-footer .menu-bottom ul li.img-neutrality a {
    background-image: url(/wp-content/themes/weblizar-smspartner/images/iconecapteNB2.png);
    width: 24px;
    height: 24px;
    content: '';
    background-position: center;
    display: inline-block;
    background-size: cover;
    text-decoration: none;
    color: #fff;
}

footer#main-footer .menu-bottom ul li a {
    color: #5a5a5a;
    font-size: 15px;
    font-family: "Effra-Rg";
    text-decoration: underline;
}

footer#main-footer .other-website .dropdown {
    display: inline-block;
}

footer#main-footer .other-website button.btn.btn-primary {
    background-color: transparent;
    color: #5a5a5a;
    border: 2px solid #5a5a5a;
    border-radius: 25px;
    margin: 0px;
    width: 130px;
}

footer#main-footer .other-website button.btn.btn-primary:active {
    -webkit-box-shadow: none;
    box-shadow: none;

}

footer#main-footer .other-website .caret {
    position: relative;
    right: -5px;
    border-top-color: #5a5a5a;
    border-top: 4px solid #5a5a5a;
}

footer#main-footer .other-website ul.dropdown-menu {
    margin-top: 20px;
    min-width: 100%;
    border: 0px;
    padding: 10px 0px;
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
    left: -20px
}

footer#main-footer .other-website ul.dropdown-menu:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -11px;
    width: 0;
    height: 0;
    border-bottom: 12px solid #fff;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    clear: both;
    color: #ffff;
    -webkit-filter: drop-shadow(0px -3px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px -3px 3px rgba(0, 0, 0, 0.1));
}

footer#main-footer .other-website ul.dropdown-menu li a {
    text-align: left;
    padding: 6px 12px;
    outline: none;
}

footer#main-footer .other-website .name-country {
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
    font-size: 15px;
    font-family: "Effra-Bd";
}

@media (min-width: 768px) {
    footer#main-footer {
        padding: 100px 0px;
    }

    footer#main-footer .menu-top {
        margin-bottom: 25px;
    }

    footer#main-footer .menu-footer ul li {
        position: relative;
        padding: 0px 20px;
        margin-bottom: 0px
    }

    footer#main-footer .menu-footer ul li:first-child {
        padding-left: 0px;
    }

    footer#main-footer .menu-footer ul li:last-child {
        padding-right: 0px;
    }

    footer#main-footer .menu-footer ul li:after {
        content: "-";
        right: -5px;
        position: absolute;
        font-size: 16px;
        font-family: "Effra-Bd";
        color: #797c7f;
    }

    footer#main-footer .menu-footer ul li:last-child:after {
        content: "";
    }
}

/* Page events with VC */
body > section#event {
    padding: 0px;
}

#events-page .blog-post-body .container {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.calendar-month .vc_row{
    display: flex !important;
    align-items: center !important;
}

.calendar-month.flex-end .vc_row{
    align-items: flex-end !important;
}

.calendar-month p a:hover, ul.list-calendar li a:hover{
  opacity: 0.9;
	color: #00b6b7;
}

/* Page pays: List country with VC */
.list-country .wpb_text_column .wpb_wrapper p {
    font-size: 18px;
}

/* Page API */
@media (min-width: 992px) {
    body .page-api #bg-inclined-bottom:before {
        height: 100%;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
    }

    body .page-api #bg-inclined-bottom-right:before {
        height: 100%;
    }
}

@media (max-width: 991px) {
    body .page-api #bg-inclined-bottom, body .page-api #bg-inclined-bottom-right {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        margin-bottom: 40px !important;
    }
}

body .page-api h1,
body .page-api h2 {
    font-size: 38px;
    color: #272e36;
    text-align: center;
    font-family: "Effra-Bd";
}

@media (min-width: 768px) {

    body .page-api h1,
    body .page-api h2 {
        font-size: 48px;
    }
}

body .page-api .title-primary {
    margin-bottom: 0px;
}

body .page-api .title-primary p {
    color: #272e36;
    font-size: 21px;
    font-family: Effra-Rg;
    line-height: 24px;
}

body .page-api .api-simplify h2 {
    text-align: left;
}

body .page-api .api-simplify .content-left p {
    font-size: 18px;
    color: #999999;
    font-family: Effra-Rg;
    line-height: 24px;
}

@media (min-width: 1200px) {
    body .page-api .title-primary p {
        max-width: 480px;
        margin: auto;
    }

    body .page-api .api-simplify .content-left p {
        max-width: 400px;
    }
}

body .page-api .registration-phone p {
    color: #272e36 !important;
    max-width: 100% !important;
}

body .page-api .registration-phone p strong {
    font-family: Effra-Bd;
}

body .page-api .registration-phone p.notice {
    color: #999999 !important;
    font-size: 13px;
}

body .page-api .registration-phone .phone-wrapper {
    position: relative;
    margin-bottom: 20px;
}

body .page-api .registration-phone .field-phone {
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 25px;
    border: 0px;
    background: #dce2e3;
    font-size: 18px;
    font-family: "Effra-Rg";
    padding: 10px 10px 10px 50px;
    margin-right: 0px;
    outline: none;
}

body .page-api .registration-phone .field-phone::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body .page-api .registration-phone .phone-wrapper i {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
}

body .page-api .registration-phone .field-submit {
    display: block;
    width: 100%;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    border: 0px;
    background: linear-gradient(to left, #f45b43, #eb3349);
    font-size: 18px;
    color: #fff;
    font-family: "Effra-Bd";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

body .page-api .registration-phone .field-submit:hover,
body .page-api .registration-phone .field-submit:focus {
    opacity: 0.9;
}

@media (min-width: 1200px) {

    body .page-api .registration-phone .phone-wrapper,
    body .page-api .registration-phone .submit-wrapper {
        display: inline-block;
    }

    body .page-api .registration-phone .phone-wrapper {
        margin-bottom: 0px
    }

    body .page-api .registration-phone .field-phone {
        width: 315px;
        height: 50px;
        margin-right: 15px;
    }

    body .page-api .registration-phone .field-submit {
        width: 180px;
    }
}

body .page-api .api-simplify .content-right .vc_tta-container {
    margin-bottom: 0px !important;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-tabs-list {
    background-color: #3c3c3c;
    border-radius: 10px 10px 0px 0px;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-tab > a {
    border-color: transparent;
    background-color: #3c3c3c;
    color: #999999;
    font-family: Effra-Rg;
    font-size: 15px;
    text-transform: uppercase;
    padding: 24px 20px;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-tab.vc_active > a,
body .page-api .api-simplify .content-right .tabs-code .vc_tta-tab > a:hover {
    background-color: #272e36;
    color: #fff;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panels {
    border-color: transparent;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panels {
    border-color: transparent;
    background-color: #272e36;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body {
    padding: 0px;
    border-width: 0px;
}

body .page-api .api-simplify .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: transparent;
    background-color: #3c3c3c;
}

body .page-api .api-simplify .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
    color: #999;
}

body .page-api .api-simplify .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: transparent;
    background-color: transparent;
    border-width: 0px;
}

body .page-api .api-simplify .vc_tta-panel-heading .vc_tta-panel-title {
    color: #fff;
    font-family: Effra-Rg;
    font-weight: 400;
    text-transform: uppercase
}

body .page-api .api-simplify .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
    color: #fff;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body {
    background-color: #272e36;
    padding: 20px;
    border-width: 0px;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body .code-content ol {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    font-family: 'Space Mono', monospace;
    font-size: 11px;
    color: #999999;
    list-style: none;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body .code-content ol li {
    counter-increment: custom;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body .code-content ol li:before {
    content: counter(custom) " ";
    margin-right: 5px;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body .code-content ol li code {
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    font-size: 12px;
    background: transparent;
    color: #fff;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body .code-content ol li code.space {
    margin-left: 15px;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body .code-content ol li code.space-double {
    margin-left: 30px;
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body .code-content ol li .purple {
    color: #9961c7
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body .code-content ol li .orange {
    color: #ffa621
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body .code-content ol li .cyan {
    color: #00b6b7
}

body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body .code-content ol li .bleu {
    color: #4a90e2
}

@media (min-width: 768px) {
    body .page-api .api-simplify .content-right .tabs-code {
        -webkit-box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
    }

    body .page-api .api-simplify .content-right .tabs-code .vc_tta-panels,
    body .page-api .api-simplify .content-right .tabs-code .vc_tta-panel-body {
        border-radius: 0px 0px 10px 10px;
    }
}

body .page-api .consulting h3 {
    color: #272e36;
    font-size: 24px;
    font-family: Effra-Bd;
    text-align: center;
    white-space: nowrap !important;
}

body .page-api .consulting .bg-consult {
    background-color: #edf8fa;
    padding: 20px 10px 20px 10px;
    border-radius: 10px;
    overflow: hidden;
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

body .page-api .consulting .bg-consult:hover {
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    margin-top: -15px;
}

body .page-api .consulting .bg-consult .image {
    text-align: center;
    margin-bottom: 25px;
}

body .page-api .consulting .bg-consult .content h5 {
    font-size: 18px;
    font-family: Effra-Md;
    font-weight: 500;
    margin-bottom: 5px;
}

body .page-api .consulting .bg-consult .content p {
    font-size: 14px;
    line-height: 18px;
    color: #999999;
    margin-bottom: 10px;
}

body .page-api .consulting .bg-consult .content p.link {
    margin-bottom: 0px;
}

body .page-api .consulting .bg-consult .content p.link a {
    font-size: 13px;
    font-family: Effra-Bd;
    outline: none;
    text-transform: uppercase
}

body .page-api .consulting .bg-consult .content p.link a:hover {
    opacity: 0.8;
    color: #00b6b7;
    text-decoration: none;
}

@media (min-width: 1200px) {
    body .page-api .consulting .bg-consult {
        padding-left: 0px;
    }

    body .page-api .consulting .bg-consult .image {
        display: inline-block;
        float: left;
        width: 28%;
        text-align: left;
        margin-bottom: 0px;
    }

    body .page-api .consulting .bg-consult .image img {
        position: relative;
        left: -20px;
        width: 100%;
    }

    body .page-api .consulting .bg-consult .content {
        display: inline-block;
        float: left;
        width: 72%;
    }
}

@media (min-width: 992px) {
    body .page-api .consulting {
        margin-bottom: 60px;
    }
}

body .page-api #bg-inclined-top-bottom {
    position: relative;
    z-index: 1;
    background: #edf8fa;
}

body .page-api .garanties .icons-with-text p {
    font-size: 18px;
    text-align: center;
    color: #272e36;
    font-family: Effra-Md;
}

@media (min-width: 1200px) {
    body .page-api .garanties .icons-with-text p {
        max-width: 190px;
        margin: auto;
    }
}

@media (min-width: 992px) {
    body .page-api #bg-inclined-top-bottom {
        background-color: transparent;
    }

    body .page-api #bg-inclined-top-bottom:before {
        background-color: #edf8fa;
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0px;
        transform: translateX(-50%);
        width: 100%;
        z-index: -1;
        border-top: 1px solid #edf8fa;
        -webkit-clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 90%);
        clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 90%);
    }

    body .page-api .garanties .heading {
        margin-bottom: 60px;
    }
}

@media (max-width: 991px) {
    body .page-api #bg-inclined-top-bottom {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width: 767px) {
    body .page-api .garanties .icons-with-text > .wpb_column {
        margin-bottom: 45px;
    }

    body .page-api .garanties .icons-with-text > .wpb_column:last-child {
        margin-bottom: 0px;
    }
}

body .page-api .functionality-api h3 {
    font-family: "Effra-Md";
    font-size: 18px;
    color: #272e36;
    font-weight: inherit;
}

body .page-api .functionality-api ul.img-and-title-inline {
    margin-top: 0px;
    padding-left: 0px;
}

body .page-api .functionality-api ul.img-and-title-inline li {
    display: inline-block
}

body .page-api .functionality-api ul.img-and-title-inline li:first-child {
    vertical-align: middle;
    margin-right: 10px;
}

body .page-api .functionality-api .description p {
    color: #999999;
    font-size: 15px;
    font-family: Effra-Rg;
}

body .page-api .functionality-api .btn-more a {
    background: transparent;
    border: none;
    padding: 0px;
    text-transform: uppercase;
    text-decoration: none;
    color: #42b5b8;
    font-family: "Effra-Bd";
    font-size: 13px;
    letter-spacing: 0.6px;
    text-align: left;
}

body .page-api .functionality-api .btn-more a:hover,
body .page-api .functionality-api .btn-more a:focus {
    opacity: 0.8;
}

body .page-api .functionality-api .functionality-api-content {
    margin-bottom: 40px;
}

body .page-api .functionality-api .functionality-api-content:last-child {
    margin-bottom: 0px;
}

body .page-api .service-sms-partner .description p {
    font-family: Effra-Rg;
}

@media (min-width: 992px) {
    body .page-api .functionality-api {
        margin-bottom: 90px !important;
    }

    body .page-api #bg-inclined-top-bottom.inverse:before {
        -webkit-clip-path: polygon(0 0, 100% 25%, 100% 92%, 0 100%);
        clip-path: polygon(0 0, 100% 25%, 100% 92%, 0 100%);
    }
}

@media (max-width: 991px) {
    body .page-api #bg-inclined-top-bottom.inverse {
        margin-bottom: 0px !important;
    }

    body .page-api #bg-inclined-top-bottom .service-sms-partner {
        margin-bottom: 0px !important;
    }

    body .page-api #bg-inclined-top-bottom .registration-sms {
        margin-bottom: 35px !important;
    }

    body .page-api #bg-inclined-top-bottom .registration-sms .submit-wrapper {
        display: block;
    }

    body .page-api #bg-inclined-top-bottom .registration-sms .field-submit {
        width: 100%
    }
}

@media (max-width: 767px) {
    body .page-api #bg-inclined-top-bottom .service-sms-partner > .wpb_column {
        margin-bottom: 45px !important;
    }

    body .page-api #bg-inclined-top-bottom .service-sms-partner > .wpb_column:last-child {
        margin-bottom: 0px !important;
    }
}

.table_services {
    box-shadow: 0px 3px 6px #00000019;
    border: 1px solid #42B5B8;
    border-radius: 10px;
    color: #272E36;
    font-family: 'Effra-Md';
    font-size: 15px;
    line-height: 18px;
    max-width: 415px;
    margin: 0 auto;
    overflow: hidden;
}

.table_services td, .table_services th {
    padding: 6px 15px !important;
    font-weight: inherit;
}

.table_services th:first-child, .table_services td:first-child {
    border-right: 1px solid #42B5B8;
}

.table_services tr th {
    padding-top: 16px !important;
}

.table_services tr:last-child td {
    padding-bottom: 16px !important;
}

.table_services .fa-check:before {
    color: #42B5B8;
    font-size: 20px;
}

.blue_c {
    color: #42B5B8;
}

#lowcost-fonctionnality .container {
    max-width: 1000px;
}

#lowcost-fonctionnality img {
    float: left;
    margin-right: 10px;
}

#lowcost-fonctionnality h4 {
    color: #272E36;
    font-family: 'Effra-Md';
    font-weight: inherit;
    font-size: 22px;
    line-height: 21px;
    margin: 0px 0 15px 0;
}

#lowcost-fonctionnality p {
    color: #999999;
    font-family: 'Effra-Rg';
    font-weight: inherit;
    font-size: 15px;
    line-height: 18px;
}


/* Contact form 7 */
body span.wpcf7-not-valid-tip {
    font-size: 13px;
}

/* Customer reference */
body section#customers-reference {
    padding-top: 70px;
    padding-bottom: 0px
}

body section#customers-reference .vc_row {
    margin-left: 0px;
    margin-right: 0px;
}

body section#customers-reference h3 {
    font-size: 21px;
    font-weight: 400;
    color: #999999;
    text-align: center;
}

/*-----Page Modules-----------*/
body #composer-page .paragraph-primary {
    max-width: 716px;
    margin-left: auto;
    margin-right: auto;
}

body #composer-page #modules-sms .shadow-bloc .wpb_content_element {
    -webkit-box-shadow: 0px 1px 6px 0px #0000001F;
    -moz-box-shadow: 0px 1px 6px 0px #0000001F;
    box-shadow: 0px 1px 6px 0px #0000001F;
    max-width: 502px;
    margin-bottom: 0px;
}

body #composer-page #modules-sms .shadow-bloc.last-shadow-bloc .wpb_content_element {
    max-width: 592px;
    margin-left: auto;
    margin-right: auto;
}

body #composer-page #modules-sms .shadow-bloc.left-shadow-bloc .wpb_content_element {
    margin-left: auto;
}

body #composer-page #modules-sms .module-container {
    display: table;
}

body #composer-page #modules-sms .module-container .module-container-left {
    display: table-cell;
    vertical-align: middle;
    max-width: 80px;
}

body #composer-page #modules-sms .module-container .module-container-left img {
    max-width: 80px;
    max-height: 80px;
}

body #composer-page #modules-sms .module-container .module-container-right {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    max-width: 362px;
}

body #composer-page #modules-sms .shadow-bloc.last-shadow-bloc .module-container .module-container-right {
    max-width: 472px;
}

body #composer-page #modules-sms .module-container .module-container-right .module-desc {
    margin-bottom: 0px;
    color: #262F35;
    font-size: 15px;
}

body #composer-page #modules-sms .module-container .module-container-right .module-title {
    color: #43b5b8;
    margin-bottom: 12px;
}

body .page-prices #bg-inclined-top-bottom {
    position: relative;
    z-index: 1;
    background: #edf8fa;
}

body #composer-page .module-title {
    color: #43b5b8;
    margin-bottom: 0;
}

body #composer-page .mb-12 {
    margin-bottom: 12px;
}

body #composer-page .btn-wrn a {
    display: block;
    padding: 7.5px 15px;
    text-align: center;
    border-radius: 25px;
    border: 0px;
    font-size: 18px;
    color: #fff;
    font-family: "Effra-Bd";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
    background: transparent linear-gradient(90deg, #EB3348 0%, #F45B43 100%) 0% 0% no-repeat padding-box;
    max-width: 242px;
    margin: auto;
}

body #composer-page .title-primary .short-desc {
    max-width: 916px;
    margin-right: auto;
    margin-left: auto;
}


body #composer-page .title-primary .short-desc p {
    font-size: 18px;
}

body #composer-page a.align-btn-fna:hover,
body #composer-page a.align-btn-wrn:hover,
body #composer-page .btn-wrn a:hover {
    opacity: 0.9;
    text-decoration: none;
}

body #composer-page a.align-btn-wrn, body #composer-page a.align-btn-fna {
    display: inline-block;
    padding: 12px 20px;
    text-align: center;
    border-radius: 60px;
    border: 0px;
    font-size: 18px;
    color: #fff;
    font-family: "Effra-Bd";
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

body #composer-page a.large-btn {
    min-width: 242px;
}

body #composer-page a.align-btn-fna {
    background: #43B5B8;
    margin-right: 20px;

}

body #composer-page a.align-btn-wrn {

    background: transparent linear-gradient(90deg, #EB3348 0%, #F45B43 100%) 0% 0% no-repeat padding-box;
}

body #composer-page .vc-centre-btn {
    text-align: center;
}

@media (max-width: 600px) {
    body #composer-page a.align-btn-fna {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {

    body #composer-page #modules-sms .shadow-bloc .wpb_content_element,
    body #composer-page #modules-sms .shadow-bloc.left-shadow-bloc .wpb_content_element {
        margin-left: auto;
        margin-right: auto;
    }

    body #composer-page #modules-sms .shadow-bloc.last-shadow-bloc .wpb_content_element {
        max-width: 502px;
    }
}

@media (min-width: 992px) {
    body .page-prices #bg-inclined-top-bottom:before {
        background-color: #edf8fa;
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0px;
        transform: translateX(-50%);
        width: 100%;
        z-index: -1;
        -webkit-clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 90%);
        clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 90%);
    }

    body .page-prices #bg-inclined-top-bottom {
        background-color: transparent;
    }
}

/*--------------page numéro virtuel------------*/
body #composer-page .nv-paragraph-primary p {
    max-width: 692px;
    margin: auto;
}

body #composer-page .icons-black-text h3,
body #composer-page .icons-black-text p {
    color: #272E36;
}

body #composer-page .thunb-text p {
    font-size: 15px;
    font-family: "Effra-Rg" !important;
}

body #composer-page .text-font {
    font-family: "Effra-Rg" !important;
}

body #composer-page .black-text {
    color: #272E36;
}

body #composer-page .font-text-bold {
    font-family: 'Effra-Bd' !important;
}

body #composer-page .select-and-prices .tarif-option ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding-left: 0;
    line-height: 75px;
}

body #composer-page .select-and-prices .tarif-option li {

    font-size: 17px;
    color: #272E36;
    font-family: "Effra-Rg"
}

body #composer-page .green-algae,
body #composer-page .select-and-prices .tarif-option p span {
    color: #42b5b8;
}

body #composer-page .select-and-prices .tarif-option li.stong-plus {
    font-family: 'Effra-Bd';
    vertical-align: middle;
    margin-right: 8px;
    font-size: 48px;
}

body #composer-page .select-and-prices div.quotas-info {
    position: relative;
    font-size: 12px;
    top: 6px;
    width: 135px;
    float: right;
    font-family: "Effra-Rg"
}

body #composer-page .before-footer h2 {
    font-size: 36px;
}

body .box-prices.box-premium .prices-show div.price sup {
    top: -18px;
    font-size: 20px;
    position: relative;
    margin-left: 5px;
}

body div#pricing-for-number.box-prices.box-premium .prices-show div.price:after {
    content: '';
}

@media (min-width: 768px) {
    body.page-template-page-api .box-prices.box-premium .select-and-prices {
        margin-bottom: 21px;
    }

    #lowcost-fonctionnality .container > .vc_col-sm-6 {
        padding-right: 30px;
    }
}

@media (min-width: 992px) {
    body .page-api #bg-inclined-bottom.right-top:before {
        height: 100%;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 82%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    }

    body.page-template-page-api .box-prices .content-left, body.page-template-page-api .box-prices .content-right {
        padding: 30px 31px;
    }
}

/***************Mega menu **************/
body nav #mega-menu-wrap-max_mega_menu_1 {
    float: left;
}

body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    font-family: "Effra-Rg";
}

body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu,
body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    margin-top: 14px;
    webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);

}

body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link::after {

    content: '';
    position: absolute;
    top: 85%;
    right: 50%;
    width: 20px;
    height: 20px;
    border-bottom: 12px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: block;
    color: #ffffff;
    -webkit-filter: drop-shadow(0px -2px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px -2px 3px rgba(0, 0, 0, 0.1));
    z-index: 99999;
}

body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {

    font-family: 'Effra-Md'
}

body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link .mega-description-group .mega-menu-description {
    color: #4B4D5C;
    font-family: "Effra-Rg";
    font-size: 12px;
    font-style: normal;

}

body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item p.mega-more {
    text-align: center;
    font-family: "Effra-Bd";
    font-size: 12px;
    margin-bottom: 0;
}

body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-type-widget a {
    color: #42B5B8;
}

body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-has-description > a.mega-menu-link:hover .mega-menu-title {
    /*border-bottom: 2px solid #42B5B8;*/
    color: #42a4a7;
}

body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link,
body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
    border-radius: unset !important;
}

body nav.navbar .menu_container #menu_desktop {
    display: none;

}

body nav.navbar .menu_container #menu-mobile {
    display: block;

}

@media (min-width: 768px) {
    body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-icon-left.mega-has-icon a.mega-menu-link .mega-description-group span.mega-menu-description {
        margin-top: 0;
        max-width: 130px;
    }

    body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item a.mega-menu-link:before,
    body nav #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link:before {
        margin: 0 15px 0 0;
    }

    body nav.navbar .menu_container #menu_desktop {
        display: block;

    }

    body nav.navbar .menu_container #menu-mobile {
        display: none;

    }


}

@media (max-width: 767px) {

    body .top_wrapper .top_bar .pull-right,
    body .top_wrapper .top_bar .pull-left {
        float: none !important;
        text-align: center;

    }

    body .top_wrapper .top_bar .pull-left {
        margin-bottom: 10px;
    }

    .title2 p {
        margin-bottom: 30px !important;
    }
}

/*---------Page sms-----------*/
body #composer-page .customize-campaigns-wrap .wpb_wrapper > p,
body #composer-page .functionality-wrap .wpb_wrapper > p {
    max-width: 276px;
}

body #composer-page .functionality-wrap .wpb_wrapper > p {
    margin: auto;

}

body #composer-page .customize-campaigns-wrap.resize-col div.vc_col-sm-3.vc_col-lg-2.vc_col-md-2.vc_col-xs-3 {
    width: 80px !important;
}

body #composer-page #bg-inclined-bottom-top-s {
    position: relative;
    z-index: 1;

}

@media (max-width: 991px) {
    body #composer-page #bg-inclined-bottom-top-s {
        background: #edf8fa;
    }
}

@media (min-width: 992px) {
    body #composer-page #bg-inclined-bottom-top-s:before {
        background-color: #edf8fa;
        display: block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0px;
        transform: translateX(-50%);
        width: 100%;
        z-index: -1;
        border-top: 1px solid #edf8fa;
        -webkit-clip-path: polygon(0 0%, 100% 10%, 100% 80%, 0 100%);
        clip-path: polygon(0 0%, 100% 10%, 100% 80%, 0 100%);
    }
}

body #composer-page a.align-btn-fna.no-mr {
    margin: 0;
}

@media (min-width: 768px) and (max-width: 1200px) {
    body #composer-page a.w-90 {
        min-width: 90%;

    }
}


body .nv-paragraph-primary p {
    color: #272e36;
    font-size: 21px;
    font-family: Effra-Rg;
    line-height: 24px;
    text-align: center;

}

/*@ics*/

.box-prices.box-virtual .content-box {
    border: 2px solid #00dcdc;
}

.box-prices.box-virtual .select-and-prices {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
}

.box-prices.box-virtual .select-and-prices p {
    text-align: left;
    font-size: 15px;
    margin-bottom: 5px;
}

.box-prices.box-virtual .choise-country {
    float: left;
    width: 55%;
}

body .page-prices .box-virtual p {
    color: #272e36;
}

.box-virtual p {
    text-align: center;
    font-size: 21px;
    color: #272e36;
}

.box-prices.box-virtual .choise-country .bootstrap-select {
    width: 100% !important;
    height: auto;
}

#composer-page .box-prices.box-virtual .choise-country .bootstrap-select button {
    border: none !important;
    background: #fff;
    color: #272e36 !important;
    font-family: "Effra-Bd";
    margin-right: 0px;
    padding: 15px 20px 15px 15px;
    outline: none !important;
    -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin-bottom: 0px !important
}

#composer-page .box-prices.box-virtual .choise-country .bootstrap-select button span.caret {
    border-top-color: #272e36 !important;
    right: 20px;
    transform: translateY(-50%);
    margin-top: 0px;
}

#composer-page .box-prices.box-virtual .choise-country .dropdown-menu.open {
    max-width: 100%;
}

#composer-page .box-prices.box-virtual .choise-country ul.dropdown-menu {
    overflow-x: hidden;
}

.box-prices.box-virtual .prices-show div.price {
    font-size: 48px;
    line-height: 48px;
    font-family: "Effra-Bd";
    color: #272e36;
    position: relative
}

.box-prices.box-virtual .prices-show div.price:after {
    content: '€';
    font-size: 20px;
    top: 0px;
    position: absolute;
    right: 0px;
    line-height: 32px;
}

.box-prices.box-virtual .prices-show {
    float: right;
    width: 35%;
}

.box-prices.box-virtual .btn-cmd a {
    background: linear-gradient(to left, #f45b43, #eb3349);
}

.box-prices.box-virtual .link-inter {
    text-align: center;
}

.box-prices.box-virtual .link-inter a {
    font-family: "Effra-Bd";
    font-size: 13px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.box-prices.box-virtual .link-inter a:hover {
    color: #00b6b7;
    opacity: 0.8;
    text-decoration: none;
}

.box-virtual .bootstrap-select.form-control.QtysVirtuel3 {
    width: 100% !important;
}

/*404 page*/
body.error404 {
    background: #fff;
}

body.error404 section#customers-reference {
    padding-top: 0px;
}

.not-found-404 {
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
}

.not-found-404 h1 {
    font-family: "Effra-Bd";
    font-size: 48px;
    line-height: 57px;
    color: #42B5B8;
}

.not-found-404 p {
    font-family: "Effra-Rg";
    font-size: 21px;
    line-height: 25px;
    margin-bottom: 8px !important;
    color: #272E36;
}

.not-found-404 p small {
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
}

.not-found-404 a.search-submit {
    font-family: "Effra-Bd";
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    height: 46px;
    width: 175px;
    color: #FFFFFF;
    font-weight: 700;
    background: #43B5B8;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 36px;
}

.lnk_mail, .lnk_vocal, .lnk_sms {
    font-size: 15px;
    line-height: 18px;
    color: #E41D55;
    font-family: "Effra-Md";
}

.lnk_vocal {
    color: #4386B3;
}

.lnk_sms {
    color: #42B5B8;
}

.mail_404 h1 {
    color: #E41D55;
}

.not-found-404.mail_404 a.search-submit {
    background: #ED3C5F;
    box-shadow: 0px 3px 6px #00000029;
}

.vocale_404 h1 {
    color: #4386B3;
}

.not-found-404.vocale_404 a.search-submit {
    background: transparent linear-gradient(90deg, #4DADC9 0%, #4C8CB2 100%) 0% 0% no-repeat;
    box-shadow: 0px 3px 6px #00000029;
}

/*404 page END*/

#composer-page .blog-post h2.test12 {
    margin-bottom: 0 !important;
}

/* smspartner-list page*/

#composer-page .list-country .bootstrap-select {
    width: 100%;
}

.list-country {
    width: 400px;
    /*padding: 0 35px;*/
    background: #FFFFFF;
    box-shadow: 0px 0px 4px #00000026;
    border: 1px solid #DFE4EA;
    border-radius: 6px;
    margin: 0 auto;
}

.img_title {
    /*height: 82px;*/
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #dddddd;
    width: 100%;
}

.img_title img {
    max-width: 153px;
    margin: 24px auto;
    height: auto;
}

.list-country .list-group {
    margin-top: -1px;
}

.list-country .list-group .list-group-item {
    border-left: 0;
    border-right: 0;
    padding: 11px 15px;
}

.list-country .list-group .list-group-item:last-child {
    border-bottom: 0;
}

.list-country .list-group .list-group-item:hover {
    background-color: #F0F4F5;
}

.list-country .list-group .list-group-item:after {
    content: "";
}

.list-country .list-group .list-group-item a {
    display: flex;
    align-items: center;
}

.list-country .list-group .list-group-item img {
    height: 52px;
    width: 52px;
    /*box-shadow: 0px 2px 6px #00000027;*/
}

.list-country .list-group .list-group-item a span {
    /*font-family: "Effra-Bd";*/
    font-size: 18px;
    line-height: 22px;
    color: #272E36;
    padding-left: 24px;
    font-weight: 700;
}

.list-country .list-group .list-group-item a:hover {
    text-decoration: none;
}

/* smspartner-list page END*/

/*header */

body .top_wrapper .top_bar .pull-left a {
    position: relative;
    color: #fff !important;
}

body .top_wrapper .top_bar a span.hovred-detail {
    display: none;
    position: absolute;
    background-color: #fff;
    color: black;
    padding: 12px 8px;
    left: 40%;
    top: 32px;
    z-index: 9999;
    font-size: 12px;
    width: 230px;
    box-shadow: 0px 0px 24px rgb(0 0 0 / 20%);
    border-radius: 10px;
}

body .top_wrapper .top_bar a span.hovred-detail:after {
    content: '';
    position: absolute;
    top: -20px;
    left: 8%;
    width: 20px;
    height: 20px;
    border-bottom: 12px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: block;
    color: #ffffff;
    -webkit-filter: drop-shadow(0px -2px 3px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px -2px 3px rgba(0, 0, 0, 0.1));
    z-index: 99999;
}

@media (min-width: 768px) {

    body .top_wrapper .top_bar a#mail-part:hover > span#hovred-mail-part,
    body .top_wrapper .top_bar a#voice-part:hover > span#hovred-voice-part {
        display: block;
    }

}

body .top_wrapper .top_bar a span.hovred-detail {
    top: 44px !important;
}

.top_wrapper .top_bar {
    padding: 0 5px;
}

.top_wrapper .top_bar a img {
    vertical-align: middle;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 15px;
}

.top_wrapper .top_bar a img {
    width: 20px;
    height: 20px;
}

body .top_wrapper .top_bar a {
    padding: 7px 16px;
    margin: 0;
    font-size: 15px;
    line-height: 24px;
    display: inline-block;
}

/*header */

@media (min-width: 992px) {
    .left_404 {
        width: 33%;
    }

    .right_404 {
        width: 66%;
    }

    .not-found-404 img {
        padding: 0 0 0 84px;
    }
}

@media (min-width: 768px) {
    body .top_wrapper .top_bar .pull-left .textwidget {
        display: flex;
    }

    body .top_wrapper .top_bar a#voice-part:hover {
        background-color: #428BCA;
    }

    body .top_wrapper .top_bar a#mail-part:hover {
        background-color: #EC3D5F;
    }

    body .top_wrapper .top_bar a#sms-part:hover {
        background-color: #42B5B8;
    }

    body .top_wrapper .top_bar a#sms-part:hover > span#hovred-sms-part {
        display: block;
    }

    .box-prices.box-virtual .select-and-prices {
        margin-bottom: 55px;
    }
}

@media (max-width: 680px) {
    .not-found-404 {
        flex-direction: column;
        text-align: center;
    }

    .left_404, .right_404 {
        width: 100%;
    }

    .sms_liste .container, .list-country {
        width: 100%;
    }
}


/*404 page*/
body.error404 {
    background: #fff;
}

body.error404 section#customers-reference {
    padding-top: 0px;
}

.not-found-404 {
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
}

.not-found-404 h1 {
    font-family: "Effra-Bd";
    font-size: 48px;
    line-height: 57px;
    color: #42B5B8;
}

.not-found-404 p {
    font-family: "Effra-Rg";
    font-size: 21px;
    line-height: 25px;
    margin-bottom: 8px !important;
    color: #272E36;
}

.not-found-404 p small {
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
}

.not-found-404 a.search-submit {
    font-family: "Effra-Bd";
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    height: 46px;
    width: 175px;
    color: #FFFFFF;
    font-weight: 700;
    background: #43B5B8;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 36px;
}

.lnk_mail, .lnk_vocal, .lnk_sms {
    font-size: 15px;
    line-height: 18px;
    color: #E41D55;
    font-family: "Effra-Md";
}

.lnk_vocal {
    color: #4386B3;
}

.lnk_sms {
    color: #42B5B8;
}

.mail_404 h1 {
    color: #E41D55;
}

.not-found-404.mail_404 a.search-submit {
    background: #ED3C5F;
    box-shadow: 0px 3px 6px #00000029;
}

.vocale_404 h1 {
    effr color: #4386B3;
}

.not-found-404.vocale_404 a.search-submit {
    background: transparent linear-gradient(90deg, #4DADC9 0%, #4C8CB2 100%) 0% 0% no-repeat;
    box-shadow: 0px 3px 6px #00000029;
}

/*404 page END*/
.title-max-content p.test {
    max-width: max-content !important;
    font-size: 30px !important;
    font-family: "Effra";
    margin-top: -38px !important;
    color: #272E36;


}

.text-base {

    color: var(--gris-fonc, #272E36);

    font-family: Effra;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 133.333% */

}

.image-possition-absolue {
    position: absolute;
    margin-top: 100px;
    max-width: 100%;
    /* transform: scale(0.7); */
    /* Réduit la taille de l'image à 70% */
    left: 59px;
    /* Déplace l'image vers la gauche de 20 pixels */
}


.image-possition1-absolue {
    position: absolute;
    top: 120px;
    /* Valeur négative pour monter l'image */
    margin-left: 100px;
    /* Réduit la taille de l'image à 90% */
    max-width: 100%;


}

.image-possition2-absolue {
    position: absolute;
    top: 180px;
    right: -120px;
    /* Déplace l'image vers la droite de 20 pixels */
    max-width: 100%;

    /* Réduit la taille de l'image à 70% */
}


.icone1 {
    display: flex;
    justify-content: center;
    /* Pour centrer horizontalement */
    align-items: center;
}


.icone2 {
    display: flex;
    justify-content: center;
    /* Pour centrer horizontalement */
    align-items: center;
}

.icone3 {
    display: flex;
    justify-content: center;
    /* Pour centrer horizontalement */
    align-items: center;
}

.icons-block {
    display: flex;
    /* Utilisation de flexbox pour aligner horizontalement les blocs */
    justify-content: space-between;
    /* Espace équitable entre les blocs */
    align-items: center;
    /* Centrer verticalement le contenu des blocs */
}

.titre-icone2 {
    font-family: "Effra-Rg";
    font-size: 25px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
    white-space: nowrap;
    margin-top: -10px;
    /* Ajuster la valeur négative pour déplacer le titre vers le haut */
}

.titre-souhaitez {

    text-align: center;
    /* Centrer le texte horizontalement */
    white-space: nowrap;
    /* Empêche le texte de revenir à la ligne */
}

.text-souhaitez {
    font-family: "Effra";
    font-size: 36px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: left;

    text-align: center;
    /* Centrer le texte horizontalement */

}

.bloc-box-chado {
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    /* Ombre */
    margin-bottom: 40px;
    /* Espace en dessous de chaque bloc */
    border-radius: 10px;
    /* Coins arrondis */
}


.div2 {
    background-color: #EDF8FA;
    padding: 13px;
    border-radius: 0 10px 10px 0;
    /* Top-right, Bottom-right */
    /* Ajoute un espace de 20px en bas de chaque bloc */
    /* margin-bottom: 20px; */

}

.div1 {
    position: relative;
    padding: 11px;
}

.div1:after {
    content: '';
    border-top: 0px solid transparent;
    border-bottom: 277px solid #EDF8FA;
    border-left: 70px solid transparent;
    border-right: 0px solid #EDF8FA;
    position: absolute;
    right: 0;
    top: 0;
}


.div155:after {
    content: '';
    border-top: 0px solid transparent;
    border-bottom: 246px solid #EDF8FA;
    border-left: 70px solid transparent;
    border-right: 0px solid #EDF8FA;
    position: absolute;
    right: 0;
    top: 0;
}


.div144:after {
    content: '';
    border-top: 0px solid transparent;
    border-bottom: 246px solid #EDF8FA;
    border-left: 70px solid transparent;
    border-right: 0px solid #EDF8FA;
    position: absolute;
    right: 0;
    top: 0;
}


.div7 {
    position: relative;
    padding: 11px;
}

.div7:after {
    content: '';
    border-top: 0px solid transparent;
    border-bottom: 278px solid #EDF8FA;
    border-left: 70px solid transparent;
    border-right: 0px solid #EDF8FA;
    position: absolute;
    right: 0;
    top: 0;
}

.div14 {
    position: relative;
    padding: 11px;
}

.div14:after {
    content: '';
    border-top: 0px solid transparent;
    border-bottom: 280px solid #EDF8FA;
    border-left: 70px solid transparent;
    border-right: 0px solid #EDF8FA;
    position: absolute;
    right: 0;
    top: 0;
}

.div333:after {
    content: '';
    border-top: 0px solid transparent;
    border-bottom: 213px solid #EDF8FA;
    border-left: 70px solid transparent;
    border-right: 0px solid #EDF8FA;
    position: absolute;
    right: 0;
    top: 0;
}

.div334:after {
    content: '';
    border-top: 0px solid transparent;
    border-bottom: 214px solid #EDF8FA;
    border-left: 70px solid transparent;
    border-right: 0px solid #EDF8FA;
    position: absolute;
    right: 0;
    top: 0;
}

.div335:after {
    content: '';
    border-top: 0px solid transparent;
    border-bottom: 245px solid #EDF8FA;
    border-left: 70px solid transparent;
    border-right: 0px solid #EDF8FA;
    position: absolute;
    right: 0;
    top: 0;
}


.bloc-box-chado2 {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    /* Ombre */
    margin-bottom: 20px;
    /* Espace en dessous de chaque bloc */
    border-radius: 10px;
    /* Coins arrondis */
}


.div1pou {
    position: relative;
    padding: 11px;


}


.div1pou:after {
    content: '';
    border-top: 0px solid transparent;
    border-bottom: 280px solid #EDF8FA;
    border-left: 50px solid transparent;
    border-right: 0px solid #EDF8FA;
    position: absolute;
    right: 0;
    top: 0;
}

.div2pou {
    background-color: #EDF8FA;
    margin-bottom: 9px;

}


.imagepour {
    margin-left: 20px;
    margin-top: 47px !important;
    /* Ajoute un espacement de 50 pixels en haut de l'image */

    width: 190px;
    /* Définir la largeur de l'image à 190 pixels */
}


.titreBTOB {
    color: var(--gris-fonc, #272E36);
    font-family: Effra;
    font-size: 1000px;
    /* Augmente la taille de la police à 50px */
    font-style: normal;
    font-weight: 900;
    line-height: 64px;
    width: 907px;
}

.blocpourcentage .bloc-box-chado2 {
    display: flex;
}

.titre1mil {
    color: #42B5B8;
    text-align: center;
    font-family: "Effra";
    font-size: 48px;
    /* Augmente la taille de la police à 48px */
    font-style: normal;
    font-weight: 500;
    line-height: 64px;
    margin-bottom: 10px;
}

.text1mil {
    text-align: center;
    color: #272E36;
    margin-bottom: 16px;
    font-family: "Effra";
    font-size: 21px;

}


.classe-1millions {
    position: relative;
    background: linear-gradient(294deg, #EDF8FA 50.33%, transparent 0);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
    /* Ombre */
    margin-bottom: 20px;
    /* Espace en dessous de chaque bloc */
    border-radius: 10px;
    /* Coins arrondis */
    margin-right: 80px;
    margin-left: 80px;
}

.box-pourquoi {
    background-color: #EDF8FA;
}

.icone1-roi {
    width: 30px;
    margin-top: -7px;
    /* Déplace l'image vers le haut de 5 pixels */
    margin-left: 18px;
    /* Déplace l'image vers la droite de 10 pixels */
}

.janvier1 {
    background: linear-gradient(460deg, #EDF8FA 92.33%, transparent 0);
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;

}

.janvier0 {
    background: linear-gradient(106deg, #EDF8FA 92.33%, transparent 0);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;

}

.col-hide-img .vc_gitem-animated-block {
    display: none;
}

.bloc-box-chadojanvier {
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    /* Ombre */
    margin-bottom: 30px;
    /* Espace en dessous de chaque bloc */
    border-radius: 10px;
    /* Coins arrondis */

}

.texte-message {
    background-color: #E9E9EB;
    /* Arrière-plan gris */
    border-radius: 10px;
    /* Coins arrondis */
    position: relative;
    padding: 10px;
    display: inline-block;
    max-width: 100%;
    /* Augmentez la largeur maximale selon vos besoins */
    margin-left: 0px;
    /* Déplace le texte vers la droite */
}


.texte-message::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -15px;
    /* Positionne la pointe de sortie à gauche */
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #E9E9EB transparent;
    /* Couleur du fond */
}


.janvier2 {
    background: linear-gradient(251deg, #EDF8FA 89.33%, transparent 0);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}


.bloc-box-chadojanvier123 {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    /* Augmente la taille de l'ombre en bas */
    margin-bottom: 20px;
    /* Espace en dessous de chaque bloc */
    border-radius: 10px;
    /* Coins arrondis */
}


.bloc-box-chadojanvier2 {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    /* Ombre */
    margin-bottom: 20px;
    /* Espace en dessous de chaque bloc */
    border-radius: 10px;
    /* Coins arrondis */
    margin-left: 30px;
    /* Déplace l'élément vers la droite */
}


.janvier5 {
    background: linear-gradient(469deg, #EDF8FA 90.33%, transparent 0);

}


.textejanvier2 {
    margin-left: 50px;
}

.titrejanvier2 {
    margin-left: 50px;
}

.fev1 {
    background: linear-gradient(469deg, #EDF8FA 90.33%, transparent 0);
}

.fev3 {
    background: linear-gradient(469deg, #EDF8FA 89.33%, transparent 0);
}

body .page-api .title-primary .titre123 p.h1 {
    margin-bottom: 4px !important;
    font-family: "Effra-Rg";
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline;
    margin-left: 110px;
    color: #272E36;

}


body .page-api .title-primary .titre123 p.h11 {
    margin-bottom: 4px !important;
    font-family: "Effra-Bd";
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline;
    margin-left: 350px;


}

body .page-api .title-primary .titre123 p.h1-reto {
    margin-bottom: 4px !important;
    font-family: "Effra-Bd";
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline !important;
    margin-right: 500;


}


body .page-api .title-primary .titre123 p.h1-cote {
    margin-bottom: 4px !important;
    font-family: "Effra-Bd";
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline !important;
    margin-left: -20px;


}


.blocpourcentage2 {
    margin-left: 100px;
}

.box83 {
    background: linear-gradient(431deg, #FBEDF1 66.33%, transparent 0);
}

.text-base12 .test1 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Rg";
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}


.text-base12 .test0 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Rg";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.titre2 h2.test1 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* Déplacer le texte vers la droite de 20 pixels */
    text-align: center;
}

.titre2 p.test12 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: #272E36;
    /* Déplacer le texte vers la droite de 20 pixels */
}


.titre2 p.test13 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* margin-left: 180px; */
    text-align: center;
}

.title-max-content p.test4 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Rg";
    font-size: 30px;

    font-weight: 400;
    line-height: normal;
    /* margin-left: 280px; */
    text-align: center;
}


.titre2 {
    margin-bottom: 4px !important;
}

.box98 {
    background: linear-gradient(285deg, #EDF8FA 77.33%, transparent 0);
}

.btn-fna1 {

    margin-right: 400px;

}

.btn-fna-rouge {

    margin-right: 400px;

}

.titre2 p.test5 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 0px;
}

.titre2 p.test6 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Md";
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    /* Déplacer le texte vers la droite de 90 pixels */
    margin-bottom: 90px;
    /* Ajouter un espace en bas de 20 pixels */
}

.titre2 p.test7 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Md";
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    /* Déplacer le texte vers la droite de 90 pixels */


}

.titre2 p.test777 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Md";
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    /* Déplacer le texte vers la droite de 90 pixels */


}

.text-icone-1 p.text-icone1 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Rd";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.titre2 p.test8 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Md";
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    /* Déplacer le texte vers la droite de 90 pixels */
    text-align: center;

}

.titre2 p.test10 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Md";
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    /* Déplacer le texte vers la droite de 90 pixels */
    text-align: center;

}

.titre2 p.test14 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.titre2 p.test16 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.test20 {
    color: var(--gris-fonc, #272E36);
    text-align: center;
    font-family: "Effra-Bd";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.test21 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 0px;
    /* Déplacer le texte vers la droite de 90 pixels */

}

.titre2 span.test50 {

    font-family: "Effra-Rg";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 12px;
    margin-left: 51px;
}

.imagepour2 {
    margin-left: 20px;
    margin-top: 50px;
    /* Ajoute un espacement de 50 pixels en haut de l'image */

    /* Définir la largeur de l'image à 190 pixels */
}


.bloc-3 {
    margin-top: -270px;
    /* Déplacer vers le haut de 10 pixels, ajustez la valeur selon vos besoins */
    z-index: 8;

}

.bloc-33 {
    margin-top: -290px;
    /* Déplacer vers le haut de 10 pixels, ajustez la valeur selon vos besoins */
    z-index: 8;

}

.titre2 p.test30 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 150px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.classe-millions {
    position: relative;
    background: linear-gradient(294deg, #EDF8FA 50.33%, transparent 0);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);

    /* Ombre */
    margin-bottom: 20px;
    /* Espace en dessous de chaque bloc */
    border-radius: 10px;
    /* Coins arrondis */
    /*margin-left: 90px;*/

}

.custom-link {
    color: green;
}

@media (max-width: 768px) and (min-width: 320px) {
    body #composer-page a.align-btn-fna {
        background: #42B5B8;
        margin-right: -449px;
    }

    .imagepour {
        margin-left: 287px;
        margin-top: 50px;
        width: 190px;
    }

    .imagepourr {
        margin-left: 287px;
        margin-top: 50px;
        width: 190px;
    }

    .image-texte {
        text-align: center;
        max-width: 35%;
        display: block;
        margin: auto;
    }

    .titre2 p.test13 {
        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-left: -50px !important;
    }

    .titre2 p.test12 {
        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 34px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;

        margin-left: 51px;
    }

    .titre2 p.test6 {
        text-align: center;
        /* Centrer le texte */
        margin-left: 0;
        /* Réinitialiser la marge à gauche */
    }


}

@media (max-width: 768px) and (min-width: 320px) {
    .title-max-content p.test4 {
        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 22px;
        font-weight: 400;
        line-height: normal;
        margin-left: -2px;
    }

    .titre2 p.test16 {
        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-align: center;
    }

    #content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child {
        margin-bottom: 0;
        text-align: center;
    }

    .titre2 p.test14 {
        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 23px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-left: 38px;
    }


    .icone11 {

        margin-left: 314px !important;
    }


    .field-submit {
        margin-left: 0px !important;
    }

    .test13 {
        margin-left: -102px !important;
    }

    .test20 {
        text-align: center !important;
        margin-left: 20px !important;
    }


}


.titre2 p.test66 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Md";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 20px;
    /* Déplacer le texte vers la droite de 90 pixels */
    margin-bottom: 90px;
    /* Ajouter un espace en bas de 20 pixels */
}

.icone11 {
    display: flex;
    justify-content: center;
    /* Pour centrer horizontalement */
    align-items: center;
    /* height: 72px; */
    max-width: 72px;
    margin-left: 120px;

}

.text-base12 .test11 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Rg";
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;

}

.bloque-longeur {
    margin-right: 200px;
}

.box-33 {

    margin-left: 201px;

}

.wpb_single_image img {
    max-width: 100% !important;
}

.bloc-articles {
    margin-left: 286px !important;
}

.titre2 p.test80 {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 300px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.juin {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 300px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.janvier11 {

    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 350px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.mars {

    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 260px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.avril {

    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 260px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.mai {

    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 410px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.juillet {

    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 240px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.aout {

    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 240px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.septembre {

    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 180px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.october {

    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 180px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.novembre {

    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 180px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.titre2 p.decembre {

    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 180px;
    /* Déplacer le texte vers la droite de 20 pixels */
}

.title-max-content p.test100 {
    max-width: max-content !important;
    font-size: 30px !important;
    font-family: "Effra-Rg";
}


@media (max-width: 768px) and (min-width: 320px) {
    .title-max-content p.test100 {
        max-width: max-content !important;
        font-size: 19px !important;
        margin-left: 88px;
    }

    .titre2 p.test80 {
        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-left: 5px;
        /* Déplacer le texte vers la droite de 20 pixels */
    }

    .icone1-roi {
        width: 30px;
        margin-top: -7px;
        /* Déplace l'image vers le haut de 5 pixels */
        margin-left: 350px !important;

        /* Déplace l'image vers la droite de 10 pixels */
    }

    .bloc-articles {
        max-width: 457px;
        margin-right: 173px !important;

    }

    .titre2 p.janvier11 {

        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        /* margin-left: 10px !important; */
        /* Déplacer le texte vers la droite de 20 pixels */
        text-align: center;
    }

    .titre2 p.mars {

        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        /* margin-left: -159px; */
        /* Déplacer le texte vers la droite de 20 pixels */
        text-align: center;
    }

    .titre2 p.avril {

        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        /* margin-left: -146px; */
        /* Déplacer le texte vers la droite de 20 pixels */
        text-align: center;
    }

    .titre2 p.mai {

        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        /* margin-left: 10px; */
        /* Déplacer le texte vers la droite de 20 pixels */
        text-align: center;
    }

    .titre2 h2.juin {
        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-left: -139px;
        /* Déplacer le texte vers la droite de 20 pixels */
        text-align: center;
    }


    .titre2 p.juillet {

        /* color: var(--gris-fonc, #272E36); */
        color: red;
        font-family: "Effra-Bd";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        /* margin-left: -162px; */
        /* Déplacer le texte vers la droite de 20 pixels */
        text-align: center;
    }

    .titre2 p.aout {

        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        /* margin-left: -140px; */
        /* Déplacer le texte vers la droite de 20 pixels */
        text-align: center;
    }

    .titre2 p.septembre {

        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        /* margin-left: -244px; */
        /* Déplacer le texte vers la droite de 20 pixels */
        text-align: center;
    }

    .titre2 p.october {

        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        /* margin-left: -198px; */
        /* Déplacer le texte vers la droite de 20 pixels */
        text-align: center;
    }

    .titre2 p.novembre {

        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        /* margin-left: -233px; */
        /* Déplacer le texte vers la droite de 20 pixels */
        text-align: center;
    }

    .titre2 p.decembre {

        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        /* margin-left: -220px; */
        text-align: center;
        /* Déplacer le texte vers la droite de 20 pixels */
    }

    .box-33 {

        max-width: 406px !important;

    }

    .vc_row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .bloc-box-chadojanvier123 {
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        /* Augmente la taille de l'ombre en bas */
        margin-bottom: 20px;
        /* Espace en dessous de chaque bloc */
        border-radius: 10px;
        /* Coins arrondis */
        margin-left: -55px;
    }

    .bloc-box-chadojanvier2 {
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        /* Ombre */
        margin-bottom: 20px;
        /* Espace en dessous de chaque bloc */
        border-radius: 10px;
        /* Coins arrondis */
        margin-left: -51px;
        /* Déplace l'élément vers la droite */
    }

    .image-texte {
        text-align: center;
        max-width: 35%;
        display: block;
        margin: auto;
    }

    .imageimm {
        margin-left: 293px;
    }

    .classe-millions {
        position: relative;
        background: linear-gradient(294deg, #EDF8FA 50.33%, transparent 0);
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        /* Ombre */
        margin-bottom: 20px;
        /* Espace en dessous de chaque bloc */
        border-radius: 10px;
        /* Coins arrondis */
        margin-left: -2px;
    }

    .classe-1millions {
        position: relative;
        background: linear-gradient(294deg, #EDF8FA 50.33%, transparent 0);
        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
        /* Ombre */
        margin-bottom: 20px;
        /* Espace en dessous de chaque bloc */
        border-radius: 10px;
        /* Coins arrondis */
        margin-right: 80px;
        margin-left: -3px;
    }

    .titre2 p.test1 {
        color: var(--gris-fonc, #272E36);
        font-family: "Effra-Bd";
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-left: 10px;
        /* Déplacer le texte vers la droite de 20 pixels */
    }

    .bloc-3 {
        margin-bottom: 201px;

    }

    .image-phone {
        width: 172px;
        margin-left: 250px !important;
        margin-top: 60px;


    }

    .wpb_single_image img {
        height: auto;
        max-width: 100% !important;
        vertical-align: top;

    }


    @media (min-width: 767px) {
        .box98 {
            background: linear-gradient(287deg, #EDF8FA 77.33%, transparent 0);
        }

        @media (min-width: 767px) {
            .box83 {
                background: linear-gradient(431deg, #EDF8FA 66.33%, transparent 0);
            }

        }
    }
}

.image-phone {
    width: 290px;
    /* height: 232px; */
    margin-top: -104px !important;
    margin-left: 59px;
}

.image-texte {
    margin-top: 20px;
    max-width: 100%;

}

.titre2 p.mil {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 80px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
}

.titre2 p.millions {
    color: var(--gris-fonc, #272E36);
    font-family: "Effra-Bd";
    font-size: 80px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    white-space: nowrap;
    /* Ajout de cette ligne pour éviter les retours à la ligne */
    margin-left: -12px;
}

/***************Exemples de SMS professionnels*****************/

.col-title h1 {
    font-size: 60px;
    line-height: 72px;
    color: #272E36;
    font-family: "Effra-Bd";
}

.col-title p {
    font-size: 21px;
    line-height: 25px;
    color: #272E36;
    font-family: "Effra-Rg";
}

section.col-title {
    position: relative;
}

section.col-title::after {
    background-color: #edf8fa;
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
    border-top: 1px solid #edf8fa;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
    content: "";
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}

div.col-content {
    z-index: 2;
    position: relative;
}

.col-title h2 {
    font-family: "Effra-Bd";
    font-size: 48px;
    line-height: 53px;
    color: #272E36;
}

.col-content-grid ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 45px;
}

.col-content-grid ul li {
    list-style: none;
    font-size: 28px;
    line-height: 32px;
    font-family: "Effra-Md";
    text-decoration: underline;
    text-underline-offset: 6px;
    color: #42B5B8;
}

.text-line-height p {
    line-height: 32px;
}

.col-font {
    color: #42B5B8;
}

.col-font-red {
    color: #EC3C5F !important;
}

a.col-font, a.col-font-red {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.col-h3 h3 {
    font-family: "Effra-Bd";
    font-size: 36px;
    line-height: 40px;
    color: #42B5B8;
}

.fa-clipboard:before {
    content: "\f328";
    font-family: 'Font Awesome 5 Free';
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

ul.box-sms {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 0;
}

ul.box-sms li, ul.box-sms-mb li, ul.box-sms-mb2 li {
    list-style: none;
    box-shadow: 0px 8px 16px 0px #00000014;
    border-radius: 16px;
    overflow: hidden;
}

.box-sms-title {
    background: #42B5B8;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 6px 0 6px 15px;
    font-weight: 400;
    font-family: 'SF Pro Display', sans-serif;
}

p.box-sms-content {
    font-family: 'SF Pro Display', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    background: #E9E9EB;
    margin: 15px;
    height: 100%;
    max-height: 220px;
    min-height: 220px;
    padding: 15px 10px;
    border-radius: 4px;
}

.box-sms-bottom {
    display: flex;
    justify-content: space-between;
    margin: 0 15px;
    align-items: center;
    padding-bottom: 10px;
}

span.box-sms-btn {
    background: #42B5B8;
    color: #fff;
    border-radius: 42px;
    padding: 5px 32px;
    font-size: 18px;
    line-height: 24px;
    font-family: 'SF Pro Display', sans-serif;
    cursor: pointer;
    font-weight: 500;
}

span.box-sms-caract {
    font-size: 16px;
    line-height: 24px;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 400;
}

i.far.fa-clipboard {
    margin-right: 10px;
}

ul.box-sms-mb, ul.box-sms-mb2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 35px;
    padding: 0;
}

ul.box-sms-mb2 {
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 767px) {
    .col-newsl {
        padding: 0 15px !important;
    }

    .language-dropdown {
        justify-content: center !important;
    }

    .footer-flex .container {
        display: block !important;
    }

    .col-logo-footer .wpb_single_image.vc_align_left {
        text-align: center;
    }

    .col-title h1 {
        font-size: 38px;
        line-height: 50px;
    }

    .col-title h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .col-content-grid ul {
        grid-template-columns: repeat(1, 1fr);
    }

    #composer-page .col-content-grid ul li {
        text-align: left;
    }

    .col-h3 h3 {
        font-size: 28px;
        line-height: 36px;
    }

    ul.box-sms, ul.box-sms-mb2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    ul.box-sms li:nth-child(6) {
        order: 6;
    }

    ul.box-sms li:nth-child(3) {
        order: 5;
    }

    ul.box-sms li:nth-child(5), ul.box-sms-mb2 li:nth-child(4) {
        order: 4;
    }

    ul.box-sms li:nth-child(2), ul.box-sms-mb2 li:nth-child(2) {
        order: 3;
    }

    ul.box-sms li:nth-child(4), ul.box-sms-mb2 li:nth-child(3) {
        order: 2;
    }

    ul.box-sms li:first-child, ul.box-sms-mb2 li:first-child {
        order: 1;
    }
}

#scroll-to-top {
    position: fixed;
    bottom: 10%;
    right: 20px;
    display: none;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 30px;
}

#scroll-to-top a {
    outline: none;
}

/*******************footer****************/
/*.footer-display .container {
    width: 100%;
}*/
.footer-display {
    background: #fff;
}

.language-dropdown {
    position: relative;
    display: flex;
    justify-content: end;
}

.language-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.language-dropdown li {
    display: inline-block;
}

.language-dropdown a {
    text-decoration: none;
    color: #000;
    display: block;
}

.language-dropdown img {
    vertical-align: middle;
}

.language-dropdown .name-country {
    margin-left: 5px;
}

.language-dropdown ul ul {
    display: none;
    position: absolute;
    top: -212px;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1;
    width: 100%;
    min-width: 140px;
    max-width: 140px;
}

.language-dropdown li:hover > ul {
    display: block;
}

.language-dropdown ul ul li {
    display: block;
    width: 100%;
}

.language-dropdown ul ul a {
    display: block;
    padding: 10px;
}

/* Add more styling as needed */

.footer-display ul {
    padding: 0;
}

.footer-display ul li {
    list-style: none;
    padding: 5px 0;
}

.footer-display h3 {
    color: #272E36;
    font-family: "Effra-Bd";
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.footer-display ul li a {
    color: #272e36 !important;
    font-size: 15px !important;
    font-family: "Effra-Rg" !important;
    font-weight: inherit !important;
    line-height: 20px;
}

.tnp.tnp-subscription {
    margin: 0;
}

#main-footer .col-newsl p {
    color: #272E36;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    font-family: "Effra-Rg" !important;
}

#main-footer .col-copy p {
    color: #272E36;
    font-family: "Effra-Rg" !important;
    font-size: 15px;
    line-height: 20px;
}

input.noptin-form-submit.noptin-form-button-left {
    border-radius: 25px;
    background: linear-gradient(90deg, #EB3348 0%, #F45B43 74.64%);
    width: 100%;
    max-width: 150px;
}

span.space-footer {
    margin: 0 5px;
}

.footer-display a:hover {
    opacity: 0.8;
}

a.text-doc-footer {
    text-decoration: underline;
    color: #272E36;
}

.language-dropdown ul {
    border: 2px solid;
    border-radius: 25px;
    padding: 5px 16px;
}

.language-dropdown ul ul.other-country {
    border: none;
    border-radius: 0;
}

.col-newsl-footer {
    display: flex;
}

.email-footer img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    margin-left: 10px;
    width: auto;
    height: auto;
    margin-top: 10px;
}

.email-footer {
    position: relative;
}

.email-footer input {
    padding: 8px 16px 8px 20px;
    width: 100%;
    width: 245px;
    margin-right: 10px;
    border-radius: 25px;
    background: #DCE2E3;
    border: none;
    padding-left: 34px;
}

.btn-footer input {
    padding: 8px 20px;
    width: 100%;
    border-radius: 25px;
    background: linear-gradient(90deg, #EB3348 0%, #F45B43 74.64%);
    border: none;
    color: #fff;
}

.col-newsl .wpb_text_column.wpb_content_element {
    margin-bottom: 20px;
}

.language-dropdown a span {
    color: #272E36;
    font-size: 15px;
    line-height: 20px;
    font-family: "Effra-Bd";
}

.email-footer input::placeholder {
    font-size: 15px;
    line-height: 22px;
    color: #878787;
    font-family: "Effra-Rg";
}

.footer-flex .container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-display .vc_column_container > .vc_column-inner {
    padding: 0px;
}

body.page-id-19241 {
    background: #fff;
}

.col-logo-footer img {
    width: 100%;
    max-width: 130px !important;
}

body section#customers-reference {
    padding: 0;
}

footer#main-footer {
    padding: 75px 0 0 0;
}

footer#main-footer .kk-star-ratings.kksr-auto.kksr-align-center.kksr-valign-bottom{
	display: none !important;
}

@media (max-width: 767px) {
    .col-newsl-footer {
        flex-direction: column;
    }

    .email-footer input {
        width: 100%;
        margin-bottom: 10px !important;
    }

    .btn-footer {
        display: flex;
    }
}


/* Footer flex layout */
#flex-footer {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
	margin-bottom: 3rem !important;
}

#flex-footer .wpb_column {
    flex: 0 0 auto;
    width: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#flex-footer .wpb_single_image .vc_figure,
#flex-footer .wpb_single_image {
    display: flex;
    justify-content: center;
    margin: 0;
}

.change-langage {
    margin-bottom: 0 !important;
}