body {
    margin: 0;
    color: #000;
    font: 16px/19px 'Open Sans', Arial, Helvetica, sans-serif;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
}

.img-top {
    margin-top: -11px;
}


img {
    border-style: none;
    outline: none;
}

fieldset {
    padding: 0;
}

.pagination-front > li {
    display: inline;
}

.pagination-front > .disabled > span, .pagination-front > .disabled > span:hover, .pagination-front > .disabled > span:focus, .pagination-front > .disabled > a, .pagination-front > .disabled > a:hover, .pagination-front > .disabled > a:focus {
    background-color: #fff;
    border-color: #ddd;
    color: #999;
    cursor: not-allowed;
}

.cadre-al {
    border: 2px #108a72 solid;
    border-radius: 4px;
    position: relative;
    width: 110%;
}

a {
    color: #e74c3c;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}


    a:hover {
        text-decoration: underline;
    }

    a:focus {
        outline: none;
        color: #e87063;
    }

fieldset {
    border: none;
}

input,
textarea,
select {
    font: 100% Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #000;
}

header, footer, article, section, hgroup, nav, main, figure, aside {
    display: block;
    margin: 0;
    padding: 0;
}

label {
    cursor: pointer;
}

button::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.select-categorie-tri {
    width: 170px;
}

.trie-ctg .jcf-select {
    width: 170px !important;
    margin: 0 !important;
}

input[type="search"] {
    -webkit-appearance: none;
}

    input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: none;
    }

    input[type="search"]::-webkit-search-decoration {
        display: none;
    }

q {
    quotes: none;
}

    q:before,
    q:after {
        content: '';
        content: none;
    }

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.3em;
}

sub {
    bottom: -0.25em;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p {
    margin: 0 0 1.3em;
    color: #333;
    /*text-align: justify;*/
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px;
    font-weight: normal;
    color: #333;
}

h1 {
    font-size: 40px;
    line-height: 50px;
    margin: 0 0 31px;
    /*text-transform: capitalize;*/
}

h2 {
    font-size: 36px;
    line-height: 35px;
    margin: 0 0 19px;
}


h3 {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    margin: 0 0 21px;
}

h4 {
    font-size: 22px;
    line-height: 22px;
    font-weight: 800;
    color: #34495e;
}

h5 {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

.bg {
    background: #fafafa repeat scroll 0 0 rgba(0, 3, 0, 0.04);
}

.btn-green,
.btn-red,
.btn-grey {
    display: inline-block;
    vertical-align: top;
    padding: 13px 20px 13px;
    border-radius: 5px;
    text-transform: capitalize;
    background: #1abc9c;
    color: #34495e;
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 5px;
    min-width: 157px;
    text-align: center;
    -webkit-transition: all 0s ease;
    -moz-transition: all 03s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}


    .btn-green:focus {
        color: #34495e;
    }

    .btn-green:focus,
    .btn-green:active,
    .btn-red:focus,
    .btn-red:active,
    .btn-grey:focus,
    .btn-grey:active {
        text-decoration: none;
        top: 1px;
        position: relative;
    }

    .btn-green:hover,
    .btn-red:hover,
    .btn-grey:hover {
        text-decoration: none;
    }

/*.btn-green:hover {
        background: #21c6a5;
    }

    .btn-green:focus,
    .btn-green:active {
        background: #19b495;
     
    }*/

.btn-red {
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    color: #fff;
    background: #e74c3c;
}

    .btn-red:hover {
        background: #f05748;
    }

    .btn-red:focus,
    .btn-red:active {
        background: #f05748;
        color: #fff;
    }

.btn-rouge {
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 5px;
    min-width: 157px;
    padding: 13px 20px;
    text-align: center;
}

.btn-rouge {
    background: none repeat scroll 0 0 #e74c3c;
    border-radius: 5px;
    box-shadow: 0 4px 0 0 #ad3428;
    color: #fff;
    display: inline-block;
    vertical-align: top;
}

.btn-grey {
    display: inline-block;
    vertical-align: top;
    border-radius: 5px;
    color: #34495e;
    background: #cbcfd3;
}

    .btn-grey:hover {
        background: #e0e2e4;
    }

    .btn-grey:focus,
    .btn-grey:active {
        background: #c3c9ce;
        color: #34495e;
    }

.link-icon,
.link-icon3 {
    color: #34495e;
    position: relative;
    /*display: inline-block;*/
    vertical-align: top;
    padding: 0 0 0 29px;
    font-size: 14px;
    line-height: 17px;
}

.link-icon3 {
    padding: 0 0 0 43px;
}

    .link-icon:after,
    .link-icon3:after {
        /*background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -112px -3px;*/
        position: absolute;
        content: '';
        top: -1px;
        left: 0px;
        height: 35px;
        width: 25px;
    }

    .link-icon3:after {
        background-position: -74px -146px;
        width: 36px;
        height: 36px;
    }

    .link-icon:focus,
    .link-icon3:focus {
        color: #41678d;
    }

        .link-icon:focus:after {
            background-position: -145px -3px;
        }

.link-iconA::after {
    background: url("https://static.alphorm.com/images/front/attestation.png");
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: -8px;
    width: 27px;
}

.link-iconA {
    color: #34495e;
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    padding: 0 0 0 29px;
    position: relative;
    vertical-align: top;
}

.partner1,
.partner2,
.partner3,
.partner4 {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px;
    border-radius: 5px;
    border: 1px solid #080808;
    -webkit-box-shadow: inset 0 3px 0 0 #6e6e6e, 1px 1px 1px 1px #d8d8d8;
    box-shadow: inset 0 3px 0 0 #6e6e6e, 1px 1px 1px 1px #d8d8d8;
    padding: 6px 12px 7px 10px;
    background: #414141 -moz-linear-gradient(top, #414141 0%, #272727 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414141), color-stop(100%,#272727)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #414141 0%,#272727 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #414141 0%,#272727 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #414141 0%,#272727 100%); /* IE10+ */
    background: linear-gradient(to bottom, #414141 0%,#272727 100%); /* W3C */
}

    .partner1:hover {
        background: #545454 -moz-linear-gradient(top, #545454 0%, #424242 99%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545454), color-stop(99%,#424242)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #545454 0%,#424242 99%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #545454 0%,#424242 99%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #545454 0%,#424242 99%); /* IE10+ */
        background: linear-gradient(to bottom, #545454 0%,#424242 99%); /* W3C */
    }

    .partner1:focus {
        background: #424242 -moz-linear-gradient(top, #424242 1%, #545454 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#424242), color-stop(100%,#545454)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #424242 1%,#545454 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #424242 1%,#545454 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #424242 1%,#545454 100%); /* IE10+ */
        background: linear-gradient(to bottom, #424242 1%,#545454 100%); /* W3C */
    }

.partner2 {
    -webkit-box-shadow: inset 0 3px 0 0 #f7f7f7, 1px 1px 1px 1px #d8d8d8;
    box-shadow: inset 0 3px 0 0 #f7f7f7, 1px 1px 1px 1px #d8d8d8;
    background: #f6f6f6 -moz-linear-gradient(top, #f6f6f6 0%, #ececec 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(99%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#ececec 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%,#ececec 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%,#ececec 99%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%,#ececec 99%); /* W3C */
    border: 1px solid #b2b2b2;
    padding: 15px 6px 8px 7px;
}

    .partner2:hover,
    .partner3:hover {
        background: #fff -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%); /* W3C */
    }

.partner3:hover {
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(top, #ededed 0%, #d8d8d8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%,#d8d8d8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ededed 0%,#d8d8d8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ededed 0%,#d8d8d8 100%); /* W3C */
}

.partner2:focus,
.partner3:focus {
    background: #f0f0f0 -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 100%); /* W3C */
}

.partner3 {
    border: 1px solid #b2b2b2;
    -webkit-box-shadow: inset 0 3px 0 0 #f7f7f7, 1px 1px 1px 1px #d8d8d8;
    box-shadow: inset 0 3px 0 0 #f7f7f7, 1px 1px 1px 1px #d8d8d8;
    background: #f6f6f6 -moz-linear-gradient(top, #f6f6f6 0%, #ececec 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(99%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#ececec 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%,#ececec 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%,#ececec 99%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%,#ececec 99%); /* W3C */
    padding: 6px 12px 7px 10px;
}

.partner4 {
    border: 1px solid #34a5c3;
    -webkit-box-shadow: inset 0 2px 0 0 #8bdaee, 1px 1px 1px 1px #d8d8d8;
    box-shadow: inset 0 2px 0 0 #8bdaee, 1px 1px 1px 1px #d8d8d8;
    background: #0bb1dc -moz-linear-gradient(top, #0bb1dc 0%, #02acd8 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0bb1dc), color-stop(99%,#02acd8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0bb1dc 0%,#02acd8 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0bb1dc 0%,#02acd8 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0bb1dc 0%,#02acd8 99%); /* IE10+ */
    background: linear-gradient(to bottom, #0bb1dc 0%,#02acd8 99%); /* W3C */
    padding: 4px 34px 4px 11px;
}

    .partner4:hover {
        background: #28caf3 -moz-linear-gradient(top, #28caf3 0%, #0cb4df 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28caf3), color-stop(100%,#0cb4df)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #28caf3 0%,#0cb4df 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #28caf3 0%,#0cb4df 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #28caf3 0%,#0cb4df 100%); /* IE10+ */
        background: linear-gradient(to bottom, #28caf3 0%,#0cb4df 100%); /* W3C */
    }

    .partner4:focus {
        -webkit-box-shadow: inset 0 1px 0 0 #8bdaee, 1px 1px 1px 1px #d8d8d8;
        box-shadow: inset 0 1px 0 0 #8bdaee, 1px 1px 1px 1px #d8d8d8;
        background: #0cb2dd -moz-linear-gradient(top, #0cb2dd 0%, #16bde9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0cb2dd), color-stop(100%,#16bde9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0cb2dd 0%,#16bde9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0cb2dd 0%,#16bde9 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0cb2dd 0%,#16bde9 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0cb2dd 0%,#16bde9 100%); /* W3C */
    }

.search--home .dropdown-menu {
    left: 20px;
    right: 60px;
}

.search-inp-container {
    border-radius: 0;
}

    .search-inp-container input {
        border-radius: 0 !important;
    }


.search-field {
    border: 0 none;
    font-size: 18px;
    height: 60px;
    padding: 0;
}

    .search-field:focus {
        box-shadow: none;
    }

.home-search-btn {
    border: 0 none;
    border-radius: 0 8px 8px 0;
    color: hsl(0, 0%, 100%);
    font-size: 22px;
    height: 60px;
    padding: 0 20px;
}

input[type="password"],
input[type="email"],
input[type="text"],
input[type="tel"],
textarea {
    font-size: 16px;
    line-height: 16px;
    color: #000;
    padding: 3px 34px;
    height: 43px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #333;
    background: none;
    /*border-radius: 7px;*/
    margin: 0 0 5px;
    width: 212px;
    box-shadow: none;
    /*background: hsl(0, 0%, 95%) none repeat scroll 0 0 !important;*/
    /*background: transparent !important;*/
}

input[type="text2"] {
    font-size: 16px;
    line-height: 16px;
    color: #000;
    padding: 3px 6px;
    height: 43px;
    display: inline-block;
    vertical-align: top;
    border: 2px none #bdc3c7;
    background: none;
    border-radius: 7px;
    margin: 0 0 5px;
    width: 212px;
    box-shadow: none;
    background: #e4e2e2;
}

textarea {
    min-height: 170px;
    max-height: 220px;
    /*max-width: 100%;
    min-width: 100%;*/
    width: 101% !important;
    overflow: auto;
    margin: 0 0 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


    input:focus,
    input:active,
    textarea:active,
    textarea:focus {
        border: 2px solid #8cddcd;
        background: #f3f3f3 !important;
        outline: none;
    }

input[type="text2"]:active,
input[type="text2"]:focus {
    border: 2px none #bdc3c7;
    background: #f3f3f3 !important;
    outline: none;
}

.error input,
.error input {
    border-color: #f40739;
    background: #f3f3f3;
}

.search-area:after {
    content: '';
    display: block;
    clear: both;
}

.search-area button,
.social-block button.opener2 {
    float: left;
    position: relative;
    width: 34px;
    height: 32px;
    border: none;
    margin: 0 13px 0 0;
    overflow: visible;
    cursor: pointer;
    float: left;
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -264px -4px;
}

    .search-area button:hover {
        opacity: 0.8;
    }

.social-block button {
    background: rgba(30,190,159, 0.8) url(https://static.alphorm.com/images/front/spritef.png) no-repeat -262px 0px;
    padding: 3px;
    width: 42px;
    margin: 0 2px 0 0;
    height: 41px;
}

.search-area input {
    font-size: 25px;
    line-height: 25px;
    padding: 3px 30px 3px 11px;
    display: block;
    border: 2px solid #bdc3c7;
    border-radius: 4px;
    margin: 0;
    width: 100%;
    font-style: normal;
    height: 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.search-area .parent-active input {
    border: 2px solid #1abc9c;
    background: #f3f3f3;
}

.row-area {
    position: relative;
    width: 383px;
    overflow: hidden;
}

.row-area-phone {
    position: relative;
    width: 383px;
    overflow: hidden;
}

.input-placeholder-text {
    top: 30px;
    left: 41px;
    font-style: italic;
    font-size: 16px;
}

.search-area .parent-active .input-placeholder-text,
.search-area .parent-active input {
    font-style: normal;
    color: #333;
}


.row-area:after {
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat scroll -238px -50px;
    position: absolute;
    content: '';
    top: 4px;
    right: 7px;
    height: 24px;
    width: 23px;
}

.row-area-phone:after {
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat scroll -238px -77px;
    position: absolute;
    content: '';
    top: 4px;
    right: 7px;
    height: 24px;
    width: 23px;
}

.row-area.parent-active:after {
    background-position: -238px -79px;
}

.row-area-phone.parent-active:after {
    background-position: -238px -79px;
}

.block222 {
    margin: 0 20px 30px 0;
    width: 963px;
    padding: 10px;
}

    .block222.alt2 {
        width: 1136px;
        padding: 0;
    }

.tabset-block {
    margin: 0 0 10px;
}

    .tabset-block:after {
        content: '';
        display: block;
        clear: both;
    }

.tabset {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

    .tabset li {
        float: left;
        min-width: 219px;
        font-size: 18px;
        line-height: 20px;
    }

        .tabset li a {
            display: block;
            padding: 10px;
            color: #34495e;
            border-radius: 8px 8px 0 0;
            color: #1abc9c;
            -webkit-transition: all 0s ease;
            -moz-transition: all 0s ease;
            -o-transition: all 0s ease;
            transition: all 0s ease;
        }

        .tabset li.active {
            border-right: 2px solid #fff;
            box-shadow: 2px 0 0 0 #ccc;
            border-radius: 5px 7px 0 0;
            margin: 0 -2px 0 0;
            -webkit-box-shadow: 2px 0 0 0 #ccc;
        }

.tabset3 .tabset li.active {
    margin: 0 -2px 1px 0;
}

/*.tabset3 li a {
    padding: 10px 3px 10px;
}*/

.en-tete-tabset {
    padding-left: 14px;
    padding-right: 14px;
}

.tabset li.active a {
    background: #e4e4e4;
    color: #34495e;
    border-radius: 5px 7px 0 0;
}

.tabset-block.tabset2 .tab-content,
.tabset-block.tabset3 .tab-content {
    border: 2px solid #fff;
    border-top: none;
}

.tabset2 .tabset li a {
    pointer-events: none;
    border: 2px solid #fff;
    border-bottom: none;
    cursor: text;
}

.tabset3 .tabset li.active a {
    border: 2px solid #fff;
    border-bottom: none;
}

.tabset2 .tabset li,
.tabset3 .tabset li {
    position: relative;
}

.tabset3 .tab-content {
    background: rgba(222, 222, 222, 0.5);
}

.tabset2 .tabset li:after {
    border-bottom: 2px solid #fff;
    position: absolute;
    content: '';
    bottom: 0;
    left: 100%;
    right: -700px;
}

.tabset3 .tabset li.active:after {
    border-bottom: 2px solid #fff;
    position: absolute;
    content: '';
    bottom: 0;
    left: 100%;
    right: -700px;
}

.tabset2 .tabset li.active,
.tabset3 .tabset li.active {
    border: none;
}

    .tabset2 .tab-content,
    .tabset3 .tab-content .tabset2 .tabset li.active a,
    .tabset3 .tabset li.active a {
        background: rgba(222,222,222, 0.5);
    }

    .tabset2 .tabset li.active a {
        margin: 0 0 1px;
    }

.tabset-block {
    width: 100%;
}

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

.tab-content {
    padding: 39px 10px 10px 28px;
    background: #e4e4e4;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 100%;
    /*min-height: 237px;*/
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
    border-radius: 0 0 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .tab-content ul {
        /*padding-left: 14px;*/
        margin: 0 0 15px;
        list-style: none;
    }

ul.pagination-list {
    margin: 0 0 25px;
    position: relative;
    padding: 0 0 0 20px;
    font-size: 16px;
}

.tab-content ul li {
    /*padding: 0 0 0 12px;*/
    position: relative;
}

    .tab-content ul li:after {
        background: #34495e;
        position: absolute;
        top: 5px;
        margin: 0;
        border-radius: 50%;
        left: 0px;
        height: 8px;
        width: 8px;
    }

.tab-content ul a {
    color: #e74c3c;
}

.nav-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .nav-list:after {
        content: '';
        display: block;
        clear: both;
    }

    .nav-list li {
        float: left;
        min-width: 155px;
        text-align: center;
    }

        .nav-list li a {
            display: block;
            padding: 10px 3px;
            background: #128f77;
            color: #128f77;
            background: #1abc9c;
            position: relative;
            border-left: 1px solid #2ed0b0;
        }

            .nav-list li a:hover {
                text-decoration: none;
                opacity: 0.9;
            }

        .nav-list li:first-child a {
            border-radius: 4px 0 0 4px;
            border: none;
        }

        .nav-list li:last-child a {
            border-radius: 0 4px 4px 0;
        }

        .nav-list li.active a {
            display: block;
            padding: 10px 3px;
            color: #fff;
            background: #16a085;
        }

            .nav-list li.active a:after {
                position: absolute;
                content: '';
                bottom: -10px;
                margin: 0 0 0 -5px;
                left: 50%;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 10px solid #16a085;
            }

.link-list {
    padding: 0;
    margin: 0 0 40px;
    list-style: none;
}

    .link-list.alt {
        width: 291px;
    }

    .link-list li {
        margin: 0 0 5px;
        font-size: 18px;
        line-height: 18px;
    }

        .link-list li a {
            display: block;
            padding: 7px 20px 9px 12px;
            border-radius: 4px;
            background: #ecf0f1;
            color: #34495e;
            position: relative;
        }

            .link-list li a:after {
                background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -70px -23px;
                position: absolute;
                content: '';
                top: 9px;
                right: 9px;
                height: 15px;
                width: 11px;
            }

        .link-list li.active a {
            background: #1abc9c;
            color: #fff;
        }

            .link-list li.active a:hover {
                background: #2ad0af;
                color: #fff;
            }

        .link-list li a:hover {
            background: #e4e4e4;
            text-decoration: none;
        }

.pagin-box {
    overflow: hidden;
}

    .pagin-box .descrip {
        float: left;
        margin: 0 48px 0 0;
    }

.pagination-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .pagination-list li {
        display: inline-block;
        vertical-align: top;
        margin: 0 1px;
    }

    .pagination-list li {
        color: #e74c3c;
    }

        .pagination-list li a {
            padding: 1px 2px;
            color: #e74c3c;
            display: block;
            border-radius: 4px;
            min-width: 16px;
            position: relative;
            text-align: center;
        }

            .pagination-list li a:hover,
            .pagination-list li.active a {
                background: #e74c3c !important;
                color: #fff;
                text-decoration: none;
                border-radius: 4px !important;
            }

.tab-content ul.pagination-list > .active {
    border-radius: 5px;
    background: none !important;
}

.pagination-list li:first-child a {
    padding: 0 0 0 23px;
    margin: 0 25px 0 0;
}

.pagination-list li:last-child a,
.pagination-list li:first-child a {
    background: none !important;
}

.pagination-list li:last-child a {
    padding: 0 20px 0 0;
    margin: 0 0 0 23px;
}

    .pagination-list li:first-child a:hover,
    .pagination-list li:last-child a:hover {
        background: none;
        text-decoration: underline;
        color: #e74c3c;
    }

    .pagination-list li:first-child a:after,
    .pagination-list li:last-child a:after {
        background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -37px -24px;
        position: absolute;
        content: '';
        top: 4px;
        left: 0px;
        height: 12px;
        width: 12px;
    }

    .pagination-list li:last-child a:after {
        left: auto;
        background-position: -54px -24px;
        right: 0;
    }

.carousel {
    position: relative;
    padding: 0 0 26px;
    text-align: justify;
}

    .carousel .mask {
        position: relative;
        overflow: hidden;
        margin: 0 0 23px;
        padding: 0 0 10px;
    }

        .carousel .mask .slideset {
            width: 99999px;
            /*float: left;*/
        }

        .carousel .mask .slide {
            float: left;
            padding: 0 64px 0 85px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

.carousel-block {
    padding: 0;
}

    .carousel-block:after {
        content: '';
        display: block;
        clear: both;
    }

    .carousel-block .img-area.area {
        box-shadow: none;
        -webkit-box-shadow: none;
        position: relative;
    }

    .carousel-block.block2 .block-area {
        float: left;
        width: 32%;
        margin: 0 10px 0 0;
    }

    .carousel-block.block2 .img-area {
        box-shadow: none;
        -webkit-box-shadow: none;
        float: right;
        width: 30%;
        margin: 0 0 0 10px;
        position: relative;
    }

    .carousel-block.block2 .text-area {
        display: block;
        overflow: hidden;
        padding: 0 10px;
    }

    .carousel-block .img-area.area .img1 {
        float: left;
        width: 40%;
    }

    .carousel-block .img-area.area .img2 {
        float: right;
        width: 59%;
    }

.main-carousel .slide-text p,
.text-area p,
.main-carousel .text p {
    font-size: 16px/19px;
    line-height: 24px;
    border-radius: 8px;
}

.main-carousel h4 {
    color: #1abc9c;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    text-align: left;
    margin: 0 0 44px;
}

    .main-carousel h4 span {
        display: inline-block;
        max-width: 80%;
    }

    .main-carousel h4 a {
        display: inline-block;
    }

.catalog-slide {
    text-align: center;
}

    .catalog-slide h4 {
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 16px;
    }

    .catalog-slide a {
        color: #e74c3c;
    }

.main-carousel .catalog-block {
    float: left;
    width: 33%;
    padding: 0 20px 0 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .main-carousel .catalog-block:last-child {
        padding: 0;
    }

    .main-carousel .catalog-block .ico-preview {
        width: 126px;
        height: 126px;
        margin: 0 0 10px;
    }

.catalog-slide .technologies-list li {
    display: inline-block;
    min-width: 16%;
    max-width: 75px;
    /* width: 42%; */
}


.carousel-block .text {
    float: left;
    width: 45%;
    /*padding: 47px 0 0;*/
    margin-left: 5%;
}

.slide-center-img .carousel-block .img-area {
    margin: 0 auto;
}

.carousel-block .img-area {
    /*float: right;*/
    width: 58%;
    -webkit-box-shadow: 6px 6px 3px -1px #dadada;
    box-shadow: 6px 6px 3px -1px #dadada;
    border-radius: 5px;
    margin: 0 4% 0 40%;
}

    .carousel-block .img-area img {
        width: 100%;
    }

.carousel-block h2 {
    font-size: 30px;
    line-height: 30px;
    color: #1abc9c;
    margin: 0 0 30px;
}

.carousel-block .title {
    color: #34495e;
    font-size: 30px;
    line-height: 34px;
    font-weight: normal;
}

    .carousel-block .title span {
        font-size: 30px;
        line-height: 45px;
        color: #F70B1D;
        display: block;
        text-transform: uppercase;
        font-weight: bold;
        text-align: left;
    }

.carousel .btn-prev,
.carousel .btn-next {
    background: hsla(0, 0%, 0%, 0) url("https://static.alphorm.com/logo/direction.png") no-repeat scroll 0 -10px;
    position: absolute;
    content: '';
    top: 50%;
    margin: -60px 0 0;
    left: 0px;
    height: 90px;
    width: 41px;
    overflow: hidden;
    text-indent: -9999px;
    opacity: 0.6;
}

.carousel .btn-next {
    background-position: 0 -95px;
    left: auto;
    right: 0;
}

.carousel .btn-prev {
    left: 0px;
    right: auto;
}

.carousel .btn-next:hover {
    background-position: -40px -95px;
}

.carousel .btn-prev:hover {
    background-position: -40px -10px;
}

.carousel .pagination ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
    position: relative;
    z-index: 999;
}

.carousel .pagination li {
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
}

    .carousel .pagination li a {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        display: block;
        background: #959ea7;
        text-indent: -9999px;
        overflow: hidden;
    }

        .carousel .pagination li a:hover,
        .carousel .pagination li.active a {
            background: #fff;
        }

.plugin-list {
    padding: 0;
    margin: 0 -20px 0 0;
    list-style: none;
    overflow: hidden;
}

    .plugin-list li {
        float: left;
        margin: 0 18px 5px 0;
        font-weight: bold;
        font-size: 14px;
    }

    .plugin-list .count {
        background: #fff;
        border: 1px solid #a8a8a8;
        border-radius: 2px;
        position: relative;
        padding: 6px 7px;
        color: #3a3a3a;
        float: right;
    }

        .plugin-list .count:after {
            background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -211px -3px;
            position: absolute;
            content: '';
            top: 8px;
            left: -8px;
            height: 14px;
            width: 9px;
        }

    .plugin-list a {
        float: left;
        width: 53px;
        padding: 7px 7px 7px 29px;
        color: #fff;
        background: #5d82d1;
        margin: 0 12px 0 0;
        position: relative;
    }

        .plugin-list a:hover {
            text-decoration: none;
            background: #6c91e1;
        }

        .plugin-list a:active,
        .plugin-list a:focus {
            background: #4d74c5;
        }

        .plugin-list a:after {
            background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat 0 -147px;
            position: absolute;
            content: '';
            top: 6px;
            left: 10px;
            height: 23px;
            width: 13px;
        }

    .plugin-list .twitter a {
        background: #4ecbff;
    }

        .plugin-list .twitter a:hover {
            background: #71d5ff;
        }

        .plugin-list .twitter a:active,
        .plugin-list .twitter a:focus {
            background: #29ade5;
        }

        .plugin-list .twitter a:after {
            background-position: -16px -151px;
            width: 23px;
            height: 19px;
            top: 8px;
            left: 4px;
        }

    .plugin-list .gmail a:after {
        background-position: -43px -149px;
        width: 24px;
        height: 23px;
        left: 4px;
    }

    .plugin-list .gmail a {
        background: #eb5e4c;
    }

        .plugin-list .gmail a:hover {
            background: #ff6450;
        }

        .plugin-list .gmail a:active,
        .plugin-list .gmail a:focus {
            background: #dd4330;
        }

.socials {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .socials:after {
        content: '';
        display: block;
        clear: both;
    }

    .socials li {
        float: left;
        margin: 0 2px 0 0;
    }

span.input-icon {
    display: inline-block;
    padding-top: 10px;
}

.socials li a {
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    height: 30px;
    width: 30px;
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat 0 -47px;
    cursor: pointer;
}

    .socials li a:hover {
        background-position: 0 -79px;
        cursor: pointer;
    }

    .socials li a:focus {
        background-position: 0 -112px;
        cursor: pointer;
    }

.socials li.twitter a {
    background-position: -31px -47px;
    cursor: pointer;
}

    .socials li.twitter a:hover {
        background-position: -31px -79px;
        cursor: pointer;
    }

    .socials li.twitter a:focus {
        background-position: -31px -112px;
        cursor: pointer;
    }

.socials li.gmail a {
    background-position: -63px -47px;
    cursor: pointer;
}

    .socials li.gmail a:hover {
        background-position: -63px -79px;
        cursor: pointer;
    }

    .socials li.gmail a:focus {
        background-position: -63px -112px;
        cursor: pointer;
    }


.socials li.youtube a {
    background-position: -126px -47px;
    cursor: pointer;
}

    .socials li.youtube a:hover {
        background-position: -126px -79px;
        cursor: pointer;
    }

    .socials li.youtube a:focus {
        background-position: -126px -112px;
        cursor: pointer;
    }

.socials li.instagram a {
    background-position: -158px -47px;
    cursor: pointer;
}

    .socials li.instagram a:hover {
        background-position: -158px -79px;
        cursor: pointer;
    }

    .socials li.instagram a:focus {
        background-position: -158px -112px;
        cursor: pointer;
    }


.socials li.alphorm a {
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    height: 30px;
    width: 30px;
    background: url(https://static.alphorm.com/images/favicon.ico) no-repeat;
    cursor: pointer;
}

    .socials li.alphorm a:hover {
        /*background-position: 0px -238px;*/
    }

    .socials li.alphorm a:focus {
        background-position: 0px -271px;
        cursor: pointer;
    }





.social-block {
    padding: 0;
    margin: 0;
    list-style: none;
    float: right;
    padding: 0;
    text-align: right;
    width: 50px;
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 9999;
    cursor: pointer;
}

    .social-block > li {
        margin: 0 0 3px;
        overflow: hidden;
        position: relative;
        padding: 2px;
        -webkit-box-shadow: 2px 2px 3px -1px #b7b7b7;
        box-shadow: 2px 2px 3px -1px #b7b7b7;
        background: #fff;
        float: right;
        text-align: left;
    }

    .social-block .li-hold {
        background: url(https://static.alphorm.com/images/front/bg2.png);
    }

    .social-block .social {
        margin: 0;
    }

    .social-block .slide2 {
        padding: 5px 5px 3px 5px;
        overflow: hidden;
        display: block;
    }

    .social-block .li-hold:after {
        content: '';
        display: block;
        clear: both;
    }

    .social-block .row-area {
        width: 254px;
    }

    .social-block button {
        float: left;
    }

    .social-block form {
        display: block;
        float: right;
    }

    .social-block .forum:after,
    .social-block .social:after {
        background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -237px -111px;
        position: absolute;
        content: '';
        top: 12px;
        left: 2px;
        height: 20px;
        width: 37px;
    }

    .social-block .btn.opener2:after {
        background: rgba(0, 0, 0, 0) url("https://static.alphorm.com/images/front/spritef.png") no-repeat scroll -264px -4px;
        content: "";
        height: 36px;
        left: 2px;
        position: absolute;
        top: 6px;
        width: 37px;
    }

    .social-block button.opener2:after {
        background-position: -266px -4px;
        width: 32px;
        height: 32px;
        top: 4px;
        left: 5px;
    }

    .social-block .social:after {
        background-position: -268px -44px;
        height: 32px;
        width: 30px;
        left: 6px;
        top: 4px;
    }

    .social-block .link {
        color: #08a284;
        display: inline-block;
        vertical-align: top;
        margin: 7px 0 0 12px;
    }

    .social-block fieldset {
        padding: 0;
    }

    .social-block .active1 {
        width: 311px;
    }

    .social-block .active2 {
        width: 133px;
    }

    .social-block .active3 {
        width: 248px;
    }

.active1.active {
    right: 0;
}

.active2.active {
    right: 0;
}

.active3.active {
    right: 0;
}

.active1 {
    right: -268px;
}

.active2 {
    right: -90px;
}

.active3 {
    right: -205px;
}

.social-block .slide2.js-slide-hidden {
    display: block !important;
    left: 0 !important;
    position: relative !important;
    top: 0 !important;
}

#wrapper {
    overflow: hidden;
    width: 100%;
}

.bg2 {
    background: #fff url('https://static.alphorm.com/images/front/bg2.png');
}

.holderM {
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    padding: 20px;
}

.holder {
    max-width: 1162px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

#header .holder {
    overflow: visible;
}

.header-block:after {
    content: '';
    display: block;
    clear: both;
}

.message-block {
    height: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 9999;
    position: relative;
}

.message-block.active {
    height: 42px;
}

.message-block .slide {
    -webkit-box-shadow: 0 3px 6px -4px #000;
    box-shadow: 0 3px 6px -4px #000;
    z-index: 99;
    background: #c40118;
    border-top: 1px solid #fff;
    text-align: center;
    overflow: hidden;
    position: relative;
    color: #fff;
    padding: 9px 0 12px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    /*position: fixed;*/
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.message-block.active .close {
    display: block;
}

.message-block .close {
    display: none;
}

.message-block p {
    margin: 0 10px 0 0;
    color: #fff;
    float: left;
}

.message-block a {
    color: #fff;
    float: right;
    font-size: 14px;
    line-height: 16px;
    margin: 4px 0 0;
}

.message-block .close {
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -40px 0;
    position: absolute;
    content: '';
    top: 8px;
    right: 14px;
    height: 17px;
    width: 17px;
    overflow: hidden;
    text-indent: -9999px;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
    z-index: 101;
}

.message-block .close:hover {
    background-position: -64px 0;
}

.message-block .close:focus {
    background-position: -87px 0;
}

#header {
    background: #fbfbfb none repeat scroll 0 0;
    border-bottom: 1px solid #e1e1e1;
    height: 52px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 19999;
}

#header .logo {
    float: left;
    height: 33px;
    margin: 0 1% 0 0;
}

.logo a {
    display: block;
    width: 100%;
}

#header nav {
    text-align: center;
    position: relative;
}

#header #nav {
    padding: 0 0px 0 0;
    margin: 0 -11px 0 0;
    list-style: none;
    float: right;
}

    #header #nav:after {
        content: '';
        display: block;
        clear: both;
    }

    #header #nav > li {
        font-size: 15px;
        line-height: 18px;
        text-align: center;
        float: left;
    }

.nav-opener {
    display: none;
}

.drop-panel {
    display: none;
}

nav .btn-green {
    display: none;
}

nav .socials {
    display: none;
}

#header #nav li ul {
    padding: 0;
    margin: 0;
    display: none;
    list-style: none;
    position: absolute;
    bottom: -61px;
    left: 0px;
    right: 0;
    background: rgba(216,216,216, 1);
    margin: 0 -9999px;
    padding: 3px 9974px 18px;
    z-index: 11;
    border-bottom: 2px solid #fff;
    -webkit-box-shadow: 0 3px 6px -5px #000;
    box-shadow: 0 3px 6px -5px #000;
    top: 42px;
}

#header #nav li.hover ul {
    display: block;
}

#header #nav > li.hover {
    background: #d8d8d8;
}

#header #nav > li > a {
    color: #333;
    padding: 8px 25px 24px 26px;
    display: block;
}

#header #nav li li {
    float: left;
    margin: 0 35px 0 0;
}

#header #nav li ul li a {
    color: #333;
}

#header #nav li li a:hover,
#header #nav li li.active a {
    color: #1abc9c;
    text-decoration: none;
}

#header #nav > li > a:hover {
    color: #1abc9c;
    text-decoration: none;
    background: #d8d8d8;
}

#header #nav > li.active > a {
    color: #1abc9c;
}

.header-box {
    float: right;
    color: #333;
    padding: 2px 1px 0 0;
    margin: 0 0 0 179px;
}

    .header-box .icon-panier {
        float: left !important;
    }

    .header-box .btn-green {
        font-size: 14px;
        padding: 9px 5px 8px;
        min-width: 99px;
        font-size: 14px;
        border: none;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }

        .header-box .btn-green:focus,
        .header-box .btn-green:active {
            box-shadow: 0 2px 0 0 #108a72;
            -webkit-box-shadow: 0 2px 0 0 #108a72;
        }

    .header-box .text {
        padding: 8px 0 0;
        float: right;
        font-size: 14px;
        line-height: 15px;
        margin: 0 0 0 16px;
    }

        .header-box .text a {
            float: none;
        }

    .header-box .lien-connexion {
        color: #333;
        font-size: 15px;
    }

    .header-box .lien-connexion {
        /*padding: 8px 10px 15px;*/
        color: #333;
        font-size: 15px;
    }


.padd {
    padding-top: 10px;
}

.header-box a {
    vertical-align: top;
}

.banner {
    position: relative;
    font-size: 32px;
    line-height: 26px;
}


.flex-caption {
    background-color: hsla(215, 32%, 7%, 0.89);
    border-radius: 2px;
    left: 50%;
    max-width: 840px;
    min-height: 250px;
    padding: 28px 60px;
    position: absolute;
    right: -24%;
    text-align: center;
    top: 44%;
    transform: translate(-50%, -50%);
}


    .flex-caption h3 {
        letter-spacing: 1px;
        margin-bottom: 8px;
    }

    .flex-caption p {
        font-size: 22px;
    }



.btn-search i {
    color: rgb(255, 255, 255);
    font-size: 20px;
}

.banner img {
    width: 100%;
    display: block;
    /*margin-left: 20%;*/
}

.banner .banner-fetee {
    position: absolute;
    content: '';
    top: 109px;
    right: 0;
    left: 0;
}

.banner .banner-hold {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
}

.banner .banner-text {
    top: 13%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
}

    .banner .banner-text i {
        font-size: 38px;
        line-height: 40px;
        display: block;
        font-weight: normal;
        font-style: normal;
    }

.banner .banner-textfete {
    max-width: 1177px;
    margin: 0 auto;
    text-align: /*right*/ center;
}

.banner h1 sup {
    color: #1abc9c;
}

.banner .btn-box {
    /*padding: 0 10px 0 0;*/
    /*margin: 0 0 40px;*/
    /*margin-top: 20%;*/
    position: relative;
}

.banner .mark sup {
    color: #e74c3c;
}

.banner .mark {
    color: /*#333333*/ #fff;
    font-size: 16px;
    /*line-height: 4px;*/
}

.banner .Féte {
    color: /*#333333*/ #fff;
    font-size: 20px;
    font-weight: lighter;
}

.banner-fete {
    color: #fff;
    font-size: 34px;
    font-weight: lighter;
    font-weight: 400;
}

.banner .btn-green,
.banner .btn-grey {
    padding: 19px 32px;
    margin: 0 0 0 6px;
}

.ArticleHead_title {
    font-size: 35px;
    color: #fff;
    margin: 0;
}

.mot {
    margin-top: 5px;
    margin-bottom: 40px;
    font-size: 18px;
}

.banner p {
    color: /*#1abc9c*/ #fff;
    margin: 0 0 9px;
    line-height: 40px;
}

.banner h1 {
    font-weight: 700;
    color: /*#34495e*/ #fff;
    /*text-transform: uppercase;
        /*font-size: 40px;*/
    /*line-height: 90px;*/
    display: block;
    font-style: normal;
}


    .banner h1 span {
        font-size: 38px;
        line-height: 25px;
        display: block;
    }

.banner .header-panel {
    background: hsla(210, 29%, 29%, 0.9) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: relative;
    right: 0;
    text-align: center;
}

    .banner .header-panel img {
        width: 23px;
        display: inline-block;
        vertical-align: top;
    }

.banner h1 sup {
    font-family: 'Lato', sans-serif;
    line-height: 40px;
}
/*-------    Features_UX   -------*/
.carousel-block .img-area.alt {
    width: 100%;
    float: none;
    margin: 0 auto 51px;
    max-width: 1047px;
}

.carousel-block .text-box {
    text-align: center;
    padding: 0 5px 17px;
    font-size: 30px;
    line-height: 32px;
    color: #34495e;
}

    .carousel-block .text-box p strong {
        font-size: 48px;
        line-height: 50px;
        color: #1abc9c;
        font-weight: 800;
        text-transform: uppercase;
    }

.carousel .text-block {
    text-align: center;
    margin: 0 0 50px;
    padding: 0 0 0;
}

    .carousel .text-block p {
        font-weight: bold;
    }

.header-panel {
    background: #34495e;
    overflow: hidden;
    padding: 14px 10px 2px;
}

    .header-panel ul {
        padding: 0;
        list-style: none;
        max-width: 100%;
        margin: 0 auto;
    }

        .header-panel ul li {
            color: hsl(168, 76%, 42%);
            display: inline-block;
            font-size: 13px;
            font-weight: 300;
            line-height: 28px;
            margin: 0 10% 0 7%;
            text-align: center;
            vertical-align: top;
            width: 14.4%;
        }

            .header-panel ul li a span {
                color: #fff;
                font-size: 14px;
            }

            .header-panel ul li a:hover span {
                color: #fff;
            }



    .header-panel a:hover {
        text-decoration: none;
    }

        .header-panel a:hover img.hover {
            display: inline-block;
            vertical-align: top;
        }

        .header-panel a:hover img {
            display: none;
        }

    .header-panel img.hover {
        display: none;
    }

    .header-panel li:last-child {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 0 36px;
        width: auto;
    }

        .header-panel li:last-child a:hover {
            text-decoration: underline;
            color: #e74c3c;
        }

.message-block .holder {
    max-width: 1000px;
    padding: 0 19px;
}

#sidebar .blog-action .btn-red {
    padding: 15px 24px 16px;
    font-size: 18px;
    box-shadow: 0 4px 0 0 #ad3428;
}

    #sidebar .blog-action .btn-red:focus {
        box-shadow: 0 2px 0 0 #ad3428;
        -webkit-box-shadow: 0 2px 0 0 #ad3428;
    }
/*
basic styles for structure
*/
.list-x1 {
    padding: 19px 0 0;
    margin: 0 0 30px;
    width: 100%;
    list-style: none;
}

    .list-x1:after {
        content: '';
        display: block;
        clear: both;
    }

    .list-x1 li {
        float: left;
        margin: 0 10px 10px;
    }

.hhhh {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .hhhh li {
        margin: 0 0 10px;
        overflow: hidden;
    }

        .hhhh li .hh {
            display: block;
        }
/*--------    some defaul style    --------*/
#main {
    border-top: 1px solid #fff;
    margin-top: 50px;
}

h5 {
    line-height: 24px;
}

h4 a {
    /*text-transform: uppercase;*/
    color: #1abc9c;
}

.accent {
    font-weight: bold;
}

.styled-row:after,
.styled-row2:after,
.blog-box:after,
.trainer-page .author-holder:after,
.author-holder:after,
.trainer-page .author-block:after {
    content: '';
    display: table;
    width: 100%;
    clear: both;
}

.blog-box #content {
    float: left;
    width: 67.8%;
}

.bg-none {
    background: none;
}

#content.holder {
    overflow: visible;
}

.heading {
    text-align: center;
    max-width: 1240px;
    margin: 0 auto 21px;
    padding-top: 38px;
}

    .heading h1 {
        max-width: 1150px;
        margin: 0 auto 31px;
    }


.subscribe-body {
    background: url(https://static.alphorm.com/images/front/subscribe-bg.jpg) repeat;
}

.btn-download {
    position: relative;
    padding: 15px 20px 16px 48px;
}

    .btn-download:before {
        content: '';
        position: absolute;
        margin: -13px 0 0;
        top: 50%;
        left: 18px;
        background: url('https://static.alphorm.com/images/front/sprite2.png') no-repeat -79px 0;
        width: 21px;
        height: 26px;
    }
.btn-telcharger::before {
    background: rgba(0, 0, 0, 0) url("https://static.alphorm.com/images/front/sprite2.png") no-repeat scroll -79px 0;
    color: #fff;
    content: "";
    height: 26px;
    left: 37%;
    margin: -13px 0 0;
    position: absolute;
    top: 104%;
    width: 21px;
}
/*-------    Africa" and "Marocco'   -------*/
.breadcrumbs {
    margin: 0 0 45px;
    padding: 0;
    list-style: none;
    overflow: hidden;
    font-size: 12px;
    line-height: 12px;
}

    .breadcrumbs li {
        position: relative;
        float: left;
        margin: 0 0 0 13px;
        padding: 3px 4px 3px 8px;
        background: #fff;
        background: #e2e1e1;
    }

        .breadcrumbs li:after {
            position: absolute;
            content: '';
            top: 0;
            right: -10px;
            border-left: 10px solid #e2e1e1;
            border-top: 9px solid transparent;
            border-bottom: 9px solid transparent;
        }

        .breadcrumbs li:before {
            position: absolute;
            content: '';
            top: 0;
            left: -10px;
            border-left: 10px solid transparent;
            border-top: 9px solid #e2e1e1;
            border-bottom: 9px solid #e2e1e1;
        }

        .breadcrumbs li:last-child:after {
            border-left-color: #fff;
        }

        .breadcrumbs li:last-child:before {
            border-top-color: #fff;
            border-bottom-color: #fff;
        }

        .breadcrumbs li:first-child {
            margin: 0;
        }

        .breadcrumbs li:last-child {
            background: #fff;
        }

    .breadcrumbs a {
        color: #e74c3c;
    }

.subscribe {
    text-align: center;
    margin: 0 0 50px;
    overflow: hidden;
}

.subscribe-step {
    margin: 0 0 115px;
    padding: 94px 0 0;
}

    .subscribe-step .step-info {
        display: inline-block;
        vertical-align: top;
        max-width: 300px;
        min-width: 177px;
        width: 20%;
    }

.subscribe2-step .step-info {
    width: 14%;
}

.subscribe-step .step-divider {
    display: inline-block;
    min-width: 97px;
    width: 13.6%;
    padding: 64px 0 0;
}

.subscribe2-step .step-divider {
    width: 8.53%;
}
/*  additional color to set bg on ico   */
.ico-preview-1 {
    background: #e74c3c;
}

.ico-preview-2 {
    background: #34495e;
}

.ico-preview-3 {
    background: #1abc9c;
}

.ico-preview-4 {
    background: #fad53e;
}

.ico-preview-5 {
    background: #1abc9c;
}

.ico-preview {
    position: relative;
    margin: 0 0 31px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    font-size: 0;
    line-height: 0;
    -webkit-box-shadow: -3px 3px 0 0 rgba(0,0,0,0.16);
    box-shadow: -3px 3px 0 0 rgba(0,0,0,0.16);
}

.carousel-row.carousel3 h2 {
    max-width: 100%;
    text-align: left;
    font-size: 24px;
    line-height: 26px;
    color: #34495e;
    font-weight: 700;
    margin: 0 0 10px;
}

.ico-preview img {
    vertical-align: middle;
    max-width: 100%;
}

.ico-preview:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
/*-------    "Reputation"   --------*/
.styled-row,
.styled-row2 {
    margin: 0 -9999px;
    /*padding: 50px 9999px 60px 9999px;*/
    padding: 20px 9999px 20px 9999px;
}

.styled-row2 {
    padding: 30px 9999px 30px 9999px;
}

.styled-row {
    background: #f9f9f9;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    box-shadow: inset 0 0 0 1px #fff;
}

.reputation-description .link-icon2:after {
    background: url(https://static.alphorm.com/images/front/ico.png) no-repeat;
    width: 29px;
    left: -2px;
}

.reputation-description .link-icon,
.reputation-description .link-icon2 {
    display: table-cell;
    height: 35px;
    vertical-align: middle;
    margin: 0 0 20px;
}

.reputation-description .link-icon2 {
    height: 29px;
}

.link-icon-holder {
    margin: 0 0 15px;
}

.action-list {
    list-style: none;
    padding: 13px 0 0;
    margin: 0;
    display: inline-block;
    width: 164px;
}

    .action-list li {
        display: table;
        margin: 9px 0 0;
    }

        .action-list li:first-child {
            margin: 0;
        }

.styled-row .reputation-description {
    float: left;
    max-width: 520px;
    padding: 7px 0 0;
}

    .styled-row .reputation-description h2 {
        margin: 0 0 30px;
    }

.styled-row2 .reputation-description h2 {
    margin: 0 0 30px;
}

.styled-row .reputation-description p {
    margin: 0 0 36px;
}

.styled-row2 .reputation-description {
    float: right;
    max-width: 620px;
    text-align: right;
}

.styled-row .reputation-preview img,
.styled-row2 .reputation-preview img {
    display: block;
    max-width: 100%;
    width: 100%;
}

.styled-row .reputation-preview,
.styled-row .ico-preview {
    float: right;
}

.styled-row .reputation-preview,
.styled-row2 .reputation-preview {
    width: 36.7%;
    position: relative;
}

    .styled-row .reputation-preview .sea-more,
    .styled-row2 .reputation-preview .sea-more,
    .carousel-block .img-area .sea-more {
        bottom: -7px;
        right: -7px;
    }

.styled-row .ico-preview {
    margin: 0 43px 0 0;
}

.styled-row2 .reputation-preview {
    float: left;
}
/*------    trainers    -------*/
.trainers-list {
    list-style: none;
    margin: 0 -40px 0;
    padding: 21px 20px 10px;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    overflow: hidden;
}

.left-list {
    list-style: none;
    margin-left: -9%;
}

.image > li {
    /*width: 240px;*/
    display: inline-block;
    margin: 0 -5px 2.5%;
    padding: 0 10px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trainers-list > li {
    display: inline-block;
    width: 16.3%;
    min-width: 286px;
    margin: 0 0 2.5%;
    padding: 0 10px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trainers-successed .trainers-list > li {
    margin: 0 0 2.5%;
}

.profile-photo, .profile-tutoriel, .profile-photos {
    position: relative;
    margin: 0 0 10px;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border: 3px solid #fff;
    /*border-radius: 50%;*/
    display: inline-block;
    text-align: center;
    font-size: 0;
    line-height: 0;
    /*-webkit-box-shadow: -2px 2px 2px 1px rgba(0,0,0,0.1);
    box-shadow: -2px 2px 2px 1px rgba(0,0,0,0.1);*/
}

    .profile-photo:hover {
        border-color: #e74c3c;
    }

    .profile-photo:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .profile-photo a {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
    }

    .profile-photos img {
        width: 100%;
    }

    .profile-photo img {
        width: 100%;
    }

    .profile-tutoriel img {
        width: 150px;
    }

.skils-list {
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
}

    .skils-list li {
        display: inline-block;
        width: auto;
        margin: 0 0 0 8px;
        vertical-align: top;
    }

        .skils-list li:first-child {
            margin: 0;
        }

    .skils-list .trainers-info {
        margin: 0 0 20px;
    }

.trainers-info .trainers-name,
.trainers-info .trainers-country {
    font-weight: bold;
    /*letter-spacing: 1px;*/
}

.new-profile .profile-photo {
    background: #e74c3c;
}

.new-profile .trainers-name {
    text-transform: uppercase;
    display: block;
    margin: 0 0 13px;
}

.trainers-info .trainers-position {
    display: block;
    margin: 0 0 14px;
    padding: 5px 0 0;
}

.trainers-description {
    max-width: 340px;
    margin: 0 auto;
    padding: 20px 0 0;
}
/*---------    Blog    --------*/
/* special style for some block */
.styled {
    border: 2px solid #fff;
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px 1px #ccc;
    border-radius: 4px;
}

.blog-article {
    margin: 0 0 50px;
    padding: 50px 0 0;
    border-top: 1px solid #e1e1e1;
    -webkit-box-shadow: inset 0 0 0 -1px #fff;
    box-shadow: inset 0 0 0 -1px #fff;
}

    .blog-article:first-child,
    .blog-article:first-child {
        padding: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .blog-article h2 {
        margin: 0 0 7px;
    }

        .blog-article h2 a {
            color: #1abc9c;
        }

            .blog-article h2 a:hover {
                text-decoration: none;
                color: #348b7a;
            }

.article-info {
    margin: 0 0 3px;
    padding: 11px 8px 4px 8px;
    background: #e3e3e3;
    overflow: hidden;
    font: 12px/16px 'Open Sans';
}

.post-date,
.comments,
.category {
    position: relative;
    padding: 0 0 0 27px;
}

    .comments:after,
    .category:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 19px;
        height: 22px;
        margin: -11px 0 0;
        background: url('https://static.alphorm.com/images/front/sprite2.png') no-repeat;
    }

    .post-date .btn {
        background: url(https://static.alphorm.com/images/front/sprite2.png) no-repeat;
        position: absolute;
        top: 50%;
        left: 0;
        width: 19px;
        height: 22px;
        margin: -11px 0 0;
        text-indent: -9999px;
        overflow: hidden;
    }

        .post-date .btn:hover {
            opacity: 0.6;
        }

    .comments:after {
        background-position: -24px -1px;
        width: 23px;
        height: 19px;
        margin: -9px 0 0;
    }

    .category:after {
        background-position: -52px 0;
        height: 17px;
        margin: -7px 0 0;
    }

.article-info .author,
.article-info .post-date,
.article-info .comments {
    float: left;
    margin: 0 26px 5px 0;
}

.article-info .category {
    float: right;
}

    .article-info .category a {
        color: #333;
    }

.blog-article .article-preview {
    margin: 0 0 28px;
}

    .blog-article .article-preview img {
        display: block;
        width: 100%;
    }

#sidebar {
    float: right;
    width: 29%;
}

    #sidebar > div,
    #sidebar > div ~ div {
        margin: 0 0 39px;
    }

.blog-action {
    text-align: center;
}

.banner2 img {
    display: block;
    width: 100%;
}

.search-blogpost {
    margin: 0 0 31px;
    padding: 7px 9px 6px;
    background: #e3e3e3;
}

    .search-blogpost fieldset {
        margin: 0;
        padding: 0;
    }

    .search-blogpost .row-area {
        width: auto;
    }

.blog-action .socials-holder {
    margin: 0 auto 29px;
}

.blog-action .socials {
    display: inline-block;
}
/*---------    Blog similaritem    ---------*/
.post-navigation {
    margin: 0 0 60px;
}

    .post-navigation:after {
        content: '';
        display: block;
        clear: both;
    }

    .post-navigation .tags-holder {
        float: left;
    }

    .post-navigation .pagination-list {
        float: right;
    }

        .post-navigation .pagination-list li:first-child a {
            margin: 0 9px 0 0;
        }

.tabset-block {
    margin: 0 0 50px;
}

.author-block {
    padding: 38px 0 0;
    border-top: 1px solid #e1e1e1;
    -webkit-box-shadow: inset 0 0 0 -1px #fff;
    box-shadow: inset 0 0 0 -1px #fff;
}

    .author-block.alt {
        border: none;
        padding: 0;
    }

.author-holder {
    padding: 0 1px 10px;
}

    .author-holder .profile-photo {
        width: 200px;
        height: 200px;
    }

    .author-holder .profile-tutoriel {
        width: 150px;
        height: 150px;
    }

    .author-holder .profile-tutoriel {
        margin: 0 33px 0 0;
    }

    .author-holder .profile-photo {
        float: left;
        margin: 0 33px 0 0;
    }

    .author-holder .author-description {
        /* overflow: hidden; */
        padding: 15px 0 0;
    }

    .author-holder h4 a,
    .author-holder h2 a {
        font-size: 20px;
        line-height: 24px;
        color: #34495e;
        text-transform: none;
    }

.comments-holder {
    padding: 45px 0 0;
    border-top: 1px solid #e1e1e1;
    -webkit-box-shadow: inset 0 0 0 -1px #fff;
    box-shadow: inset 0 0 0 -1px #fff;
}

    .comments-holder .none {
        display: none;
    }

.banner .noneim {
    display: none;
}

.comments-holder img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.comments-area {
    padding: 10px 15px;
    background: #dfdfdf;
}
/*------------     Success stor_user    -------------*/
.success-user h5,
.author-block h5 {
    color: #1abc9c;
    margin: 0 0 5px;
}

.success-user .author-block {
    margin: 0 0 9px;
}


.success-user .profile-preview {
    float: left;
    margin: 0 60px 0 0;
    overflow: hidden;
}

.success-user .profile-photo {
    width: 250px;
    height: 250px;
    float: none;
    margin: 0;
}

.success-user .skils-list {
    text-align: center;
    padding: 4px 0 0;
    margin: 0;
}

.success-user .author-description {
    padding: 48px 0 0;
}

.adv {
    font-size: 18px;
    line-height: 24px;
    color: hsl(168, 77%, 42%);
    font-weight: bold;
}

.success-user .author-description h5 {
    margin: 0 0 17px;
}

.success-user .author-description p {
    font-style: italic;
}

.success-user .author-description .accent {
    display: block;
}

.styled-row3 {
    margin: 0 -9999px;
    padding: 20px 9999px 7px;
    background: #34495e;
    color: #fff;
}

    .styled-row3 h1,
    .styled-row3 h2,
    .styled-row3 h3,
    .styled-row3 h4,
    .styled-row3 h5,
    .styled-row3 h6 {
        color: #fff;
    }

    .styled-row3 .career {
        width: 83%;
        text-align: center;
        margin: 0 auto;
    }

        .styled-row3 .career p {
            color: #fff;
        }

.success-user .styled-row {
    padding: 30px 9999px 30px;
}

.col-1,
.col-2 {
    float: left;
    width: 48%;
}

.col-2 {
    float: right;
}

    .col-1 h5,
    .col-2 h5 {
        text-align: center;
        margin: 0 0 20px;
    }

    .col-1 article,
    .col-2 article {
        margin: 0 0 50px;
    }

        .col-1 article:last-child,
        .col-2 article:last-child {
            margin: 0;
        }

.success-user .subscribe-body,
.trainer-page .subscribe-body {
    margin: 0 -9999px;
    padding: 59px 9999px 77px;
    text-align: center;
}

    .success-user .subscribe-body h2,
    .trainer-page .subscribe-body h2 {
        margin: 0 0 20px;
        font-size: 35px;
    }

    .success-user .subscribe-body article,
    .trainer-page .subscribe-body article {
        margin: 0 0 55px;
    }
/*----------  Features_Trainers_3   --------------*/
.trainer-page .author-holder {
    /*width: 66%;*/
    margin: 0 2% 0 0;
}

    .trainer-page .author-holder .profile-preview {
        float: left;
        max-width: 260px;
        text-align: center;
    }

.trainer-page .profile-photo {
    float: none;
    margin: 0 0 17px;
    width: 200px;
    height: 200px;
}

.trainer-country {
    position: relative;
    display: inline-block;
    margin: 0 0 14px;
    line-height: 30px;
    padding: 0 0 0 41px;
}

    .trainer-country:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(https://static.alphorm.com/images/front/sprite2.png) -45px -19px no-repeat;
        width: 32px;
        height: 32px;
    }

.profile-preview .socials {
    letter-spacing: 1px;
    margin: 0 0 35px;
}

    .profile-preview .socials li {
        display: inline-block;
        float: none;
        margin: 0;
    }

.trainer-page .author-description {
    float: right;
    width: 78%;
    padding: 0;
    margin: -4px 0 0;
}

    .trainer-page .author-description h2 {
        font-size: 36px;
        margin: 0 0 9px;
    }

.trainer-raiting {
    margin: 0 0 43px;
    background: #d7d7d7;
    padding: 7px 10px 6px 7px;
    width: 186px;
    font-weight: bold;
    overflow: hidden;
}

    .trainer-raiting .raiting {
        float: right;
    }

.trainer-specification {
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}

.tab-content .trainer-specification dt {
    float: left;
}

.tab-content .trainer-specification dd {
    padding: 0 0 0 165px;
}

.trainer-specification li:after {
    display: none;
}

.tab-holder .carousel-row .carousel .btn-prev,
.tab-holder .carousel-row .carousel .btn-next {
    margin: -37px 0 0;
}

.carousel-row.carousel3 .carousel .btn-next,
.carousel-row.carousel3 .carousel .btn-prev {
    margin: -52px 0 0;
}

.trainer-specification p {
    display: inline;
}

.author-block .courses-counter {
    text-align: center;
    font-weight: bold;
    text-align: left;
    margin: 0 0 0 -30px;
    padding: 9px 0 0;
    float: right;
}

.courses-counter .counter {
    margin: 0 14px 15px 0;
    width: 166px;
    height: 166px;
    background: url(https://static.alphorm.com/images/front/img-10.png) no-repeat;
    color: #fff;
    line-height: 166px;
    font-size: 36px;
    -webkit-text-shadow: 4px 5px 1px rgba(0, 0, 0, 0.3);
    text-shadow: 4px 5px 1px rgba(0, 0, 0, 0.3);
    display: inline-block;
    text-align: center;
    text-align: center;
}

.text-head {
    float: left;
    width: 61%;
}

.text-hed {
    text-align: center;
}

.courses-counter .counter-heading {
    letter-spacing: 1px;
    font-size: 17px;
    display: block;
    text-align: center;
}

.author-block .player-box {
    float: right;
    margin: 0;
    width: 30%;
}

.author-block .player {
    margin: 0 0 36px;
}

.author-block .player-box img {
    width: 100%;
    display: block;
}

.author-description .social-box {
    width: 100%;
    overflow: hidden;
}

.margin-left {
    margin-left: 22%;
    float: right;
    margin: -4px 0 0;
    padding: 0;
    width: 78%;
}

.folo {
    /*color: hsl(168, 76%, 42%);*/
    margin: -50px 0 5px;
    font-size: 18px;
    /*font-weight: bold;*/
}


.social-box p {
    font-weight: 300;
    font-size: 17px;
    margin: 0 0 10px;
}

.trainer-page .styled-row {
    text-align: center;
}

    .trainer-page .styled-row article {
        margin: 0 auto 60px;
        width: 60%;
    }

        .trainer-page .styled-row article:last-child {
            margin: 0 auto;
        }

.courses {
    margin: 0 -9999px;
    padding: 0px 9999px 0px;
}

    .courses h2 {
        text-align: center;
        font-size: 36px;
    }

.courses-list {
    overflow: hidden;
    /*margin: 0 -2px -46px 0;*/
    padding: 0px 0 0;
}

    .courses-list li {
        display: inline-block;
        padding: 10px;
        vertical-align: top;
        width: 274px;
        overflow: hidden;
    }

    .courses-list .courses-preview {
        float: left;
        width: 22%;
    }

        .courses-list .courses-preview img {
            display: block;
            width: 100%;
        }

    .courses-list .courses-info {
        /*float: right;*/
        /*width: 203px;*/
        padding: 15px 0 0;
    }

        .courses-list .courses-info a {
            color: #333;
        }

            .courses-list .courses-info a:hover {
                text-decoration: underline;
            }

.courses-author,
.courses-time,
.courses-date {
    position: relative;
    padding: 0 0 0 30px;
    font-size: 14px;
}

.courses-author,
.courses-time,
.courses-date {
    display: block;
    margin: 0 0 5px;
}

    .courses-author:before,
    .courses-time:before,
    .courses-date:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url('https://static.alphorm.com/images/front/sprite2.png') no-repeat -24px -24px;
        width: 19px;
        height: 22px;
    }

    .courses-author:before {
        background-position: 0 -24px;
    }

    .courses-date:before {
        background-position: 0 0;
        bottom: 2px;
    }

.trainer-page .subscribe-body {
    border-top: 1px solid #e1e1e1;
    box-shadow: inset 0 0 0 1px #fff;
}
/*---------------    Features Mob    ---------------*/
.get-mobile {
    padding: 0 0 60px;
    text-align: center;
}

.apps-page .styled-row {
    text-align: center;
}

.apps-page h2 {
    margin: 0 auto 40px;
    text-align: center;
}

.mobile-preview {
    margin: 0 auto 40px;
    padding: 30px 0;
    max-width: 604px;
}

    .mobile-preview img {
        width: 100%;
    }

.apps-links {
    list-style: none;
    margin: 0 10px 40px;
    padding: 0;
}

    .apps-links li {
        display: inline-block;
        margin: 0 15px;
    }

.demo {
    display: inline-block;
    position: relative;
    padding: 0 0 0 52px;
}

    .demo:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url('https://static.alphorm.com/images/front/sprite2.png') no-repeat -1px -47px;
        width: 39px;
        height: 40px;
    }

.content-frame {
    /*text-align: center;*/
    background: #f9f9f9;
}

    .content-frame .holder {
        max-width: 900px;
        margin-bottom: 40px;
    }

    .content-frame h1 {
        margin: 0 0 20px;
    }

    .content-frame .title,
    .content-frame .text {
        margin: 0 0 10px;
        font-size: 30px;
        line-height: 35px;
    }

        .content-frame .text p {
            color: #1abc9c;
        }

.movie {
    margin: 0 0 30px;
}

.block-list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

    .block-list li {
        display: inline-block;
        vertical-align: top;
        margin: 0 10px;
        width: 31%;
    }

    .block-list .btn-green {
        box-shadow: none;
        position: relative;
        border-radius: 0;
        font-size: 17px;
        line-height: 17px;
        color: #fff;
        padding: 15px 5px 15px;
        min-width: 192px;
        margin: 0 0 20px;
    }

.text-frame .ico-preview.ico-preview-1 {
    margin: 0 0 5px;
}

.block-list .btn-green:active,
.block-list .btn-green:focus {
    top: 0;
}

.block-list .btn-green:after,
.block-frame .btn-green:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1abc9c;
    position: absolute;
    content: '';
    bottom: -10px;
    left: 10px;
    height: 0px;
    width: 0px;
}

.block-frame .btn-green:hover:after {
    opacity: 0.8;
}

span.btn-green:hover {
    background: #1abc9c;
}

.block-frame .block-heading span.btn-green:hover {
    background: #263a4d;
    opacity: 1;
}

span.btn-green:focus,
span.btn-green:active,
span.btn-red:focus,
span.btn-red:active,
span.btn-grey:focus,
span.btn-grey:active {
    top: 0;
}

.text-frame {
    background: #f9f9f9;
    padding: 30px 0 30px;
    overflow: hidden;
}

.tab-content.alt {
    background: none;
    box-shadow: none;
    border: none;
    padding: 0;
}

.cadre-res {
    background: #f4f4f4 none repeat scroll 0% 0%;
    padding: 5px;
    border-radius: 3px;
    width: 120%;
    position: relative;
}

.icon-resp {
    position: absolute;
    left: 48%;
    font-size: 22px;
    top: -8px;
    color: #f4f4f4;
}

.block-list .ico-preview {
    height: 126px;
    width: 126px;
    margin: 0 0 20px;
}

.text-frame .text {
    float: left;
    width: 70%;
}

.block-frame {
    overflow: hidden;
    padding: 25px 0 25px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}

    .block-frame:before {
        bottom: -1px;
        top: auto;
    }

    .block-frame:after,
    .block-frame:before {
        border-top: 1px solid #fff;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .block-frame:after,
    .block-frame:before {
        border-top: 1px solid #fff;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .block-frame .ico-preview {
        width: 126px;
        height: 126px;
    }

    .block-frame .block {
        width: 45%;
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 10px;
    }

    .block-frame .block-heading {
        display: inline-block;
        vertical-align: top;
        max-width: 300px;
    }

.text-hold .btn-area {
    margin: 0 0 10px;
}

.text-hold p {
    margin: 0 0 20px;
}

.text-hold h2 {
    margin: 0 0 20px;
}

.block-frame .btn-green:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #263a4d;
    bottom: -8px;
    width: 0;
}

.block-frame .block p {
    margin: 0;
}

.block-frame .block-heading .btn-green {
    margin: 0 0 30px;
    padding: 17px 19px;
    font-size: 17px;
    line-height: 19px;
    min-width: 192px;
}

    .block-frame .block-heading .btn-green:hover {
        opacity: 0.8;
    }

        .block-frame .block-heading .btn-green:hover:after {
            opacity: 1;
        }

.block-frame .btn-green {
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    position: relative;
    background: #263a4d;
}

.text-frame .ico-preview {
    float: right;
}

.text-frame.alt .ico-preview {
    float: left;
    margin: 28px 0 0;
}

.text-frame.alt .text-hold {
    float: right;
    text-align: left;
    width: 80%;
}

.btn-red.btn-download:before {
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -175px -2px;
    position: absolute;
    content: '';
    height: 30px;
    width: 30px;
}

.team-block {
    overflow: hidden;
}

ul.team-list.list2 {
    padding: 0 0 25px;
    margin: 0;
    list-style: none;
    margin: -43px 1% 0 11.2%;
}

.team-list:after {
    content: '';
    display: block;
    clear: both;
}

.team-list.list2 li .img-hold {
    height: 140px;
    width: 140px;
}

.team-list.list2 li {
    margin: 0 0 0 74px;
}

.team-list li {
    float: left;
    margin: -54px 83px 0 -10px;
}

.team-list.list2 li {
    float: left;
    margin: -54px 66px 0 -10px;
}

.team-list.list2 {
    margin: -56px 90px 0 256px;
}

    .team-list.list2:nth-child(2n) li {
        margin: 0 0 0 56px;
    }

.team-list:nth-child(2n) {
    margin: 0 -100px 0 -150px;
}

    .team-list:nth-child(2n) li {
        margin: -101px 0 0 73px;
    }

.img-hold {
    overflow: hidden;
    -moz-transform: rotate(45deg); /* Для Firefox */
    -ms-transform: rotate(45deg); /* Для IE */
    -webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg); /* Для Opera */
    transform: rotate(45deg);
    width: 180px;
    height: 180px;
}

    .img-hold .img-return {
        display: block;
        -moz-transform: rotate(-45deg) translate(-1px, -31px); /* Для Firefox */
        -ms-transform: rotate(-45deg) translate(-1px, -31px); /* Для IE */
        -webkit-transform: rotate(-45deg) translate(-1px, -31px); /* Для Safari, Chrome, iOS */
        -o-transform: rotate(-45deg) translate(-1px, -31px); /* Для Opera */
        transform: rotate(-45deg) translate(-1px, -62px);
        margin: 0 -78px 0 0;
    }

.team-list .img-hold .img-return img {
    width: 108%;
    display: block;
}

.train-btn {
    text-align: center;
    padding: 34px 0 50px 0px;
    /* margin: 0 0 19px; */
}

    .train-btn a {
        margin: 0 46px;
        padding: 14px 5px;
    }

.carousel-box .text-area {
    padding: 40px 54px 0 47px;
}

.team-list.list2 li .img-hold:hover {
    height: 200px;
    margin: -30px;
    width: 200px;
}

.team-list.list2 li .img-hold:hover {
    height: 200px;
    margin: -30px;
    width: 200px;
}

.contact-us .tabset4 .tab-content {
    padding: 70px 20px 0 20px;
}

.carousel-box {
    padding: 0px 0 10px;
}

.img-block {
    float: left;
    /*width: 30%;*/
}


.carousel-box .img-block {
    padding: 46px 0 0;
    margin: 0 33px 0 42px;
    width: 22%;
}

.carousel-box .img-return {
    width: 250px;
    height: 250px;
}

    .carousel-box .img-return img {
        width: 105%;
        display: block;
    }

.partner-list {
    padding: 0 0;
    /*margin: 0 -10% 31px;*/
    list-style: none;
    text-align: center;
}

.fonctionliter-list {
    list-style: outside none none;
    padding: 0;
    text-align: center;
}

    .fonctionliter-list li {
        display: inline-block;
        margin: 0 -33px -39px;
    }

.partner-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1% 10px;
}

.bostez-list {
    padding: 0 0;
    /*margin: 0 -10% 31px;*/
    list-style: none;
    text-align: center;
}

    .bostez-list li {
        display: inline-block;
        vertical-align: top;
        margin: 0 21px -8px;
    }

.large {
    width: 150px;
}

.partner-list li a:hover {
    opacity: 0.7;
}

.bostez-list li a:hover {
    opacity: 0.7;
}

.frame-box,
.service-box,
.content-holder.bg {
    padding: 38px 0 16px;
    position: relative;
}

    .frame-box.block-desc-detail-prd {
        padding-bottom: 0;
    }

.content-holder.bg {
    border-top: none;
}

    .frame-box:after,
    .frame-box:before,
    .service-box:after,
    .content-holder.bg:after {
        background-color: hsl(0, 0%, 98%);
        bottom: 0;
        display: block;
        left: -3000px;
        position: absolute;
        right: -3000px;
        top: 0;
        z-index: -1;
    }


    .content-holder.bg:after {
        top: auto;
        bottom: 0;
    }

.content-holder.bg {
    margin: -10px 0 0;
    padding: 10px 0 0;
}

.frame-box:before {
    top: auto;
    bottom: 0;
}

.frame-box h2, .frame-box h3 {
    text-align: center;
    /*line-height: 42px;*/
    margin: 0 0 32px;
}

.frame-box h5 {
    text-align: center;
    line-height: 42px;
    margin: 0 0;
}

.btn-list {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
    text-align: center;
}

    .btn-list li {
        display: inline-block;
        vertical-align: top;
        margin: 0px 23px 10px;
    }

        .btn-list li .btn-green,
        .btn-list li .btn-red,
        .btn-list li .btn-grey {
            padding: 20px 12px 19px;
        }

.btn-frame:after {
    content: '';
    display: block;
    clear: both;
}

.tabset4 .tab-content {
    padding: 32px 10px 0px 24px;
}

.form-area {
    padding: 38px 0 10px;
}

    .form-area form {
        margin: 0 0% 0 5.7%;
    }

.service-list {
    padding: 0;
    margin: 0 0 0 81px;
    list-style: none;
    text-align: center;
}

    .service-list:after {
        content: '';
        display: block;
        clear: both;
    }

    .service-list li {
        margin: 0 36px 0 0;
        float: left;
    }

        .service-list li a {
            display: block;
            color: #34495e;
        }

        .service-list li span {
            display: block;
        }

.service-box .box {
    float: left;
    width: 48%;
    padding: 13px 0 0;
}

.service-box .block {
    float: right;
    width: 41%;
    padding: 0 39px 0 0;
    line-height: 23px;
}

    .service-box .block p a {
        text-transform: uppercase;
    }

    .service-box .block p strong {
        display: block;
    }

        .service-box .block p strong a {
            text-transform: uppercase;
            color: #34495e;
            font-size: 36px;
            line-height: 35px;
        }

.service-box .heading {
    margin: 0 0 25px;
}

.service-list img {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px;
}

.btn-list .link-icon {
    padding: 9px 0px 0 33px;
}

.service-box {
    overflow: hidden;
}

.training-box {
    padding: 38px 0 10px;
}

    .training-box .heading {
        margin: 0 0 20px;
    }

    .training-box .bottom-box {
        text-align: right;
        margin: 0 0 45px;
    }

.training-list {
    padding: 26px 0 0;
    margin: 0 0 38px;
    list-style: none;
    text-align: center;
}

    .training-list li {
        display: inline-block;
        vertical-align: top;
        /*margin: 0 4.1% 10px;*/
        border-radius: 18px;
        overflow: hidden;
        position: relative;
    }

        .training-list li a {
            display: block;
            position: relative;
        }

    .training-list div a p {
        line-height: 24px;
        color: #e74c3c;
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 10px;
    }

.bottom-box a h5 {
    color: #e74c3c;
}

.training-list li.hover > a:after {
    border: 2px solid #fff;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 18px;
}

.training-list li.hover a:after {
    display: block;
}

.training-list li.hover .hover-box {
    display: block;
}

.training-list li > a:after {
    background: -moz-linear-gradient(top, rgba(203,87,74,0.73) 0%, rgba(147,23,12,0.93) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,87,74,0.73)), color-stop(100%,rgba(147,23,12,0.93))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(203,87,74,0.73) 0%,rgba(147,23,12,0.93) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(203,87,74,0.73) 0%,rgba(147,23,12,0.93) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(203,87,74,0.73) 0%,rgba(147,23,12,0.93) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(203,87,74,0.73) 0%,rgba(147,23,12,0.93) 100%); /* W3C */
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 1;
}

.training-list .hover-box {
    text-align: center;
    position: absolute;
    top: 38%;
    left: 10px;
    right: 10px;
    color: #fff;
    z-index: 2;
    display: none;
}

    .training-list .hover-box p {
        color: #fff;
    }

    .training-list .hover-box strong {
        font-size: 24px;
    }
/*-----------   Pricing    ------------*/



@media (max-width:900px) {

    .respenivePop {
        width: 450px;
    }

    .IconRightRes {
        margin-left: -60px;
    }

    .IconPanierResp {
        margin-left: 50px !important;
        margin-right: 18px !important;
    }

    .IconPanierRespConnect {
        margin-left: 40px !important;
        margin-right: 18px !important;
    }

    .IconRightResConnect {
        margin-left: 5px !important;
        margin-right: -22px !important;
        padding-left: 0px !important;
    }

    .IconeUserConnect {
        font-size: 17px !important;
    }

    /*.banner-holder span.none2{
         display:none;
     }*/
    .banner-holder .holder {
        padding: 25% 10% 0 0;
        text-align: left;
    }

    .bloctutoriel {
        vertical-align: top;
        text-align: center;
        width: 100%;
    }

    .titrepagetutoriel {
        max-width: 100%;
    }

    .text-frame.alt .text-hold {
        text-align: center;
        width: 80%;
        /*margin-right: 46px;*/
    }

    .text-frame .text {
        text-align: center;
        width: 70%;
    }

    .panel-faq {
        width: 95%;
        vertical-align: top;
    }
}

@media (max-width:300px) {

    .left {
        position: relative;
    }
}

@media (min-width:900px) {

    .imgenetreprise {
        margin-top: -5%;
        width: 220px;
        height: 166px;
    }

    .btn-lont {
        max-width: 350px;
        width: 100%;
    }



    .certifcoup {
        font-size: 16px !important;
        margin-top: 14px !important;
        color: hsl(0, 0%, 59%) !important;
        line-height: 25px !important;
        margin-top: 0 !important;
        width: 48% !important;
    }

    .amili {
        font-size: 16px !important;
        line-height: 25px !important;
        margin-top: 0 !important;
        width: 53% !important;
    }

    .entre {
        font-size: 16px !important;
        line-height: 25px !important;
        margin-top: 0 !important;
        width: 75% !important;
    }

    .couper {
        font-size: 16px !important;
        line-height: 25px !important;
        margin-top: 0 !important;
        max-width: 680px !important;
    }

    .cirtif {
        font-size: 16px !important;
        line-height: 25px !important;
        margin-top: 0 !important;
        width: 35% !important;
    }

    .entripse {
        font-size: 16px !important;
        line-height: 25px !important;
        width: 70% !important;
    }

    .cadreTarif {
        border: 3px solid #e8f8f5;
        padding: 0;
        text-align: center;
        /*height:430px;*/
    }

    .left {
        margin-right: 21%;
        float: right;
        width: 239px;
    }

    .blocOu {
        float: left;
        width: 5%;
    }

    .titreBlocOu {
        font-size: 35px;
        padding-top: 48px;
    }

    .pricingBlockOu {
        background-color: transparent !important;
        width: 20px !important;
        border: none !important;
        box-shadow: none !important;
        padding-left: 10px !important;
    }

    .blocFormationCarte {
        width: 30% !important;
        float: left !important;
    }

    .pricingBlockFormationCarte {
        background-color: white !important;
        width: 270px !important;
        margin-left: 30px !important;
        height: 490px;
    }


    .bloctutoriel {
        /*display: inline-block;*/
        /*margin-left: 4%;*/
        vertical-align: top;
    }

    .titrepagetutoriel {
        display: inline-block;
    }

    .panel-faq {
        display: inline-block;
        width: 45%;
        vertical-align: top;
    }

    .blocGauche {
        display: inline-block;
        width: 450px;
        text-align: center;
        vertical-align: top;
        position: relative;
    }

    .blocDroite {
        position: relative;
        display: inline-block;
        width: 480px;
        text-align: center;
        vertical-align: top;
    }



    .bloc-finanG {
        display: inline-block;
        text-align: center;
        vertical-align: top;
        position: relative;
    }

    .bloc-finanD {
        position: relative;
        display: inline-block;
        text-align: center;
        vertical-align: top;
    }

    .blocright {
        display: inline-block;
        width: 30%;
        text-align: center;
        vertical-align: top;
    }

    .blocleft {
        display: inline-block;
        width: 30%;
        text-align: center;
        vertical-align: top;
    }

    .blocCenter {
        display: inline-block;
        width: 30%;
        text-align: center;
        vertical-align: top;
    }
}

.ban-block {
    position: absolute;
    top: 8px;
    right: 0;
    left: 0;
    height: 100%;
}

.banner-holder.banner4 .holder {
    padding: 0;
}

.banner-holder.banner4 .pricing-holder img {
    display: inline-block;
    vertical-align: top;
    width: auto;
}

.join-header {
    position: relative;
    margin: 0 auto 38px;
    max-width: 1162px;
}

.join-heading {
    text-align: center;
    padding: 0 0 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 28px;
}

    .join-heading h1 span {
        color: #1abc9c;
    }

    .join-heading p {
        color: #34495e;
    }

        .join-heading p a {
            text-transform: uppercase;
            font-size: 38px;
            line-height: 38px;
            font-weight: bold;
            letter-spacing: -2px;
        }

.pricing-holder {
    margin: -30px 0 40px;
}

    .pricing-holder:after {
        content: '';
        display: table;
        width: 100%;
        clear: both;
    }

.pricing-block {
    position: relative;
    padding: 0 0 70px;
    width: 23%;
    min-height: 370px;
    float: left;
    margin: 0 0 0 2%;
    /*border: 2px solid #fff;*/
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    background: #e3e3e3;
    text-align: center;
}


    .pricing-block a {
        color: #000;
    }

        .pricing-block a:hover {
            text-decoration: none;
        }

    .pricing-block.active {
        /*margin: -113px 0 0 2%;*/
        background: #34495e;
        color: #fff;
    }


.pricing-holder .pricing-block:first-child {
    margin: 0;
}

.pricing-heading {
    padding: 14px 0;
    margin: 0 0 14px;
    text-align: center;
    background: #34495e;
    text-align: center;
}

.pricing-heading-promo {
    background-color: #34495e;
    /*background: #1647a6 none repeat scroll 0 0;*/
    box-shadow: 0 5px 8px 0 #9b9b9b;
    color: #ffffff;
    height: 55px;
    padding: 14px 0;
}

.active-price-heading {
    background-color: #1abc9c;
    margin: 0;
}

.pricing-heading-promo::after {
    border-color: #34495e rgba(0, 0, 0, 0) -moz-use-text-color;
    border-style: solid solid none;
    border-width: 15px 50px medium;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    /*top:26%;*/
    margin: 0 auto 0 -50px;
    position: absolute;
    width: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 15px solid #34495e;
}

.price-tarifs {
    color: #fff;
    font-size: 40px;
    padding-top: 20px;
    font-weight: bold;
    /*padding-right: 25px;*/
    position: relative;
    text-align: center !important;
    text-shadow: 1px 1px 1px #333333;
    width: 100%;
    z-index: 1;
}

.price-remise {
    color: #f9fb1d;
    font-size: 40px;
    padding-top: 20px;
    font-weight: bold;
    padding-right: 25px;
    position: relative;
    text-align: right !important;
    text-shadow: 1px 1px 1px #333333;
    width: 62%;
    z-index: 1;
}

    .price-remise .small, .price-tarifs .small {
        font-size: 25px;
        padding-left: 4px;
    }

    .price-remise .small-month, .price-tarifs .small-month {
        color: #fff;
        font-size: 10px;
        margin-right: 30px;
        margin-top: 2px;
        padding-left: 4px;
        text-align: right;
    }

.old-price {
    position: relative;
    text-align: right !important;
    /*top: -66px;*/
    /*width: 20%;*/
    text-decoration: line-through;
    /*float: right;*/
    /*padding-right: 20px;*/
    text-shadow: 1px 1px 1px #333333;
    font-style: italic;
    font-weight: bold;
    color: #1abc9c;
}

.pricing-block.active .pricing-heading {
    background: #1abc9c;
}

.pricing-heading h2 {
    margin: 0;
    color: #fff;
}

.pricing-block.active h2 {
    color: #fff;
}

.pricing-heading h2 span {
    color: #1abc9c;
}

.pricing-block.active h2 span {
    color: #34495e;
}

.akcent {
    display: block;
    text-align: center;
    padding: 15px 0;
    font-weight: 900;
}

.akcent-promo {
    clear: both;
    padding-top: 0;
}

.pricing-block.active li a {
    color: #fff;
}

.pricing-block.active .akcent {
    color: #1abc9c;
}

.pricing-list {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    text-align: left;
}

    .pricing-list li a:hover {
        background: #f4f4f4;
    }

.pricing-block.active .pricing-list li:hover a {
    background: #1abc9c;
}

.pricing-list .img-box {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    width: 48px;
    text-align: center;
}

.pricing-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    /*width: 66%;*/
}

.pricing-list li {
    position: relative;
}

    .pricing-list li .slide {
        position: absolute;
        bottom: 15px;
        right: -85px;
        width: 140px;
        /*height: 70px;*/
        padding: 20px 10px;
        font-size: 14px;
        line-height: 16px;
        background: #fff;
        border: 1px solid #bfbfbf;
        border-radius: 6px;
        -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.12);
        box-shadow: 3px 3px 0 0 rgba(0,0,0,0.12);
        z-index: 999;
    }

        .pricing-list li .slide:before {
            position: absolute;
            content: '';
            left: 10px;
            bottom: -12px;
            background: url('https://static.alphorm.com/images/front/sprite2.png') -82px -80px no-repeat;
            width: 19px;
            height: 12px;
        }

.pricing-list .slide a {
    background: none;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    color: #e74c3c;
}

    .pricing-list .slide a:hover {
        background: none;
        color: #000;
    }

.pricing-list li a {
    display: block;
    padding: 6px 0 6px 20px;
}

.pricing-block .hint {
    position: absolute;
    left: 22px;
    right: 30px;
    bottom: 10px;
    display: block;
    text-align: center;
    color: #1abc9c;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
}

.pricing-contact {
    padding: 0 10px;
}

    .pricing-contact .mail {
        color: #000;
    }

    .pricing-contact .phone {
        display: block;
        margin: 7px 0 10px;
        text-align: center;
        font-weight: 900;
    }

.pricing-block .pricing-contact .phone a {
    color: #34495e;
}

    .pricing-block .pricing-contact .phone a:hover {
        color: #f00;
    }

.pricing-block .btn {
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin: 0 0 0 -97px;
    top: auto;
    color: #fff;
}

/*.pricing-block .btn:focus,
    .pricing-block .btn:active {
        bottom: 35px;
    }*/

.pricing-download {
    text-align: center;
}

    .pricing-download .link-icon {
        width: 180px;
    }

#content .message-block .slide {
    position: relative;
    padding: 9px 0 9px;
    z-index: 0;
}

#content .message-block {
    z-index: 0;
}

    #content .message-block .holder {
        max-width: 1150px;
    }

    #content .message-block .img-box {
        float: left;
        margin: 0 15px 0 0;
    }

    #content .message-block p {
        margin: 6px 10px 0 0;
        font-size: 16px;
    }

    #content .message-block strong {
        font-weight: bold;
    }
/*---------------    Features Mob    ---------------*/
.get-mobile {
    padding: 0 0 60px;
    text-align: center;
}

.apps-page .styled-row {
    text-align: center;
    padding: 40px 9999px 30px;
}

.apps-page h2 {
    margin: 0 auto 40px;
    text-align: center;
}

.apps-page .heading {
    max-width: 800px;
}

.mobile-preview {
    margin: 0 auto 10px;
    padding: 30px 0;
    max-width: 604px;
}

    .mobile-preview img {
        width: 100%;
    }

.apps-links {
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
}

.demo {
    display: inline-block;
    position: relative;
    padding: 0 0 0 52px;
    line-height: 40px;
}

    .demo:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url('https://static.alphorm.com/images/front/sprite2.png') no-repeat -1px -47px;
        width: 39px;
        height: 40px;
    }

.apps-page h2 a {
    text-transform: uppercase;
    color: #1abc9c;
}

.apps-page .slider-row {
    padding: 51px 9999px 0;
}

.apps-page .carousel-block {
    overflow: hidden;
}

.apps-page .slide-heading {
    display: inline-block;
    vertical-align: middle;
    max-width: 200px;
    margin: 0 8% 0 0;
}

    .apps-page .slide-heading h2 {
        font-size: 30px;
        line-height: 34px;
        color: #34495e;
    }

.apps-page .slide-preview {
    display: inline-block;
    max-width: 528px;
    position: relative;
    vertical-align: middle;
}

    .apps-page .slide-preview > img {
        display: block;
        max-width: 100%;
    }

.tooltip-block {
    position: absolute;
    top: 12.2%;
    left: 10.2%;
    right: 5%;
    bottom: 5%;
}

    .tooltip-block img {
        display: block;
        max-width: 100%;
    }

.tooltip-holder {
    position: absolute;
    top: 10%;
    left: 6%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #1abc9c;
    border: 3px solid #1abc9c;
    -webkit-box-shadow: inset 0 0 0 3px #fff;
    box-shadow: inset 0 0 0 3px #fff;
    cursor: pointer;
}

.tooltip-holder2 {
    top: 29%;
    left: 25%;
}

.tooltip-holder3 {
    top: 17%;
    left: 60%;
}

.tooltip-holder:hover:after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    border: 1px solid #1abc9c;
}

.tooltip-holder .toltip-area {
    display: none;
    position: absolute;
    top: -32px;
    right: 46px;
    width: 167px;
    background: #1abc9c;
    border: 1px solid #c0bfbf;
    border-radius: 2px;
    padding: 12px 16px 12px 17px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
}

    .tooltip-holder .toltip-area:before,
    .tooltip-holder .toltip-area:after {
        content: '';
        position: absolute;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        top: 26px;
        right: -10px;
        border-left: 11px solid #1abc9c;
    }

    .tooltip-holder .toltip-area:before {
        z-index: 99;
    }

    .tooltip-holder .toltip-area:after {
        right: -11px;
        border-left: 11px solid #c5c4c4;
    }

.tooltip-holder:hover .toltip-area {
    display: block;
}

.tooltip-holder .toltip-area p {
    margin: 0;
    color: #fff;
}

.mobile-features {
    padding: 50px 0;
}

.features-list {
    list-style: none;
    margin: 0 -8% 10px 0;
    padding: 0;
}

    .features-list.list2 li {
        display: inline-block;
        width: 33%;
        padding: 0 20px 0 0;
        margin: 0 0 35px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .features-list .features-preview {
        width: 74px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

    .features-list .features-description {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        max-width: 270px;
    }

        .features-list .features-description p {
            margin: 0;
        }

.additional-info {
    overflow: hidden;
    margin: 0 0 17px;
}

.requirements {
    display: inline-block;
    width: 30%;
    padding: 0 15.5% 0 0;
    font-size: 12px;
    line-height: 14px;
}

.suggestion {
    position: relative;
    padding: 25px 20px 23px 79px;
    width: 380px;
    border: none;
    background: #34495e;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    line-height: 20px;
}

    .suggestion:before {
        content: '';
        position: absolute;
        top: 20px;
        left: 31px;
        width: 35px;
        height: 47px;
        background: url(https://static.alphorm.com/images/front/sprite2.png) -44px -56px no-repeat;
    }

    .suggestion .suggest {
        display: inline-block;
        color: #1abc9c;
        text-transform: none;
        font-size: 16px;
        line-height: 18px;
    }
/*----------    Featrures  ------------*/
.advantages-block {
    padding: 40px 0 0;
}

    .advantages-block .block-list > li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 23.5%;
        margin: 0 5px 50px;
    }

    .advantages-block .block-list .ico-preview {
        margin: 0 0 30px;
    }

    .advantages-block .block-list .btn-green {
        display: block;
        margin: 0 0 20px;
    }

.block-list .btn-red:after {
    border-top-color: #e74c3c;
}

.block-list .btn-red:hover:after {
    border-top-color: #f05748;
}

.technologies-list {
    margin: 0;
    padding: 0;
    text-align: left;
}

    .technologies-list li {
        margin: 0 5px 10px;
        text-align: center;
        /*width: auto;*/
        min-width: 42%;
        vertical-align: middle;
    }

        .technologies-list li img {
            max-width: 95%;
            display: inline-block;
            vertical-align: top;
        }

    .technologies-list a {
        display: block;
    }

        .technologies-list a:hover img {
            opacity: 0.6;
        }

    .technologies-list img {
        display: inline-block;
    }

.library-features {
    margin: 0;
    padding: 0;
    text-align: left;
}

    .library-features li {
        display: inline-block;
        vertical-align: top;
        width: 47%;
        padding: 0 10px 0 0;
        margin: 0 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        font-size: 13px;
        line-height: 16px;
    }

    .library-features .img-box {
        /*float: left;*/
        padding: 0 0 2px;
        text-align: center;
        width: 100%;
        margin: 3px 3px 0 0;
    }

    .library-features .text {
        padding: 3px 0 0;
        text-align: center;
        overflow: hidden;
    }

    .library-features li.ico1 img {
        width: 26px;
    }

    .library-features li.ico2 img {
        width: 33px;
    }

    .library-features li.ico3 img {
        width: 30px;
    }

    .library-features li.ico4 img {
        width: 27px;
    }

    .library-features li.ico5 img {
        width: 43px;
    }

    .library-features li.ico6 img {
        width: 43px;
    }

    .library-features li.ico7 img {
        width: 38px;
    }

    .library-features li a img:hover {
        opacity: 0.7;
    }

.advantages-block .more-box {
    padding: 0 0 50px;
}

.features-main .video-description {
    float: left;
    width: 55%;
    padding: 0 20px 0 0;
}

    .features-main .video-description p {
        margin: 0 0 15px;
    }

.video-description {
    font-size: 27px;
    line-height: 32px;
}

    .video-description strong {
        font-size: 38px;
        line-height: 40px;
        text-transform: uppercase;
    }

.styled-text {
    font-size: 24px;
    line-height: 28px;
}

.styled-text2 {
    color: #1abc9c;
    width: 170px;
}

.features-main .video-preview {
    float: right;
    width: 40%;
}

    .features-main .video-preview img {
        width: 100%;
        display: block;
    }

    .features-main .video-preview img {
        display: block;
        width: 100%;
    }

.features-main .practicing-preview,
.features-main .payment-preview {
    float: left;
    padding: 40px 0 0;
    max-width: 666px;
}

.features-main .practicing-description,
.features-main .payment-description {
    float: right;
    width: 78%;
    padding: 0 0 0 10px;
    text-align: right;
}

.features-main .payment-description {
    padding: 20px 0 0 10px;
}

.certificate-holder {
    overflow: hidden;
    padding: 20px 7%;
    position: relative;
}

    .certificate-holder .certificate-preview2 {
        float: left;
        width: 57%;
        position: relative;
    }

    .certificate-holder .img3,
    .certificate-holder .arrow {
        position: absolute;
        top: -24px;
        left: -43px;
    }

    .certificate-holder .img2 {
        display: inline-block;
        vertical-align: top;
    }

    .certificate-holder .arrow {
        left: 45%;
        width: 200px;
        top: 43%;
    }

    .certificate-holder .certificate-preview {
        float: right;
        width: 40%;
    }

        .certificate-holder .certificate-preview2 img,
        .certificate-holder .certificate-preview img {
            display: block;
            max-width: 100%;
        }

.features-main .account-description {
    float: left;
    padding: 0 0 10px 0;
    width: 80%;
}

.features-main .account-preview {
    float: right;
    text-align: right;
}

.synhronization-block {
    text-align: center;
    max-width: 828px;
    padding: 30px 0 0;
    margin: 0 auto 40px;
}

    .synhronization-block .synhronization-preview {
        display: inline-block;
        vertical-align: top;
        width: 33%;
    }

    .synhronization-block .synhronization-preview2 {
        display: inline-block;
        vertical-align: top;
        width: 33%;
    }

.synhronization-description {
    display: inline-block;
    vertical-align: top;
    width: 33%;
}

.synhronization-list {
    display: inline-block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 100px 0 0;
    /*max-width: 120px;*/
    text-align: left;
}

    .synhronization-list:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        margin: 0 0 0 -46px;
        width: 93px;
        height: 93px;
        background: url(https://static.alphorm.com/images/front/ico-32.png) no-repeat;
    }

    .synhronization-list li {
        margin: 0 0 10px;
    }

    .synhronization-list a {
        position: relative;
        color: #444;
        padding: 0 0 0 26px;
        text-transform: uppercase;
    }

    .synhronization-list .account:before,
    .synhronization-list .videos:before,
    .synhronization-list .playlists:before,
    .synhronization-list .favourites:before {
        content: '';
        position: absolute;
        top: 3px;
        left: 0;
        width: 20px;
        height: 18px;
        background: url(https://static.alphorm.com/images/front/sprite2.png) -100px 0 no-repeat;
    }

    .synhronization-list .videos:before {
        background-position: -101px -26px;
    }

    .synhronization-list .playlists:before {
        background-position: -102px -45px;
    }

    .synhronization-list .favourites:before {
        background-position: -80px -27px;
    }

.features-main .more-box {
    text-align: center;
}

.demo.phone:before {
    background: url('https://static.alphorm.com/images/front/sprite2.png') no-repeat -82px -48px;
    width: 16px;
    height: 28px;
    left: 22px;
    top: 7px;
}

.demo.phone {
    color: #34495e;
}
/*----------    Featrures trainers    ------------*/
.banner-holder {
    position: relative;
    margin: 0;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff;
}

    .banner-holder span.none2 {
        display: block;
        color: #fff;
    }

    .banner-holder .none2 {
        display: none;
    }

    .banner-holder img {
        display: block;
        width: 100%;
    }

.holderImg {
    display: block;
    /*width: 100%;*/
    margin-top: 69px;
}

.banner-holder .heading-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 24px;
    line-height: 28px;
}

.banner-holder .holder {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10% 10% 0 0;
    text-align: left;
}

.banner-holder .breadcrumbs {
    margin: 0 0 50px;
}

.banner-holder h1 {
    font-weight: 900;
    color: #34495e;
    font-size: 26px;
    line-height: 50px;
    /*text-transform: uppercase;*/
    margin: 0 0 15px;
}

    .banner-holder h1 span {
        display: block;
        margin: 0 0 12px;
        font-weight: 900;
        font-size: 24px;
        line-height: 38px;
        color: #e74c3c;
        text-transform: none;
    }

.sizeEm {
    font-size: 50px;
    font-weight: bold;
    font-family: Myriad Pro;
    font-style: normal;
}

/*.banner-holder h5 span {
    color: #34495e;
}*/

@media(max-width:800px) {

    .quote blockquote::before {
        border-left: 20px solid hsla(0, 0%, 0%, 0);
        border-right: 20px solid hsla(0, 0%, 0%, 0);
        border-top: 20px solid hsl(0, 100%, 71%);
        bottom: -20px;
        content: "";
        height: 0;
        position: absolute;
        left: 22% !important;
        width: 0;
    }

    .imgenetreprise {
        margin-top: -5%;
        width: 250px;
    }

    .text-filix {
        color: #e74c3c;
        font-size: 16px !important;
        font-weight: bold;
        text-align: left !important;
    }

    banner-holder h5 span {
        color: #34495e;
    }

    .banner-holder span.none2 {
        display: none;
    }
}

.banner-holder .info-block {
    padding: 19px 3px;
    max-width: 700px;
}

.btn-block .btn-red {
    padding: 13px 10px;
    margin: 0 9px 0 0;
}

.btn-block .btn-download {
    padding: 14px 20px 12px 48px;
}

    .btn-block .btn-download:before {
        margin: -11px 0 0;
        left: 22px;
    }

.results-list {
    list-style: none;
    margin: 0 -5px 30px;
    padding: 25px 0 0;
    text-align: center;
}

.reputation2 {
    padding: 40px 0 0;
}

.results-list li {
    vertical-align: top;
    display: inline-block;
    width: 30%;
    margin: 0 0 10px;
    padding: 0 3%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .results-list li a {
        color: #304355;
        text-transform: none;
    }

        .results-list li a:hover {
            text-decoration: none;
            opacity: 0.6;
        }

.results-list .ico-preview {
    width: 125px;
    height: 125px;
}

.reputation2 .carousel-row {
    padding: 50px 9999px 30px;
    margin: 0 -9999px 20px;
}

.carousel-row .author-block {
    padding: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.carousel-row .author-holder {
    padding: 30px 5% 0;
}

.carousel-row h2 {
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
    line-height: 35px;
}

.more-holder {
    text-align: right;
    padding: 0 60px 0 0;
}

    .more-holder .more-links {
        display: inline-block;
    }

.reputation2 .carousel-row .pagination {
    margin: -60px 0 0;
}

.reputation2 h2 {
    text-transform: capitalize;
}

.reputation2 .styled-row2 {
    padding: 51px 9999px 71px;
}

.author-form {
    margin: 0 auto;
    max-width: 904px;
}

    .author-form fieldset {
        margin: 0;
        padding: 0;
    }

    .author-form .form-row {
        overflow: hidden;
    }

    .author-form .form-col1 {
        float: left;
        width: 46%;
    }

.tabset-block .author-form .form-row {
    margin: 0 -7px 0 0;
}

.author-form .form-col2 {
    float: right;
    width: 46%;
}

.author-form label {
    display: block;
    margin: 0 0 8px;
}

.author-form input {
    height: 50px;
    margin: 0 0 30px;
    background: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.author-form .submit-holder {
    overflow: hidden;
}

    .author-form .submit-holder button[type="submit"] {
        float: right;
        border: none;
    }

.reputation2 .subscribe-body {
    border-bottom: 1px solid #e1e1e1;
}

.faq-box {
    background: #f9f9f9;
    padding: 43px 9999px 30px;
    margin: 0 -9999px;
    border-top: 1px solid #fff;
}

    .faq-box h1 {
        font-size: 50px;
        line-height: 55px;
        margin: 0 0 38px;
        text-align: center;
    }

.holder.alt {
    overflow: visible;
}

.fag-info {
    text-align: center;
}

    .fag-info .tel {
        color: #333;
    }

    .fag-info h3 {
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 14px;
        color: #34495e;
    }

.faqfront a:after {
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -225px -3px;
    position: absolute;
    content: '';
    top: 7px;
    left: 3px;
    height: 15px;
    width: 15px;
}

.accordion, .faqfront {
    padding: 0;
    margin: 0 0 43px;
    list-style: none;
    overflow: hidden;
}

    .accordion li, .faqfront li {
        margin: 0 0 7px;
        font-size: 16px;
    }

        .accordion li.active, .faqfront li.active {
            font-weight: bold;
        }

            .accordion li.active a, .faqfront li.active a {
                -webkit-transition: all 0s ease;
                -moz-transition: all 0s ease;
                -o-transition: all 0s ease;
                transition: all 0s ease;
            }

            .accordion li.active .slide, .faqfront li.active .slide {
                font-weight: normal;
                font-size: 16px;
            }

        .accordion li .text, .faqfront li .text {
            padding: 15px 26px;
        }

            .accordion li .text p, .faqfront li .text p {
                margin: 0;
            }

        .accordion li.active a, .faqfront li.active a {
            color: #e74c3c;
        }

        .accordion li .slide, .faqfront li .slide {
            background: #fff;
            overflow: hidden;
        }



    .accordion a, .faqfront a {
        color: #34495e;
        display: block;
        padding: 5px 3px 5px 27px;
        position: relative;
    }


        .accordion a:after {
            /*background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -225px -3px;*/
            position: absolute;
            content: '';
            top: 7px;
            left: 3px;
            height: 15px;
            width: 15px;
        }


    .accordion .active a:after, .faqfront .active a:after {
        background-position: -245px -3px;
    }

.plan .accordion a:hover,
.plan faqfront a:hover {
    background: none;
    opacity: 0.75;
}

.accordion a:hover,
.accordion .active a,
.faqfront a:hover,
.faqfront .active a {
    /*background: #e3e3e3;*/
    text-decoration: none;
}

.title {
    text-align: center;
    margin: 0 0 24px;
}

.info-hold {
    padding: 38px 0 30px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    margin: 0 0 38px;
}

.pagin-hold {
    padding: 0 0;
    text-align: center;
    margin: 0 0 26px;
}

    .pagin-hold > a {
        float: right;
        margin: -22px 0 0;
    }

.info-hold:after {
    border-bottom: 1px solid #fff;
    position: absolute;
    content: '';
    bottom: -2px;
    left: 0px;
    right: 0;
    height: 1px;
}

.info-hold h2, .info-hold h3 a {
    font-size: 36px;
    line-height: 38px;
    margin: 0 0 35px;
    font-weight: normal;
    color: black;
}

    .info-hold h3 a:hover {
        text-decoration: none;
    }



.info-hold .holder .block {
    float: left;
    padding: 0 0 0 0;
    width: 49%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.info-hold .tabset-block {
    float: right;
    width: 50.5%;
    padding: 5px 0 0;
}

.tabset-block .btn-area {
    padding: 24px 0 0 18px;
    margin: 0 0 25px;
}

.btn-block .link-icon,
.btn-block .link-icon3 {
    margin: 5px 10px 0 0;
}

.info-hold .btn-block {
    padding: 10px 0 0;
    text-align: center;
    /*width:508px;*/
}

.tabset-block .link-icon {
    /*float: right;*/
    margin: 2px 0 0;
}

.team-list-hold {
    border-top: 1px solid #e1e1e1;
    position: relative;
    padding: 38px 0 0;
    overflow: hidden;
}

    .team-list-hold:after {
        border-bottom: 1px solid #fff;
        top: -1px;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
    }

    .team-list-hold .heading.alt {
        margin: 0 0 120px;
    }

.styled-row2.subscribe-body {
    padding: 25px 0;
    margin: 0;
}

.team-list-hold .holder {
    overflow: visible;
}

.contact-us .tabset.nav-list {
    margin: 0 0 46px;
}

.team-list-hold .holder .team-list.list2:nth-child(2n) {
    margin: 8px 0 31px 14%;
}

.team-list-hold .holder .team-list:nth-child(2n) {
    margin: 8px 0 31px 3.3%;
}

.team-list-hold .holder .team-list.list2 {
    margin: -19px 0 31px 28.2%;
}

.contact-us .author-form {
    padding: 0;
}

    .contact-us .author-form .form-col1,
    .contact-us .author-form .form-col2 {
        float: left;
        width: 48%;
        margin: 0 2% 0 0;
    }

    .contact-us .author-form input {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

.map-box iframe {
    width: 100%;
    display: block;
}

.contact-us .tabset-block.tabset4 {
    min-height: 420px;
}

.team-list-hold .holder .team-list {
    padding: 0;
    margin: -31px 0 30px 21.4%;
    list-style: none;
}

.team-list-hold:after {
    content: '';
    display: block;
    clear: both;
}

.team-list:nth-child(2n) .img-hold:hover,
.team-list .img-hold:hover {
    position: relative;
    z-index: 20;
}

.team-list-hold .heading {
    text-align: center;
    padding: 0 0 30px;
}

    .team-list-hold .heading h1 {
        font-size: 36px;
        line-height: 38px;
        margin: 0 0 10px;
    }

.team-list .img-hold .text.none {
    color: #fff;
    position: absolute;
    top: 83px;
    left: 50%;
    width: 140px;
    margin: 0 0 0 -54px;
    z-index: 5;
    text-align: center;
    display: none;
    font-size: 14px;
}

.team-list .img-hold:hover .text.none {
    display: block;
}

.team-list .img-hold .text p {
    color: #fff;
}

.team-list .img-hold:hover .img-return:after {
    background: -moz-linear-gradient(top, rgba(197,66,54,0.85) 0%, rgba(145,14,0,0.85) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,66,54,0.85)), color-stop(100%,rgba(145,14,0,0.85))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(197,66,54,0.85) 0%,rgba(145,14,0,0.85) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(197,66,54,0.85) 0%,rgba(145,14,0,0.85) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(197,66,54,0.85) 0%,rgba(145,14,0,0.85) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(197,66,54,0.85) 0%,rgba(145,14,0,0.85) 100%); /* W3C */
    position: absolute;
    content: '';
    top: -30px;
    bottom: -30px;
    left: -30px;
    right: -30px;
}

.team-list li .img-hold:hover {
    height: 260px;
    width: 260px;
    margin: -40px -40px -40px -40px;
    z-index: 10;
}

.team-list .img-hold:hover .img-return img {
    width: 110%;
}

.tabset4 .tabset {
    text-align: center;
}

    .tabset4 .tabset li {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

.tabset4 .tab-content {
    background: none;
    box-shadow: none;
    border: none;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 50px;
}

.tabset4 .tabset {
    overflow: visible;
}

    .tabset4 .tabset li.active {
        border-radius: 5px 7px 0 0;
        border-right: none;
        box-shadow: none;
        margin: 0 -5px 0 0;
    }

    .tabset4 .tabset li {
        margin: 0 -5px 0 0;
        min-width: 159px;
    }

.tabset4 .col-box:after {
    content: '';
    display: block;
    clear: both;
}

/*.tabset4 .col-box .col {
    float: left;
    width: 48%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}*/

.tabset4 .col-box .col2 {
    /*float: right;*/
    /*width: 43%;*/
    padding: 0px 42px 0 0;
}

.tabset4 .tab-content ul li:after {
    display: none;
}

.tabset4 .tabset4 .app-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.tabset4 .app-list:after {
    content: '';
    display: block;
    clear: both;
}

.tabset4 .app-list li {
    float: left;
    margin: 0 32px 8px 0;
    padding: 0;
}

.tabset4 .app-list ul li:last-child {
    margin: 0 32px 8px 0;
    padding: 0;
}

.img-block img {
    width: 100%;
    display: block;
}

.link-icon4 {
    padding: 1px 0 5px 23px;
    color: #34495e;
    position: relative;
    font-size: 14px;
    margin: 0 0 0 15px;
    float: right;
}

.link-icon5 {
    padding: 1px 0 5px 23px;
    color: #34495e;
    position: relative;
    font-size: 14px;
    margin: 0 0 0 15px;
}

.link-icon4:after {
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -118px -148px;
    position: absolute;
    content: '';
    top: -4px;
    left: 0px;
    height: 28px;
    width: 16px;
}

.link-icon5:after {
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -118px -148px;
    position: absolute;
    content: '';
    top: -4px;
    left: 0px;
    height: 28px;
    width: 16px;
}

.col-box .img-block {
    float: right;
    width: 45%;
    margin: 0 0 27px;
}

.btn-frame {
    text-align: center;
    padding: 56px 0 0 0;
    margin: 0 0 0 -48px;
}

.chat,
.person {
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -140px -147px;
    width: 38px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-indent: -9999px;
    margin: 0 8px 21px;
}

    .chat:hover,
    .person:hover {
        opacity: 0.7;
    }

.person {
    background-position: -184px -148px;
    width: 34px;
    height: 29px;
}

.carousel-box .text-area {
    overflow: hidden;
}

.col-box p {
    margin: 0 0 53px;
}

blockquote {
    margin: 0 0 10px;
    position: relative;
    line-height: 21px;
    font-size: 18px;
}

    blockquote span {
        display: block;
        margin: 0 0 23px;
    }

    blockquote cite {
        float: right;
        margin: -8px -45px 0;
        font-style: normal;
    }

/*blockquote:after,
    blockquote:before {
        background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -248px -136px;
        position: absolute;
        content: '';
        top: -28px;
        left: -46px;
        height: 20px;
        width: 22px;
    }

    blockquote:before {
        background-position: -223px -136px;
        width: 22px;
        height: 20px;
        top: auto;
        bottom: 0;
        left: auto;
        right: -28px;
    }*/

.carousel-holder {
    padding: 38px 0 0;
}

    .carousel-holder h2,
    .carousel-holder h5 {
        text-align: center;
    }

    .carousel-holder .heading {
        margin: 0 auto 21px;
        max-width: 799px;
    }

.form-area .heading {
    text-align: center;
    margin: 0 0 10px;
}

.form-area h2 span {
    font-weight: bold;
}

.form-area .row-box {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    padding: 0 9px 16px 0;
}

    .form-area .row-box label {
        text-transform: uppercase;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 7px;
    }

.form-area .text {
    text-align: center;
}

.form-area button[type="submit"] {
    height: 48px;
    border: none;
    margin: 26px 0 0;
    overflow: visible;
    cursor: pointer;
    min-width: 200px;
}

.block-list-hold-formation .frame-hold {
    padding-bottom: 35px;
}

.block-list-hold-formation .left-menu-formation .frame-hold {
    padding-bottom: 0;
}

.block-list-hold {
    padding: 30px 5px 20px;
}

.block-list-hold {
    border-top: 1px solid #e1e1e1;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
}

    .block-list-hold:after,
    .block-list-hold:before {
        border-top: 1px solid #fff;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        top: -0px;
    }

    .block-list-hold:before {
        top: auto;
        bottom: -1px;
    }

.content-frame.bg {
    background: url("https://static.alphorm.com/images/front/bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.filter-block h1 {
    text-align: center;
    margin: 0 0 20px;
}

.filter-block .frame-hold {
    overflow: hidden;
}

.frame-hold .frame {
    float: left;
    background: #e3e3e3;
    width: 100%;
    border: 2px solid #fff;
    box-shadow: 0px 0px 1px 1px #ccc;
    -webkit-box-shadow: 0px 0px 1px 1px #ccc;
    border-radius: 5px;
    padding: 19px 5px 16px 9px;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.frame-hold .box {
    display: inline-block;
    vertical-align: top;
    width: 18%;
    margin: 0 10px 0 0;
}

    .frame-hold .box.box2 {
        width: 19.5%;
    }

.frame-hold h2 {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 5px;
    color: #34495e;
    font-weight: bold;
}

.box .jcf-scrollable {
    height: 160px;
    text-align: left;
    background: #fff;
    border: 1px solid #ccc;
    border-right: none;
    padding: 7px 0 0 0;
}

.rea-box .inp-hold {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.rea-box .calend-btn {
    float: right;
    width: 20px;
    height: 22px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -225px -161px;
}

.rea-box .input-placeholder-text {
    top: 3px;
    font-size: 12px;
    left: 6px;
}

.rea-box {
    margin: 0 0 0px;
    padding: 5px 0 0;
}

    .rea-box label {
        padding: 0 5px 0 0;
        margin: 0 0 3px;
    }

    .rea-box input {
        font-size: 14px;
        line-height: 16px;
        color: #333333;
        padding: 2px 3px;
        height: 16px;
        float: left;
        font-style: normal !important;
        border: 2px solid #bdc3c7;
        background: #fff;
        margin: 0;
        width: 107px;
        border-radius: 3px;
    }

.frame-hold img {
    width: 100%;
    display: block;
}

.frame-hold .clear {
    float: right;
    color: #29394a;
    position: relative;
    padding: 0 0 0 13px;
    font-size: 14px;
}

    .frame-hold .clear:after {
        background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -283px -135px;
        position: absolute;
        content: '';
        top: 4px;
        left: 0px;
        height: 11px;
        width: 11px;
    }

.frame-hold fieldset {
    padding: 0;
}

.tab-holder {
    text-align: left;
}

.tab-block {
    float: left;
    width: 66.7%;
    margin: 0 45px 0 0;
}

.carousel-row {
    overflow: hidden;
}

.tab-content .carousel .slide {
    padding: 0 64px;
    text-align: center;
}

.tab-content .carousel .slide-holder {
    margin: 0 0 0 5.3%;
    width: 21%;
    display: block;
}

    .tab-content .carousel .slide-holder:hover {
        text-decoration: none;
        background: #eaeaea;
    }

.tab-content .carousel {
    padding: 0;
}

    .tab-content .carousel,
    .tab-content .carousel .mask {
        margin: 0;
    }

        .tab-content .carousel .mask {
            height: auto !important;
        }

.tab-content .slide-holder a {
    display: block;
    max-width: 80px;
    margin: 0 0 14px;
}

.tab-content .carousel img {
    display: block;
    width: 100%;
}

.tab-content .carousel h5 {
    font-size: 14px;
    line-height: 16px;
}

.frame-hold .box .row {
    padding: 2px 0 2px 5px;
    margin: 7px 0 7px;
}

    .frame-hold .box .row:hover {
        background: #efefef;
    }

.tab-holder .jcf-scrollable {
    height: 600px;
}

.frame-hold .row-area {
    width: 51%;
}

.content-holder h1 {
    font-size: 40px;
    line-height: 45px;
    margin: 0 0 30px;
    text-align: center;
    /*margin-top:22px;*/
}

.filter-area label {
    font-size: 13px;
    line-height: 13px;
}

.filter-block .tabset li {
    min-width: 160px;
}

.frame-hold .search-area {
    text-align: center;
    /*margin: 0 0 30px;*/
}

    .frame-hold .search-area .row-area {
        display: inline-block;
        vertical-align: top;
    }

    .frame-hold .search-area button {
        display: inline-block;
        vertical-align: top;
        float: none;
    }

.filter-area button[type="submit"] {
    display: block;
    border: none;
    margin: 15px 0 9px;
    overflow: visible;
    cursor: pointer;
    width: 100%;
    padding: 11px 5px 9px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.frame-hold .tabset-block {
    float: right;
    width: 30%;
}

.filter-area {
    margin: 0 -5px 0 0;
}

.filter-panel:after {
    content: '';
    display: block;
    clear: both;
}

.filter-panel .btn-area {
    float: left;
    padding: 4px 0 0 3px;
    margin: 0;
    width: 25%;
}

.filter-panel .text {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    padding: 2px 0 0 7px;
    font-size: 14px;
}

.filter-panel .btn-area a {
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat 0 -176px;
    width: 25px;
    height: 26px;
    display: inline-block;
    vertical-align: top;
    text-indent: -9999px;
    overflow: hidden;
}

    .filter-panel .btn-area a:hover {
        opacity: 0.6;
    }

    .filter-panel .btn-area a.plus {
        background-position: -32px -176px;
    }

.filter-panel .select-form {
    float: right;
    width: 70%;
}

.filter-panel .sel-row {
    float: right;
    margin: 0 0 0 17px;
}

.filter-panel label {
    color: #323232;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 7px 2px 0 0;
    max-width: 120px;
}

.table {
    width: 100%;
}

    .table .title-box {
        position: relative;
    }

    .table th {
        background: #34495e;
        color: #1abc9c;
        font-size: 18px;
        line-height: 20px;
        text-align: left;
    }

        .table th a {
            color: #1abc9c;
        }

            .table th a:hover {
                text-decoration: none;
                color: #1e8873;
            }

        .table th .ico,
        .filter-holder .ico2 {
            display: inline-block;
            vertical-align: top;
            background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -245px -27px;
            width: 15px;
            height: 15px;
            margin: 3px 0 0 5px;
        }

.filter-holder .ico2 {
    background-position: -201px -189px;
}

.table td {
    background: #f9f9f9;
}

.tabset-block2.tabset4 .tab-content {
    padding: 0;
}

.tabset-block2.tabset4 {
    padding: 50px 0 0;
}

.table td,
.table th {
    width: 23%;
}

.table td {
    padding: 0 0 0 40px;
}

.table th {
    padding: 17px 0 17px 40px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.title-box.hover .tooltip {
    display: block;
}

.title-box a,
.title-box span {
    padding: 9px 10px 9px 0;
    display: block;
    color: #000;
}

    .title-box a:hover {
        text-decoration: none;
        color: #767676;
    }

.table tr:nth-child(2n+2) td {
    background: #efefef;
}

/*.tooltip {
    background: #fff;
    position: absolute;
    top: 0;
    right: -290px;
    margin: -125px 0 0;
    width: 329px;
    padding: 11px 13px 24px;
    -webkit-box-shadow: 0px 0px 2px -2px #000;
    box-shadow: 0px 0px 2px -2px #000;
    border-radius: 7px;
    text-align: left;
    border: 1px solid #c0bfbf;
    z-index: 100;
    display: none;
}

    .tooltip:after {
        background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -211px -3px;
        position: absolute;
        content: '';
        top: 50%;
        left: -8px;
        height: 14px;
        width: 9px;
        margin: -7px 0 0;
    }*/

.tooltip .img-box {
    float: left;
    width: 102px;
    margin: 0 12px 0 0;
}

    .tooltip .img-box img {
        width: 100%;
        display: block;
    }

.tooltip .text {
    overflow: hidden;
    padding: 9px 0 0;
}

    .tooltip .text strong {
        color: #333;
        font-size: 18px;
        line-height: 20px;
        display: block;
    }

        .tooltip .text strong a {
            color: #1abc9c;
            padding: 9px 10px 9px 0;
            display: block;
        }

.tooltip ul {
    padding: 23px 0 0;
    margin: 0 0 19px;
    list-style: none;
}

.tooltip li {
    margin: 0 0 10px;
}

.tab-content .tooltip ul li, .tooltip.cloned-tooltip ul li {
    text-align: left;
    font-size: 14px;
    padding: 0;
    margin: 0 0 6px;
}

    .tab-content .tooltip ul li a, .tooltip.cloned-tooltip ul li a {
        position: relative;
        padding: 0 0 0 29px;
        display: inline-block;
        vertical-align: top;
        color: #333;
    }

.tooltip ul li a:after {
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -225px -161px;
    position: absolute;
    content: '';
    top: 0;
    left: 0px;
    height: 22px;
    width: 19px;
}

.tooltip ul li.link2 a:after {
    background-position: -92px -184px;
}

.tooltip ul li.link3 a:after {
    background-position: -119px -186px;
}

.tooltip ul li.link4 a:after {
    background-position: -146px -186px;
}

.tooltip ul li.link5 a:after {
    background-position: -174px -186px;
}

.tooltip ul li.link6 a:after {
    background-position: -66px -184px;
}

.bottom-panel {
    overflow: hidden;
    padding: 28px 0 10px;
    margin: 0 0 30px;
}

    .bottom-panel .pagin-box {
        float: left;
        width: 60%;
        padding: 6px 0 0;
    }

    .bottom-panel .select-box {
        float: right;
        width: 40%;
        text-align: right;
    }

    .bottom-panel label {
        font-weight: bold;
        color: #323232;
        font-size: 16px;
        line-height: 18px;
        margin: 6px 0 0;
        display: inline-block;
        max-width: 200px;
    }

    .bottom-panel .jcf-select {
        width: 78px;
        min-width: 60px;
        margin: 0 0 0 9px;
        text-align: center;
    }

.filter-panel {
    padding: 51px 0 0;
    margin: 0 0 9px;
}

.open-table .opener {
    background: #1abc9c;
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding: 8px 10px 8px 44px;
    position: relative;
    border-bottom: 1px solid #fff;
}

    .open-table .opener:hover {
        text-decoration: none;
        opacity: 0.8;
    }

    .open-table .opener:after {
        background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -250px -164px;
        position: absolute;
        content: '';
        top: 8px;
        left: 16px;
        height: 16px;
        width: 16px;
    }

.open-table.active .opener:after {
    background-position: -270px -164px;
}

.tab-content .course-list {
    padding: 15px 0 0;
    margin: 0;
    overflow: hidden;
    list-style: none;
    width: 100%;
}

    .tab-content .course-list li {
        float: left;
        width: 33%;
        padding: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

.course-list .progress {
    margin: 0;
}

.course-list .rating {
    margin: 0 0 9px;
}

.courses-list .rating {
    margin: 0 0 9px;
}


.course-list li:hover {
    background: #d6d6d6;
}

.info-box {
    float: left;
    width: 100%;
    margin: 0 0 5px;
}

    .info-box .min,
    .info-box .videos {
        position: relative;
        padding: 0 0 0 25px;
        font-weight: bold;
    }

        .info-box .min:after,
        .info-box .videos:after {
            background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -92px -184px;
            position: absolute;
            content: '';
            top: 0px;
            left: 0px;
            height: 20px;
            width: 20px;
        }

    .info-box .videos {
        float: right;
    }

.tab-content-box {
    padding: 0 0 5px;
}

.contact-us .tabset-block.tabset4 {
    width: 57%;
    float: right;
}

.contact-area {
    float: left;
    width: 29%;
    background: #e3e3e3;
    padding: 20px;
    text-align: center;
    margin: 88px 0 0;
}

.address-block {
    width: 100%;
}

.contact-us h1 {
    text-align: center;
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 40px;
}

.contact-us .socials li {
    float: none;
    display: inline-block;
    vertical-align: top;
}

.contact-us address {
    font-style: normal;
    font-weight: 300;
}

    .contact-us address .box {
        margin: 0 0 5px;
    }

    .contact-us address .img {
        margin: 0 0 5px;
    }

    .contact-us address a {
        color: #333;
    }

.contact-us .tabset li a {
    border-radius: 0;
}

.contact-us .tabset li:first-child a {
    border-radius: 7px 0 0 7px;
}

.contact-us .tabset li:last-child a {
    border-radius: 0 7px 7px 0;
}

.address-block ul {
    margin: 0 0 30px;
    padding: 0;
    margin: 0;
    list-style: none;
}

    .address-block ul li {
        padding: 0;
        margin: 0 0 15px;
    }

dl {
    margin: 0;
}

    dl dt {
        float: left;
        font-weight: bold;
        font-size: 16px;
    }

    dl dd {
        padding: 0 0 0 120px;
        margin: 0 0 10px;
        font-size: 16px;
    }
/*-----------    Course    -----------*/
.course .content-frame {
    padding: 10px 0 5px;
    margin: -10px 0 72px;
}

.course .content-espace {
    padding: 10px 0 5px;
    margin: -10px 0 19px;
}

.course .tabset2 + .tab-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*min-height: 600px;*/
    padding: 0 0 5px;
    margin: 0 0 40px;
}

.tab-holder2 {
    padding: 46px 12px 5px 17px;
}

    .tab-holder2 .description-info .carousel h5 {
        color: #000;
    }

.course .tab-inside {
    padding: 30px 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.course .tabset2 {
    display: table;
    table-layout: fixed;
    width: 100%;
    overflow: visible;
    z-index: 1;
    position: relative;
}

    .course .tabset2 > li {
        width: auto;
        float: left;
        min-width: 0;
    }

        .course .tabset2 > li a {
            padding: 8px 33px 11px;
        }

.details-list {
    display: table;
    width: 100%;
    background: #1abc9c;
    border-radius: 6px;
    overflow: visible;
}

.tab-content .details-list > li {
    display: table-cell;
    width: auto;
    float: none;
    padding: 0;
    font-size: 14px;
    min-width: 0;
}

    .tab-content .details-list > li:first-child {
        border-radius: 5px 0 0 5px;
    }

    .tab-content .details-list > li:last-child {
        border-radius: 0 5px 5px 0;
    }

    .tab-content .details-list > li:after {
        display: none;
    }

.tab-content .details-list > .active:after {
    top: auto;
    display: block;
    bottom: -9px;
    width: 0;
    height: 0;
    border-radius: 0;
    left: 50%;
    margin: 0 0 0 -7px;
    background: transparent;
    border-top: 9px solid #16a085;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.param-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    /*bottom: 10px;*/
    right: 5px;
}

.tab-content .param-list li {
    display: inline-block;
    margin: 0 0 0 10px;
    background: url('https://static.alphorm.com/images/front/sprite2.png') 0 -168px no-repeat;
    width: 29px;
    height: 21px;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
}

.tab-content .param-list .check {
    background-position: -101px -143px;
}

.tab-content .param-list .close {
    background-position: -69px -141px;
}

.backIcon {
    background: url("https://static.alphorm.com/images/front/sprite2.png") no-repeat scroll 0 -168px rgba(0, 0, 0, 0);
}

.tab-content ul > .active {
    background: #16a085;
    border-radius: 0;
    border: none;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.details-list li > a {
    display: block;
    padding: 10px 0;
    color: #16a085;
    border-radius: 0;
    border-left: 1px solid #2ed0b0;
}

.tab-content ul > .active a {
    /*background: transparent;*/
    border-radius: 0;
    color: #fff;
}

.details-list li:first-child a {
    border: none;
}

.tab-holder {
    padding: 0;
}

    .tab-holder:after {
        content: '';
        display: block;
        clear: both;
    }

    .tab-holder .preview {
        float: left;
        width: 22%;
        max-width: 131px;
        position: relative;
        margin: 0 30px 0 0;
        padding: 20px 0 0;
    }

        .tab-holder .preview img {
            display: block;
            width: 100%;
        }

.sea-more {
    position: absolute;
    display: block;
    right: -8px;
    bottom: -1px;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background: #1abc9c url('https://static.alphorm.com/images/front/sprite2.png') 0 -93px no-repeat;
    width: 39px;
    height: 39px;
    text-indent: -9999px;
    overflow: hidden;
}

.tab-holder .description {
    padding: 33px 0;
    overflow: hidden;
}

    .tab-holder .description h4 {
        color: #000;
        margin: 0 0 30px;
        font-size: 24px;
        line-height: 24px;
    }

.description .link-holder {
    padding: 20px 25px 0 0;
    text-align: right;
}

    .description .link-holder a {
        line-height: 38px;
        padding: 0 0 0 38px;
    }

.tab-holder .author-holder {
    float: left;
    margin: 6px 44px 0 0;
    padding: 0;
    text-align: center;
    width: 28%;
}

.tab-holder .author-holder-transcript {
    float: left;
    margin: 6px 44px 0 0;
    padding: 0;
    text-align: center;
}

.tab-holder .text-hed {
    float: none;
    width: auto;
    margin: 0 0 18px;
}

.tab-holder .text-head {
    float: none;
    width: auto;
    margin: 0 0 18px;
}

.tab-holder .author-holder h2 {
    margin: 0 0 4px;
    font-size: 24px;
}

.tab-holder .author-holder h5 {
    color: #1abc9c;
    margin: 0 0 17px;
    font-size: 16px;
}

.tab-holder .author-holder .count,
.tab-holder .author-holder .pays {
    display: block;
}

.tab-holder .author-holder .profile-photo {
    float: none;
    margin: 0 0 7px;
    width: 189px;
    height: 189px;
}

.tab-holder .socials li {
    padding: 0;
}

.tab-holder .plugin-list li {
    padding: 0 0 0 10px;
}

.tab-holder .plugin-list a {
    color: #fff;
}

.tab-holder .socials li:after,
.tab-holder .plugin-list li:after {
    content: none;
}

.tab-holder .author-holder .link-icon {
    margin: 0 0 46px;
    padding: 0 0 0 40px;
    text-align: left;
}

.tab-holder .description-info {
    overflow: hidden;
    padding: 11px 0 0;
}

    .tab-holder .description-info h5 {
        color: #34495e;
    }

.description-info .btn-holder {
    text-align: right;
    padding: 4px 0;
}

    .description-info .btn-holder .btn-grey:hover {
        background: #d3d3d3;
    }

    .description-info .btn-holder a {
        padding: 20px 10px;
    }

.tab-holder2 .socials {
    margin: 0 0 29px;
}

.tab-holder2 .plugin-list li {
    padding: 0 10px 0 0;
    margin: 0 0 10px;
}

.tab-holder .mask .slide {
    width: 114px;
}

.tab-main-hold .carousel3 h2 {
    margin: 0 0 37px;
}

.tab-main-hold .courses-info h5 {
    margin: 0 0 14px;
}

.course .carousel3 {
    padding: 0 0 60px;
}

.carousel3 .courses-preview {
    float: left;
    width: 78px;
    margin: 0 6px 0 0;
}

.carousel3 .courses-info {
    padding: 14px 0 0 0;
    overflow: hidden;
}

    .carousel3 .courses-info a {
        color: #000;
    }

.slide .slide-holder {
    float: left;
    margin: 0 0 0 20%;
    width: 20%;
}

    .slide .slide-holder:first-child {
        margin: 0;
    }

.carousel3 .mask .slide {
    padding: 0 48px;
}

.carousel3 .slide-holder {
    float: left;
    margin: 0 0 0 2%;
    width: 32%;
}

.carousel3 .courses-preview > a {
    display: block;
    max-width: 80px;
}

    .carousel3 .courses-preview > a img {
        display: block;
        /*width: 100%;*/
    }

.entire-info {
    margin: 0 0 100px;
    overflow: hidden;
}

    .entire-info:after {
        content: '';
        display: table;
        width: 100%;
        clear: both;
    }

.entire-description {
    overflow: hidden;
    margin: 0 0 33px;
    padding: 30px 9px 20px;
    background: #e3e3e3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
}

    .entire-description .progress {
        margin: 0 -4px 14px;
        width: auto;
    }

    .entire-description .progress-count {
        width: 8%;
    }

.course-spec {
    margin: 0 -10px 20px;
    padding: 12px 10px 23px;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 -1px 0 0 #fff inset;
    box-shadow: 0 -1px 0 0 #fff inset;
}

    .course-spec .courses-preview {
        float: left;
        width: 97px;
        padding: 6px 0 0;
    }

        .course-spec .courses-preview img {
            display: block;
            width: 100%;
        }

    .course-spec .courses-info {
        float: left;
        margin: 0;
        padding: 10px 0 0;
        list-style: none;
        font-size: 14px;
        line-height: 16px;
    }

        .course-spec .courses-info li {
            margin: 0 0 7px;
        }

        .course-spec .courses-info img {
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px 0 0;
        }

        .course-spec .courses-info span {
            display: inline-block;
            vertical-align: middle;
            max-width: calc(100% - 35px);
        }

.entire-description .action-list {
    list-style: none;
    margin: 0;
    padding: 0 37px;
    width: auto;
}

    .entire-description .action-list li {
        margin: 6px 0 0;
    }

.action-list a {
    color: #34495e;
}

.action-list li span,
.action-list li img {
    display: inline-block;
    vertical-align: middle;
}

.action-list li span {
    max-width: 85%;
}

.action-list li img {
    margin: 0 10px 0 0;
}

.course-features {
    width: 100%;
    padding: 18px 29px 27px;
    background: #34495e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    overflow: hidden;
}

    .course-features h4 {
        color: #fff;
        margin: 0 0 37px;
    }

.features-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .features-list li {
        padding: 0;
        margin: 0 0 19px;
    }

    .features-list a {
        color: #1abc9c;
    }

        .features-list a:hover {
            text-decoration: none;
            color: #fff;
        }

    .features-list span,
    .features-list img {
        display: inline-block;
        vertical-align: middle;
    }

.holder4 {
    overflow: hidden;
    padding: 0 30px 18px;
    margin: 0 -30px 14px;
    border-bottom: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 -1px 0 0 #fff inset;
    box-shadow: 0 -1px 0 0 #fff inset;
}

    .holder4 .profile-photo {
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 0 18px;
    }

    .holder4 .profile-holder {
        float: left;
        text-align: center;
    }

    .holder4 .spec-block {
        float: left;
        padding: 10px 0 0;
    }

        .holder4 .spec-block p {
            margin: 0 0 7px;
        }

    .holder4 .socials {
        margin: 0 0 20px;
    }

    .holder4 .trainer-raiting {
        margin: 0 0 30px;
    }

.link-hloder {
    display: inline-block;
}

.holder4 .link-icon {
    text-indent: -9999px;
    overflow: hidden;
    width: 0;
    height: 35px;
}

.search-chapter {
    padding: 25px 73px 20px 66px;
}

.row-area {
    width: auto;
}

.row-area-phone {
    width: auto;
}

.plan-nav {
    padding: 0 0 5px 12px;
}

    .plan-nav a {
        display: inline-block;
        text-indent: -9999px;
        overflow: hidden;
        width: 26px;
        height: 26px;
        background: url('https://static.alphorm.com/images/front/sprite2.png') 0 -136px no-repeat;
    }

    .plan-nav .less {
        background-position: -30px -136px;
    }

.plan .opener {
    padding: 5px 3px 5px 31px;
    font-weight: 900;
}

    .plan .opener:after {
        background: #34495e url('https://static.alphorm.com/images/front/sprite2.png') -42px -107px no-repeat;
        width: 20px;
        height: 20px;
        border-radius: 5px;
        top: 50%;
        margin: -9px 0 0;
    }

.plan .active .opener:after {
    background-position: -82px -92px;
}

.plan .opener span {
    color: #2bd1b1;
}

.plan .active .opener,
.plan .active .slide {
    background: #e3e3e3;
}

.plan .slide {
    padding: 7px 0 0;
}

.plan .accordion > li {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    margin: 0;
    background: #f9f9f9;
}

.plan .accordion > .active {
    background: #e3e3e3;
}

    .plan .accordion > .active.dark,
    .plan .accordion > .active.dark .opener,
    .plan .accordion > .active.dark .slide {
        background: #34495e;
    }

        .plan .accordion > .active.dark a {
            color: #fff;
        }

.plan .accordion li:after {
    content: none;
}

.tab-content .plan-description {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #f3f3f3;
}

    .tab-content .plan-description li {
        position: relative;
        margin: 0 0 -2px;
        padding-left: 38px;
        border-top: 2px solid #fff;
        padding-top: 3px;
        padding-bottom: 3px;
    }

        .tab-content .plan-description li:last-child {
            margin: 0;
        }

    .tab-content .plan-description .directory:before {
        background-position: -77px -113px;
    }

    .tab-content .plan-description li:before {
        background-position: -140px -110px;
    }

.dark .plan-description .li:before {
    background-position: -140px -140px;
}

.tab-content .plan-description li a {
    padding: 4px 0;
    color: #34495e;
    display: inline-block;
    position: relative;
}

.accordion li a,
.accordion li.active a {
    color: #34495e;
}


.tab-content .plan-description li a:after {
    content: none;
}

.tab-content .plan-description li a:hover {
    text-decoration: underline;
}


/*-----------    Transcript    -----------*/
.transcript .author-block {
    margin: 0;
}

.transcript .author-holder {
    float: none;
    width: 100%;
    margin: 0 0 20px;
}

.transcript .profile-preview {
    margin: 0 30px 0 0;
}

.transcript .author-description {
    float: left;
    width: 18%;
    margin: 0 20px 0 0;
}

.author-description .profile-data {
    list-style: none;
    margin: 0;
    padding: 30px 0 0;
}

.profile-data li {
    position: relative;
    padding: 0 0 0 40px;
    margin: 0 0 20px;
}

    .profile-data li:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        margin: -15px 0 0;
        background: url('https://static.alphorm.com/images/front/sprite2.png') -123px 0 no-repeat;
        width: 31px;
        height: 31px;
    }

.profile-data .phone:before {
    background-position: -123px -32px;
}

.profile-data .country:before {
    background-position: -46px -20px;
}

.profile-data .date:before {
    background-position: -103px -64px;
}

.profile-data a {
    color: #000;
}

.transcript .author-text {
    overflow: hidden;
    padding: 40px 2% 0 0;
}

.author-text .accentuation {
    display: block;
}

.transcript .courses-counter {
    float: right;
    text-align: center;
    margin-top: -8%;
    padding: 36px 0 0;
}

.transcript .counter {
    background: url("https://static.alphorm.com/images/front/img-27.png") no-repeat;
    color: #fff;
    font-size: 36px;
    height: 166px;
    line-height: 166px;
    margin: 0 14px 15px 0;
    text-align: center;
    text-shadow: 4px 5px 1px rgba(0, 0, 0, 0.3);
    width: 166px;
}

.transcript .counter-heading {
    display: block;
    font-size: 17px;
    line-height: 19px;
}

.activity {
    margin: 0 -9999px;
    padding: 50px 9999px;
    background: #f9f9f9;
    border-top: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset;
}

    .activity:after {
        content: '';
        display: table;
        width: 100%;
        clear: both;
    }

    .activity .courses-block {
        float: left;
        width: 61%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.author-merit {
    margin: 0 0 20px;
}

.courses-block .author-merit:last-child {
    margin: 0;
}

.author-merit h4 {
    margin: 0 0 20px;
}

.courses-holder {
    margin: 0 -20px 0 0;
}

    .courses-holder .course-block {
        display: inline-block;
        vertical-align: top;
        margin: 0 30px 30px 0;
        width: 45%;
    }

.course-block .courses-data {
    overflow: hidden;
    padding: 10px 10px 0;
    background: #fff;
    position: relative;
}

.courses-data .tile-hot-ribbon {
    display: block;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 82px;
}

.courses-data .courses-preview {
    float: left;
    margin: 0 10px 0 0;
}

    .courses-data .courses-preview img {
        /*width: 100%;*/
        height: 90px;
        display: block;
    }

.courses-data .courses-info {
    padding: 15px 0 0;
    overflow: hidden;
}

    .courses-data .courses-info a {
        color: #000;
    }

.completed {
    margin: 0 0 10px;
    padding: 10px;
    background: #fff;
}

    .completed span {
        display: inline-block;
        margin: 0 5px 0 0;
    }

    .completed time {
        font-weight: bold;
        display: inline-block;
    }

.deserts .link-icon {
    line-height: 34px;
    font-size: 12px;
}

    .deserts .link-icon:first-child {
        margin: 0 6px 0 0;
    }

.deserts .exam {
    width: 80px;
    display: inline-block;
    position: relative;
    padding: 0 0 0 36px;
    color: #b5b5b5;
    font-size: 12px;
    line-height: 17px;
}

.exam:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin: -14px 0 0;
    width: 28px;
    height: 28px;
    background: url('https://static.alphorm.com/images/front/sprite2.png') -136px -75px no-repeat;
}

.progress-Tutoriel {
    margin: 0 0 14px;
    /*height: 27px;*/
    width: 100%;
}

.progress {
    margin: 0 0 14px;
    background: #34495e;
    height: 27px;
    width: 100%;
}

    .progress .progress-count {
        position: relative;
        background: #1abc9c;
        color: #fff;
        width: 30%;
        height: 100%;
        font-size: 14px;
        line-height: 14px;
        font-weight: 900;
    }

.progress-count span {
    position: relative;
    display: block;
    width: 38px;
    text-align: right;
    top: 7px;
    right: 10px;
}

.activity .profiles {
    float: right;
    width: 38%;
    padding: 11px;
    background: #e3e3e3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
}

.profiles .plugin-list li {
    margin: 0 10px 5px 0;
}

.profiles .social-box {
    text-align: center;
    margin: 0 0 20px;
}

.authors-list {
    list-style: none;
    margin: 0 0 30px;
    padding-left: 0px;
}

    .authors-list li {
        margin: 0 0 14px;
    }

    .authors-list .profile-photo {
        display: inline-block;
        vertical-align: middle;
        width: 74px;
        height: 74px;
        /*margin: 0 20px 0 0;*/
    }

    .authors-list .profile-info {
        display: inline-block;
        vertical-align: middle;
    }

.profile-info a,
.profile-info .country {
    font-weight: bold;
}

.profile-info .rate {
    display: block;
}

.profile-nav {
    padding: 0 10px;
}

    .profile-nav a {
        display: inline-block;
        margin: 0 30px 0 0;
    }

.other-profiles h4 {
    display: block;
    margin: 0 0 20px;
    text-align: center;
}

.other-profiles {
    margin: 0 -10px 20px;
    padding: 10px;
    position: relative;
    background: #cfcfcf;
    border-top: 1px solid #e1e1e1;
    -webkit-box-shadow: 0 1px 0 0 #fff inset;
    box-shadow: 0 1px 0 0 #fff inset;
}

.check-row {
    overflow: hidden;
}

    .check-row .check-col1,
    .check-row .check-col2 {
        float: left;
        overflow: hidden;
    }

    .check-row .check-col2 {
        float: right;
        text-align: right;
    }

.check-col2 .check-item,
.check-col1 .check-item {
    display: inline-block;
    /*width: 84px;*/
    margin: 0 0 0 20px;
    overflow: hidden;
}

    .check-col2 .check-item:first-child,
    .check-col1 .check-item:first-child {
        margin: 0;
    }

    .check-col2 .check-item input,
    .check-col1 .check-item input {
        float: left;
        margin: 4px 10px 0 0;
    }

    .check-col2 .check-item label,
    .check-col1 .check-item label {
        float: left;
    }

#footer {
    border-top: 4px solid #1abc9c;
    background: url(https://static.alphorm.com/images/front/footer-bg.png);
    overflow: hidden;
    color: #cac8c9;
}

    #footer p {
        color: #fff;
        margin: 0;
        line-height: 19px;
    }

.footer-box .holder {
    overflow: hidden;
}


.footer-box {
    background: rgba(35,52,69, 0.2);
    border-bottom: 1px solid #314456;
    padding: 0 0 12px;
}

.footer-frame {
    border-top: 1px solid #2a3d50;
    overflow: hidden;
    padding: 36px 0 21px;
}

#footer .block-area {
    overflow: hidden;
    color: #fff;
    padding: 20px 0 2px;
}

    #footer .block-area .socials li {
        margin: 0 0 0 5px;
    }



    #footer .block-area .text {
        text-align: center;
    }

    #footer .block-area .box {
        margin: 0 0 44px;
    }

    #footer .block-area .text a {
        font-size: 24px;
        line-height: 26px;
    }

.btn-area a {
    margin: 0 25px 10px 0;
}

#footer .btn-green {
    min-width: 141px;
    padding: 11px 22px 11px;
    font-size: 14px;
    border: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

    #footer .btn-green:focus {
        background: #19b495;
        -webkit-box-shadow: 0 2px 0 0 #021d1f;
        box-shadow: 0 2px 0 0 #021d1f;
    }

#footer .partner3,
#footer .partner1 {
    box-shadow: 0 3px 0 0 #f7f7f7 inset, 1px 1px 4px -2px #000;
    -webkit-box-shadow: 0 3px 0 0 #f7f7f7 inset, 1px 1px 4px -2px #000;
    padding: 4px 10px 6px;
}

    #footer .partner3 img {
        width: 158px;
    }

    #footer .partner1 img {
        width: 134px;
    }



#footer .block-area .socials {
    float: left;
    margin: -1px 0 0 79px;
}

.pay-block a:hover {
    opacity: 0.8;
}

#footer .partner1 {
    box-shadow: 0 3px 0 0 #6e6e6e inset, 1px 1px 4px -2px #000;
    -webkit-box-shadow: 0 3px 0 0 #6e6e6e inset, 1px 1px 4px -2px #000;
    padding: 1px 34px 4px 10px;
}

#footer .text-area {
    float: right;
    font-size: 14px;
    width: 48%;
    padding: 8px 0 0;
    padding: 0px 0 0;
}

.tel {
    pointer-events: none;
    cursor: text;
}

    .tel:hover {
        text-decoration: none;
    }

/*.footer-area {
    float: left;
    width: 70%;
}*/

.footer-area .area {
    display: inline-block;
    vertical-align: top;
    width: 17%;
}

    .footer-area .area h4 {
        font-size: 15px;
        line-height: 20px;
        text-transform: uppercase;
        margin: 0 0 14px;
        color: hsl(168, 76%, 42%);
        font-weight: 600;
    }

    .footer-area .area ul {
        padding: 0;
        /*margin: 0 13px;*/
        list-style: none;
    }

        .footer-area .area ul li {
            margin: 0 0 8px;
            font-size: 14px;
            line-height: 16px;
        }

        .footer-area .area ul a {
            color: #cac8c9;
        }

.categories-list {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 211px;
}

    .categories-list li {
        margin: 0 0 10px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 300;
    }

        .categories-list li:after {
            content: '';
            display: block;
            clear: both;
        }

        .categories-list li .text {
            float: right;
            width: 166px;
            text-align: left;
            padding: 3px 0 0;
        }

        .categories-list li.ico1 img {
            width: 26px;
        }

        .categories-list li.ico2 img {
            width: 33px;
        }

        .categories-list li.ico3 img {
            width: 30px;
        }

        .categories-list li.ico4 img {
            width: 27px;
        }

        .categories-list li.ico5 img {
            width: 43px;
        }

        .categories-list li.ico6 img {
            width: 43px;
        }

        .categories-list li.ico7 img {
            width: 38px;
        }

    .categories-list a {
        color: #fff;
    }

    .categories-list .count {
        color: #1abc9c;
    }

    .categories-list .img-box {
        float: left;
        width: 40px;
        text-align: center;
        padding: 0 0 2px;
    }

.head {
    font-weight: bold;
    text-align: center;
    color: #333333;
    font-size: 22px;
}

.gob {
    color: black;
    font-size: 30px;
    font-weight: normal;
}

h1 {
    font-size: 50px;
    line-height: 50px;
}

.message-block .holder {
    max-width: 802px;
}

.header-block {
    padding: 5px 0 0;
}

#header #nav > li > a {
    padding: 8px 20px 15px;
}

.header-box {
    margin: 0 0 0 15px;
    padding: 0;
}

    .header-box .btn-green {
        margin: 0 0 0 15px;
    }

/*.header-panel ul li {
    margin: 0 10px 0 0;
}*/

.header-panel li:last-child {
    margin: 0 0 0 34px;
    font-size: 13px;
}

#header #nav {
    margin: 0;
    float: none;
    display: inline-block;
    vertical-align: top;
}

    #header #nav li ul {
        bottom: -61px;
        /*margin-left: -10121px;*/
        margin-left: -9982px;
        padding-top: 12px;
        /*height: 15px;*/
        width: 724px;
    }

    #header #nav li li {
        font-size: 13px;
        margin: 0 12px 0 0;
    }



.subscribe-step .step-info {
    width: 20%;
}

.subscribe-step {
    padding: 30px 0 0;
    margin: 0 0 30px;
}

.partn-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.tab-content .partn-list li {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 0 0;
}

.tab-content .demo.phone:before {
    left: 0;
}

.tab-content .img-block {
    width: 30%;
}

    .tab-content .img-block img {
        width: 100%;
        display: block;
    }

.col-box .phone {
    color: #34495e;
    font-size: 14px;
    line-height: 16px;
    padding: 13px 0 0 32px;
}


.Texte {
    margin: 0 auto;
    max-width: 750px;
}


.error-box {
    margin: 0 auto;
    max-width: 600px;
    text-align: center;
    padding: 0 0 30px;
}

    .error-box h1 {
        color: #1abc9c;
        font-size: 60px;
        line-height: 60px;
        margin: 0 0 20px;
    }

    .error-box p {
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        margin: 0;
        color: #2c3e50;
    }

    .error-box .heading {
        margin: 0 0 62px;
    }

    .error-box .ico-preview {
        width: 177px;
        height: 177px;
        margin: 0 0 35px;
    }

.subscribe-step .step-info {
    width: 18%;
}

.subscribe-step .step-divider {
    width: 8.6%;
}

.blog-article h2 {
    margin: 0 0 6px;
}

.breadcrumbs {
    margin: 0 0 35px;
}

.tabset li {
    min-width: 179px;
}

.tab-content {
    padding: 18px 0 0 3px;
}

    .tab-content ul li {
        margin: 0;
    }

        .tab-content ul li p {
            margin: 0 0 10px;
        }

.blog-article {
    padding: 40px 0 0;
}

.pagin-box {
    padding: 23px 0 0;
}

.blog-box {
    padding: 0 0 60px;
}

.article-info {
    margin: 0 0 4px;
}

.btn-area a {
    margin: 0 1px 5px 10px;
}

#footer .btn-green {
    min-width: 119px;
}

#footer .partner3 img {
    width: 155px;
}

#footer .partner1 {
    padding: 1px 30px 4px 10px;
}

/*.pay-block {
    padding: 20px 0 0;
    /*margin-left: 21px;*/
}

*/ .footer-frame {
    padding: 35px 0 21px;
}

/*.footer-area {
    width: 75%;
}*/

.categories-list {
    width: 213px;
}

    .categories-list li .text {
        width: 77%;
    }



#footer .block-area .text a {
    font-size: 22px;
    line-height: 24px;
}
/* custom checkbox styles */
.jcf-checkbox {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #fff;
    border: 2px solid #bdc3c7;
    border-radius: 2px;
    margin: -3px 3px 0 0;
    height: 12px;
    width: 12px;
}

:root .jcf-checkbox span {
    margin: -4px 0 0 -5px;
}

.jcf-checkbox input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0;
}

.jcf-checkbox.jcf-checked {
    position: relative;
}

    .jcf-checkbox.jcf-checked:after {
        background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -210px -29px;
        position: absolute;
        content: '';
        top: 1px;
        left: 1px;
        height: 10px;
        width: 10px;
    }

    .jcf-checkbox.jcf-checked span {
        display: block;
    }
/* custom select styles */
.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 2px solid #bdc3c7;
    background: #fff;
    margin: 0 0 12px;
    min-width: 150px;
    height: 29px;
    border-radius: 0px;
    cursor: pointer;
}

    .jcf-select select {
        z-index: 1;
        left: 0;
        top: 0;
    }

    .jcf-select .jcf-select-text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block;
        font-size: 13px;
        line-height: 26px;
        margin: 0 35px 0 8px;
        cursor: pointer;
    }

    .jcf-select .jcf-select-opener {
        position: absolute;
        text-align: center;
        background: #e3e3e3;
        width: 29px;
        bottom: 0;
        right: 0;
        top: 0;
        cursor: pointer;
    }

        .jcf-select .jcf-select-opener:after {
            background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -228px -30px;
            position: absolute;
            content: '';
            top: 11px;
            left: 10px;
            height: 8px;
            width: 10px;
        }

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}

    body > .jcf-select-drop.jcf-drop-flipped {
        margin: 1px 0 0;
    }

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0px;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
    border: 2px solid #bdc3c7;
}
/* multiple select styles */
.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}
/* select options styles */
.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px;
    width: 100%;
}

    .jcf-list .jcf-list-content {
        vertical-align: top;
        display: inline-block;
        overflow: auto;
        width: 100%;
    }

    .jcf-list ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .jcf-list ul li {
            overflow: hidden;
            display: block;
        }

    .jcf-list .jcf-overflow {
        overflow: auto;
    }

    .jcf-list .jcf-option {
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block;
        padding: 5px 9px;
        color: #656565;
        height: 1%;
        cursor: pointer;
    }

    .jcf-list .jcf-disabled {
        background: #fff !important;
        color: #aaa !important;
    }

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000;
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}
/* custom scrollbars styles */
.jcf-scrollable-wrapper {
    box-sizing: content-box;
    position: relative;
    width: 100% !important;
}

.jcf-scrollbar-vertical {
    position: absolute;
    cursor: default;
    width: 16px;
    bottom: 0;
    right: 0;
    top: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #efefef;
}

    .jcf-scrollbar-vertical:after,
    .jcf-scrollbar-vertical .jcf-scrollbar-inc:after {
        background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -293px -126px;
        position: absolute;
        content: '';
        top: 5px;
        left: 5px;
        height: 4px;
        width: 5px;
    }

    .jcf-scrollbar-vertical .jcf-scrollbar-inc:after {
        top: auto;
        bottom: 6px;
        background-position: -283px -126px;
    }

    .jcf-scrollbar-vertical .jcf-scrollbar-dec,
    .jcf-scrollbar-vertical .jcf-scrollbar-inc {
        background: #e3e3e3;
        height: 15px;
        width: 14px;
        left: 0;
        top: 0;
        cursor: pointer;
        border-top: 1px solid #ccc;
    }

    .jcf-scrollbar-vertical .jcf-scrollbar-inc {
        top: auto;
        bottom: 0;
        border-bottom: 1px solid #ccc;
    }

    .jcf-scrollbar-vertical .jcf-scrollbar-handle {
        background: #29394a;
        height: 25px !important;
        width: 14px;
        cursor: pointer;
    }

        .jcf-scrollbar-vertical .jcf-scrollbar-handle:after {
            background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -283px -150px;
            position: absolute;
            content: '';
            top: 9px;
            left: 2px;
            height: 7px;
            width: 10px;
        }

.jcf-scrollbar-horizontal {
    position: absolute;
    background: #e3e3e3;
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 14px;
}

    .jcf-scrollbar-horizontal .jcf-scrollbar-dec,
    .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        background: #bbb;
        height: 14px;
        width: 14px;
    }

    .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
        left: auto;
        right: 0;
    }

    .jcf-scrollbar-horizontal .jcf-scrollbar-slider {
        display: inline-block;
        position: relative;
        height: 14px;
        background: #000;
    }

    .jcf-scrollbar-horizontal .jcf-scrollbar-handle {
        position: absolute;
        background: #888;
        height: 14px;
    }

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
    visibility: hidden;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
    background: #e3e3e3;
}
/* common custom form elements styles */
.jcf-disabled {
    background: #ddd !important;
}
/* example lightbox styles */
.popup-holder {
    position: relative;
    overflow: hidden;
    height: 0;
}

div.lightbox {
    display: inline-block;
    vertical-align: top;
    width: 600px;
    background: #fff;
}

    div.lightbox.alt {
        width: 400px;
    }

.lightbox img {
    width: 100%;
    display: block;
}

@media only screen and (min-width: 1130px) {
   
    .respenivePop {
        width: 1100px !important;
    }

    .offre-widh {
        font-size: 16px !important;
        line-height: 25px !important;
        margin-top: 0 !important;
        width: 58%;
    }

    .offre-p {
        margin-top: 0px;
        line-height: 30px !important;
        font-size: 18px !important;
        margin-bottom: 0;
    }

    .tarifCardre {
        margin-left: 36px;
        margin-top: -9%;
    }

    .divBlocTrainingCatalogue {
        margin-left: 0px;
        width: 1202px;
    }

    .divBlocTrainingSearch {
        width: 1202px;
    }

    .espaceinpute {
        margin-top: -27px !important;
    }

    p.titleIndex {
        color: #ffffff;
        display: block;
        font-style: normal;
        font-size: 36px;
        line-height: 50px;
    }

    .texteGras {
        text-shadow: 0 4px 4px hsl(0, 0%, 0%);
        font-weight: 900;
        font-size: 40px;
    }

    .info-hold .holder {
        overflow: hidden;
        padding: 0 10px 5px;
        margin-left: 15%;
    }

    .sizeTitle {
        margin: 0 0 24px;
        text-align: center;
        font-size: 30px;
        line-height: 50px;
        font-weight: normal;
    }
}

@media only screen and (max-width: 1130px) {
    .divBlocTrainingCatalogue .block-Training {
        text-align: center;
    }

        .divBlocTrainingCatalogue .block-Training li {
            float: inherit;
            display: inline-block;
        }
}

@media only screen and (max-width:1750px) {
    .banner-holder.banner4 {
        margin: 0 -12%;
    }
}

@media only screen and (max-width:1100px) {
    .labelcdre {
        margin-left: 6px;
        color: hsl(0, 0%, 44%);
        font-size: 12px;
        font-weight: 500;
        margin-top: 7px;
        height: 26px;
    }

    .imge-righ {
        width: 88%;
    }

    .tarif {
        height: 40px;
    }

    #cadre {
        border-radius: 8px;
        box-shadow: 5px 7px 4px -8px hsl(0, 0%, 33%);
        font-size: 14px;
        line-height: 18px;
        margin-left: auto;
        margin-right: auto;
        width: 88%;
        height: 50px;
    }
}

@media only screen and (max-width:1660px) {
    .banner-holder h1 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 20px;
    }

    .titre {
        font-size: 20px;
        line-height: 30px;
    }

    .banner-holder .holder {
        padding: 10% 10% 0 0;
        text-align: left;
    }

    .banner-holder span.none2 {
        display: block;
        color: #fff;
    }

    .banner-holder .breadcrumbs {
        margin: 0 0 20px;
    }
}

@media only screen and (max-width:800px) {

    .logoNotRespansive {
        display: none !important;
    }

    .logoresponsive {
        display: block !important;
    }

    .divBlocTrainingSearch .block-Training {
        text-align: center;
    }

    .divBlocTrainingCatalogue .block-Training {
        text-align: center;
    }

    .banner-holder .holder {
        padding: 25% 10% 0 0;
        text-align: center;
    }

    .banner-holder span.none2 {
        display: none;
    }
}

@media only screen and (max-width:1400px) {
    .banner-holder h1 {
        font-size: 26px;
        line-height: 45px;
        margin: 0 0 15px;
    }

    .titre {
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 15px;
    }

    .banner-holder span.none2 {
        display: block;
    }

    .banner-holder .holder {
        padding: 15% 10% 0 0;
        text-align: left;
    }

    .banner-holder .breadcrumbs {
        margin: 0 0 15px;
    }

    .banner-holder {
        margin: 0 -10%;
    }

    .team-list-hold .holder .team-list:nth-child(2n) {
        margin: 8px 0 31px 6.6%;
    }

    .heading-info {
        padding: 0 10%;
    }

    .banner-holder {
        /*max-height: 650px;*/
        overflow: hidden;
    }

    .banner h1 {
        font-size: 40px;
        line-height: 80px;
    }


    .banner .banner-text {
        padding: 0 50px 0 10px;
    }

    .banner .header-panel ul {
        text-align: center;
    }

        .banner .header-panel ul li {
            /*width: 10%;*/
            display: inline-block;
            vertical-align: top;
        }

    .header-panel li:last-child {
        margin: 0;
    }

    .img-hold {
        height: 150px;
        width: 150px;
    }

    .team-list li .img-hold:hover {
        height: 210px;
        margin: -30px;
        width: 210px;
        z-index: 10;
    }


    .team-list:nth-child(2n) li {
        margin: 0 0 0 62px;
    }

    .team-list-hold .heading,
    .team-list-hold .heading.alt {
        margin: 0 0 60px;
    }

    .team-list {
        margin: -40px 90px 0 217px;
    }

        .team-list li {
            margin: -44px 66px 0 -4px;
        }

    .tabset4 .tab-content {
        padding: 50px 10px 0 10px;
    }

    .col-box p {
        margin: 0 0 30px;
    }

    .tabset4 .col-box .col {
        width: 100%;
    }

    .carousel .btn-prev {
        left: 25px;
    }

    .carousel .btn-next {
        right: 25px;
    }

    .partner-list {
        padding: 0;
    }

    .partner-list {
        margin: 0 -2% 20px;
    }
}

.partner-list li {
    margin: 0 0.8%;
}

.form-area form {
    margin: 0 0 0 0;
}

.service-list {
    margin: 0 0 0 10px;
}

.service-box .block {
    width: 47%;
}

.training-list li {
    margin: 0 2% 10px;
}

#content .message-block .holder {
    /*max-width: 1000px;*/
}

/*.banner-holder.banner4 .holder {
        max-width: 900px;
    }*/

.banner-holder.banner4 {
    margin: 0 -12%;
}

.carousel-row.carousel3 .carousel .btn-prev {
    margin: -52px 0 0 -20px;
}

.carousel-row.carousel3 .carousel .btn-next {
    margin: -52px -20px 0 0;
}


.texteGras {
    text-shadow: 0 4px 4px hsl(0, 0%, 0%);
    font-weight: 900;
    font-size: 40px;
}


p.titleIndex {
    font-size: 24px;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
}

.sizeTitle {
    font-size: 50px;
    line-height: 50px;
    font-weight: normal;
}

.grasTitle {
    line-height: 42px;
    margin: 0 0 32px;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
}

}

@media only screen and (max-width:1200px) {
    .frame-hold .box {
        width: 17.5%;
    }

    .carousel3 .mask .slide {
        padding: 0;
    }

    .sizeEm {
        font-size: 30px;
        font-weight: bold;
        font-family: Myriad Pro;
        font-style: normal;
    }

    .banner-holder h1 span {
        font-size: 18px;
        line-height: 26px;
    }

    .banner-holder span.none2 {
        display: block;
    }

    .banner-holder h1 {
        font-size: 26px;
        line-height: 35px;
        margin: 0 0 10px;
    }

    /* modif arafet*/
    .pricing-block.active {
        /*margin: -93px 0 0 2%;*/
    }

    .pricing-holder {
        margin: -10px 0 40px;
    }

    .pricing-block {
        /*min-height: 500px;*/
    }

    .pricing-list li a {
        display: block;
        padding: 5px 0 5px 20px;
    }

    #content .message-block .holder {
        max-width: 900px;
    }

    #content .message-block p {
        font-size: 14px;
        margin: 4px 10px 0 0;
    }

    .join-heading {
        font-size: 15px;
        line-height: 20px;
        padding: 0;
    }

    .transcript .author-text {
        width: 80%;
        float: left;
        padding: 0;
    }

    .profile-hold {
        width: 100%;
        overflow: hidden;
        margin: 0 0 10px;
        text-align: center;
    }

    .transcript .courses-counter {
        padding: 0;
    }

    .trainer-page .author-holder .profile-hold .profile-preview,
    .trainer-page .author-holder .profile-hold .author-description {
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    .activity .courses-block {
        width: 100%;
        float: none;
        text-align: left;
    }

    .activity {
        text-align: center;
    }

        .activity .profiles {
            float: none;
            display: inline-block;
            vertical-align: top;
            width: 470px;
        }

    .content-frame h1 {
        font-size: 45px;
    }

    .content-frame .title,
    .content-frame .text {
        font-size: 26px;
        line-height: 30px;
    }

    .block-frame .block {
        width: 47%;
        margin: 0 10px 10px;
    }

    .team-list-hold .holder .team-list:nth-child(2n) {
        margin: 8px 0 31px 6.3%;
    }

    .tab-content .carousel .slide {
        padding: 0 80px 0 80px;
    }

    .tab-main-hold {
        float: none;
        width: 100%;
    }

    .course .carousel3 {
        padding: 0;
    }

        .course .carousel3 .carousel {
            padding: 0 65px 26px;
        }

    .course-spec .courses-preview {
        width: 70px;
        margin: 0 15px 0 0;
    }

    .course-spec .courses-info {
        float: none;
        overflow: hidden;
    }

    .courses-author, .courses-time, .courses-date {
        font-size: 12px;
    }

    .course-spec .courses-info li {
        display: block;
        margin: 0 7px 7px 0;
    }

    /*.holder4 {
        text-align: center;
    }*/

    .holder4 .profile-holder {
        margin: 0 20px 0 0;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .holder4 .spec-block {
        display: inline-block;
        vertical-align: top;
        float: none;
    }

    .entire-description .action-list li,
    .entire-description .action-list li:first-child {
        display: inline-block;
        vertical-align: middle;
        margin: 6px 14px 0 0;
    }

    .features-list li {
        margin: 0 18px 10px 0;
        width: auto;
    }

    .carousel-row.carousel3 .carousel .btn-next,
    .carousel-row.carousel3 .carousel .btn-prev {
        margin: -52px 0 0 -15px;
    }

    .carousel-row.carousel3 .carousel .btn-next {
        margin: -52px -15px 0 0;
    }

    .tab-holder .author-holder {
        width: 33%;
    }

    .description-info .btn-holder {
        margin: 0 0 10px;
    }

    .tab-content .carousel .slide {
        padding: 0 50px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .tab-holder .carousel-row .carousel .btn-prev,
    .tab-holder .carousel-row .carousel .btn-next {
        margin: -37px 0 0 -20px;
    }

    .tab-holder .carousel-row .carousel .btn-next {
        margin: -37px -20px 0 0;
    }

    .tab-content .carousel .slide-holder {
        margin: 0 1.5% 0 1.5%;
        width: 22%;
    }

    .carousel-row h5 {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 5px;
    }

    .courses-author, .courses-time, .courses-date {
        padding: 0 0 0 25px;
    }

    .tab-holder .carousel-row .carousel .btn-prev,
    .tab-holder .carousel-row .carousel .btn-next {
        margin: -35px 0 0 -20px;
    }

    .tab-holder .carousel-row .carousel .btn-next {
        margin: -35px -20px 0 0;
    }

    .carousel-row.carousel3 .carousel .btn-next {
        margin: -49px -20px 0 0;
    }

    .carousel-row.carousel3 .carousel .btn-prev {
        margin: -49px 0 0 -20px;
    }

    .entire-description .action-list {
        padding: 0 0 0 20px;
    }

    .carousel3 .courses-preview {
        width: 65px;
    }

    .carousel3 .courses-info {
        padding: 5px 0 0;
    }

    .tab-content .carousel h5 {
        font-size: 12px;
    }
}

@media only screen and (max-width:1160px) {
    .btn-area a {
        margin: 0 4px 10px 0;
    }

    #footer .block-area .socials {
        margin: 0 0 10px 10px;
    }

    #header #nav > li > a {
        padding: 8px 11px 24px;
    }


    .header-panel ul li {
        width: 11.1%;
    }

    .trainer-page .author-holder {
        float: none;
    }

    .trainer-page .author-holder {
        margin: 0 auto;
        max-width: 900px;
        width: 100%;
        height: 700px;
    }

    .author-block .player-box {
        width: 100%;
        float: none;
        max-width: 600px;
        text-align: center;
    }

    .trainer-page .author-holder .profile-preview {
        margin: 0 30px 0 0;
    }

    .trainer-page .author-description {
        width: 65%;
        text-align: left;
        float: left;
    }

    .trainer-raiting {
        margin: 0 0 20px;
    }

    .author-block .courses-counter {
        padding: 0;
    }

    .author-block .player {
        display: inline-block;
        vertical-align: top;
    }

    .author-block .player-box {
        max-width: 100%;
    }

    .plugin-list li {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 0px 15px 10px 0;
    }

    .courses-list {
        text-align: center;
    }

        .courses-list li {
            float: none;
            display: inline-block;
            vertical-align: top;
            text-align: left;
        }

    .carousel-block .text {
        padding: 0;
    }

    .catalog-slide .technologies-list li {
        max-width: 70px;
    }

    .link-list.alt {
        width: 100%;
    }

    .link-list li {
        font-size: 16px;
        line-height: 20px;
    }

    .frame-hold .frame {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

    .frame-hold .box {
        width: 18.4%;
    }

    .frame-hold .tabset-block {
        float: none;
        margin: 0 auto 20px;
        width: 400px;
    }

    .filter-panel .select-form,
    .filter-panel .btn-area {
        float: none;
        width: 100%;
        text-align: left;
        margin: 0 0 15px;
    }

    .filter-panel .sel-row {
        float: left;
    }

    .courses-author, .courses-time, .courses-date {
        font-size: 12px;
    }

    .courses-data .courses-preview {
        width: 80px;
    }

    /*.courses-data .courses-preview img {
            width: 100%;
            display: block;
        }*/

    .bottom-panel .pagin-box,
    .bottom-panel .select-box {
        width: 100%;
        float: none;
        margin: 0 0 10px;
        text-align: left;
    }

    .bottom-panel ul.pagination-list {
        margin: 0 0 10px;
    }

    .pricing-heading h2 {
        font-size: 26px;
        line-height: 28px;
    }

    .akcent {
        padding: 10px 0;
        font-size: 14px;
    }

    .pricing-list li {
        font-size: 14px;
    }

        .pricing-list li a {
            padding: 5px 5px 5px 10px;
        }

    .pricing-block.active .hint {
        left: 10px;
        right: 10px;
        font-size: 12px;
    }

    /*.banner-holder.banner4 img {
        display: none;
    }*/

    .trainer-page .author-holder .profile-hold .profile-preview, .trainer-page .author-holder .profile-hold .author-description {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: auto;
    }

    .trainer-page .profile-hold .author-description {
        width: 35% !important;
    }

    .team-list.list2:nth-child(2n) li {
        margin: -30px 0 0 56px;
    }


    .team-list-hold .holder .team-list.list2:nth-child(2n) {
        width: 91%;
        margin: 8px 0 37px 0%;
    }

    .team-list-hold .holder .team-list.list2 {
        width: 90%;
        margin: -20px 0 31px 18.9%;
    }

    .team-list.list2 li .img-hold {
        height: 120px;
        width: 120px;
    }

    .team-list.list2 .img-hold .img-return img {
        width: 108%;
    }

    .team-list.list2:nth-child(2n) li {
        margin: -30px 0 0 45px;
    }

    .team-list.list2 li .img-hold:hover {
        height: 160px;
        margin: -20px;
        width: 160px;
    }

    .team-list.list2 li {
        float: left;
        margin: -54px 55px 0 -10px;
    }

    .team-list.list2 li {
        display: inline-block;
        vertical-align: top;
        float: none;
    }

    .contact-area {
        width: 28%;
    }

    .contact-us .tabset-block.tabset4 {
        width: 62%;
    }

    textarea {
        max-height: 200px;
        min-height: 120px;
    }

    .team-list-hold .holder .team-list:nth-child(2n) {
        margin: 8px 0 31px 78px;
    }

    .team-list-hold .holder .team-list {
        margin: -31px 0 30px 250px;
    }
}


@media only screen and (max-width:1100px) {

    .selcteres {
        float: left;
        margin-bottom: 20px;
    }

    .team-list-hold .holder .team-list:nth-child(2n) {
        margin: 8px 0 31px 58px;
    }

    .banner-holder span.none2 {
        display: block;
    }

    .team-list-hold .holder .team-list {
        margin: -31px 0 30px 230px;
    }
}

@media only screen and (max-width:360px) {
    .serachresponsive {
        margin-left: -30%;
        margin-top: -29px;
    }

    .search-inp-container {
        border-radius: 0;
        margin-left: -14%;
    }

    .transcript .courses-counter {
        float: right;
        text-align: center;
        margin-top: 0;
        padding: 36px 0 0;
    }

    .btn-search {
        background-color: hsl(6, 77%, 57%);
        border: medium none;
        border-radius: 0 7px 7px 0;
        height: 59px;
        margin-left: -12%;
        margin-top: 20px;
    }

    button,
    .team-list-hold .holder .team-list {
        margin: -31px 0 30px 119px;
    }

    .banner-holder span.none2 {
        display: none;
    }

    .blocRI {
        width: 80%;
        text-align: center;
        vertical-align: top;
    }

    .blocle {
        width: 80%;
        text-align: center;
        vertical-align: top;
    }

    .blocright {
        width: 80%;
        text-align: center;
        vertical-align: top;
    }

    .blocleft {
        width: 80%;
        text-align: center;
        vertical-align: top;
    }

    .blocCenter {
        width: 80%;
        text-align: center;
        vertical-align: top;
    }

    .blocGauche {
        width: 77%;
        text-align: center;
        vertical-align: top;
    }

    .blocDroite {
        width: 77%;
        text-align: center;
        vertical-align: top;
    }
}

@media only screen and (max-width:1023px) {
    h1 {
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 30px;
    }

    h4 {
        font-size: 17px;
        line-height: 18px;
    }

    .header-box {
        margin: 0 0 10px;
        text-align: center;
        padding: 0;
    }

    .holder {
        padding: 0 2px;
    }

    .message-block .slide {
        font-size: 16px;
    }

    .message-block .holder {
        max-width: 650px;
    }

    .header-box .basket,
    .header-box .btn-green,
    .header-box .text {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    #header #nav {
        float: none;
    }

    .header-panel ul {
        padding: 0 5px;
        text-align: center;
    }

        .header-panel ul li {
            width: 20.45%;
            margin: 0 5px 10px;
        }

    .header-panel li:last-child {
        display: block;
        margin: 0;
    }

    .margin-left {
        margin-right: 0px;
    }

    .profile-data li {
        margin: 0 0 20px 32%;
        padding: 0 0 0 40px;
        position: relative;
    }

    .folo {
        color: hsl(168, 76%, 42%);
        margin-top: -5%;
        font-size: 18px;
        font-weight: bold;
    }

    #header #nav > li > a {
        padding: 8px 11px 20px;
    }

    h2 {
        font-size: 30px;
        line-height: 32px;
    }

    .article-info .category {
        float: none;
        display: block;
    }

    .article-info .author, .article-info .post-date, .article-info .comments {
        margin: 0 20px 10px 0;
        display: inline-block;
        vertical-align: top;
        float: none;
    }

    .article-info {
        padding: 9px 16px 9px 12px;
    }

    #sidebar {
        width: 29%;
    }

        #sidebar .blog-action .btn-red {
            padding: 12px 10px 13px;
            font-size: 14px;
            display: block;
        }

    .search-area input {
        font-size: 14px;
        padding: 3px 31px 4px 7px;
    }

    .search-blogpost,
    #sidebar > div, #sidebar > div ~ div {
        margin: 0 0 20px;
    }

    .blog-action .socials-holder {
        margin: 0 auto 20px;
    }

    .tab-content ul li {
        font-size: 11px;
    }

        .tab-content ul li span {
            /*display: none;*/
        }

    .heading-info .btn-block .btn-red {
        padding: 14px 20px 12px 48px;
    }

    .text-frame .ico-preview.ico-preview-1 {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .text-frame .ico-preview.ico-preview-1 {
        margin: 0 auto 20px;
    }

    .blog-article {
        margin: 0 0 25px;
        padding: 20px 0 0;
    }

    .styled-row .reputation-description,
    .styled-row2 .reputation-description {
        max-width: 62%;
    }

    .btn-download {
        padding: 13px 20px 14px 48px;
    }

    .success-user .profile-preview {
        margin: 0 20px 0 0;
        padding: 0 10px 0 0;
    }

    .success-user .author-description {
        padding: 20px 0 0;
        text-align: left;
    }

    .subscribe-step {
        padding: 0;
    }

    .carousel .text-block {
        margin: 0 0 30px;
    }

    #header #nav li ul {
        padding: 22px 9952px 19px;
    }

    .carousel-block .text-box p strong {
        font-size: 40px;
        line-height: 40px;
    }

    .carousel-block .text-box p {
        margin: 0 0 20px;
    }

    .carousel-block .text-box {
        padding: 0;
    }

    .author-block {
        margin: 0 0 30px;
    }

    .styled-row, .styled-row2 {
        padding: 35px 10010px 35px;
    }

    .trainer-page .styled-row article {
        margin-bottom: 30px;
    }

    .courses {
        padding: 50px 9999px 50px;
    }

    .success-user .subscribe-body,
    .trainer-page .subscribe-body {
        padding: 40px 9999px 40px;
    }

    .advantages-block .block-list > li {
        width: 45%;
    }

    .technologies-list li {
        text-align: center;
    }

        .technologies-list li img {
            max-width: 100%;
        }

    .video-description strong {
        font-size: 28px;
        line-height: 28px;
    }

    .video-description {
        font-size: 22px;
        line-height: 24px;
    }

    .features-main .video-preview {
        width: 42%;
    }

    .features-main .practicing-description,
    .features-main .payment-description {
        width: 74%;
    }

    .certificate-holder .img2 {
        width: 140px;
    }

    .certificate-holder .certificate-preview2 .img3 {
        width: 120px;
    }

    .certificate-holder .arrow {
        width: 160px;
        left: 49%;
    }

    .features-main .account-description {
        width: 74%;
    }

    .plugin-list {
        text-align: left;
        margin: 0;
    }

    .synhronization-block .synhronization-preview {
        width: 32%;
    }

    .get-mobile {
        padding: 0 0 40px;
    }

    .apps-page .slider-row {
        padding: 30px 9999px 0;
    }

    .apps-page h2 {
        margin-bottom: 30px;
    }

    .apps-page .slide-heading {
        max-width: 100%;
        margin: 0;
        width: 100%;
    }

    .tooltip-holder {
        display: none;
    }

    .features-list {
        margin: 0 0 30px;
        text-align: center;
    }

        .features-list.list2 li {
            width: 30%;
            text-align: center;
            margin: 0 5px 10px;
            padding: 0;
        }

        .features-list .features-preview {
            margin: 0 0 10px;
        }

        .features-list .features-description {
            width: 100%;
        }

    .requirements {
        width: 80%;
        padding: 0;
        margin: 0 auto 20px;
        text-align: center;
        display: block;
    }

    .suggestion {
        display: block;
        margin: 0 auto;
    }

    .mobile-features {
        padding: 30px 0;
    }

    .apps-links {
        margin: 0 0 10px;
    }

    .banner-holder img.none {
        display: block;
    }

    .results-list li {
        width: 47%;
    }

    .reputation2 .carousel-row .pagination {
        margin: -40px 0 0;
    }

    .reputation2 .carousel-row {
        padding: 30px 9999px 25px;
    }

    .author-form input {
        margin: 0 0 20px;
    }

    .banner img {
        display: block;
    }

        .banner img.noneim {
            display: none;
        }

    /*.banner .banner-hold {
        top: 5%;
    }*/

    .banner .banner-text {
        padding: 0 12px 0 10px;
    }

    .banner {
        font-size: 18px;
        line-height: 22px;
    }

        .banner.alt .img-area {
            max-height: 500px;
        }

        .banner h1 {
            font-size: 40px;
            line-height: 48px;
        }

        .banner .banner-text i {
            font-size: 20px;
            line-height: 41px;
        }

        .banner .btn-box {
            /*max-width: 300px;
            float: none;*/
        }

        .banner .mark {
            width: 100%;
            float: right;
        }

        .banner .btn-green,
        .banner .btn-grey {
            margin: 0 0 12px;
            padding: 10px 32px;
        }

        .banner .header-panel ul li {
            width: 19%;
        }

        .banner .header-panel {
            background: #34495e;
            position: relative;
            -webkit-box-shadow: 0 -3px 10px -5px #000;
            box-shadow: 0 -3px 10px -5px #000;
        }

            .banner .header-panel li:last-child {
                display: none;
            }

    .info-hold .holder .block,
    .info-hold .tabset-block {
        width: 100%;
        float: none;
    }

    .info-hold .holder .block {
        margin: 0 0 33px;
    }

    .tabset-block .btn-area {
        display: block;
        padding: 9px 40px 0 37px;
        margin: 0 0 44px;
    }

    .tabset3 .tabset-block {
        margin: 0 0 5px;
    }

    .tabset-block .link-icon {
        margin: 13px 0 0;
    }

    .main {
        cursor: pointer;
    }

    .btn-area .btn-green {
        padding: 22px 40px;
    }

    .info-hold .btn-block {
        padding: 20px 0 0;
    }

    .btn-block .link-icon, .btn-block .link-icon3 {
        /*float: right;
        margin: 15px 0 0 59px;*/
    }

    .carousel-block {
        padding: 0 20px;
    }

        .carousel-block .text,
        .carousel-block .img-area {
            width: 100%;
            float: none;
            text-align: center;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            margin: 0;
        }

    .carousel .btn-prev {
        left: 0;
    }

    .catalog-slide h4 {
        font-size: 20px;
        line-height: 22px;
    }

    .main-carousel .catalog-block {
        padding: 0 10px 0 0;
    }

    .catalog-slide .technologies-list li {
        max-width: 60px;
    }

    .carousel .btn-next {
        right: 0;
    }

    .carousel-block h2 {
        margin: 0 0 15px;
    }

    .carousel-block .text {
        margin: 0 0 30px;
    }

    .pagin-hold > a {
        margin: 0;
    }

    .team-list {
        display: block;
    }

    .team-list-hold .heading {
        margin: 0 0 20px;
    }

    .tabset4 .col-box .col {
        width: 100%;
        float: none;
    }

    .app-list {
        text-align: center;
    }

    .tabset4 .app-list li {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .fonctionliter-list li {
        margin: 0 -0.2% -33px;
    }

    .carousel-box .img-block {
        display: none;
    }


    .partner-list li {
        margin: 0 -0.2% -33px;
    }

    .form-area .row-box {
        width: 48%;
        padding: 0 10px 0 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .form-area input[type="password"],
    .form-area input[type="email"] {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .service-box .block,
    .service-box .box {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .service-list li {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 22px;
    }

    .banner .mark {
        font-size: 12px;
    }

    .info-hold {
        padding: 30px 0 0;
    }

        .info-hold h2, .info-hold h3 a {
            margin: 0 0 17px;
        }

    .info-hold {
        line-height: 17px;
    }

        .info-hold p {
            margin: 0 0 17px;
        }

    #content p {
        font-size: 14px;
    }

    .info-hold .btn-block {
        padding: 10px 6px 0;
    }

    .btn-block .btn-red {
        margin: 0 9px 0 0;
        padding: 22px 12px;
    }

    .title {
        margin: 0 0 20px;
    }

    .carousel-block .text {
        padding: 18px 0 0;
    }

    .carousel-block .title {
        font-size: 26px;
        line-height: 28px;
    }

        .carousel-block .title span {
            display: inline;
            font-size: 40px;
            line-height: 42px;
        }

    .pagin-hold {
        padding: 11px 0 5px;
        margin: 0;
    }

    .link-holder {
        text-align: center;
        padding: 9px 0 0;
        margin: 0 0 15px;
    }

    .team-list-hold {
        padding: 35px 0 0;
    }

        .team-list-hold .heading h1 {
            line-height: 44px;
            margin: 0 0 25px;
        }

    .train-btn {
        padding: 20px 0 0;
    }

    .train-btn {
        margin: 0 -20px 30px;
        text-align: center;
    }

        .train-btn .btn-grey,
        .train-btn .btn-red {
            padding: 22px 25px;
            margin: 0 19px 10px;
            min-width: 210px;
        }

    .frame-box, .service-box {
        padding: 45px 0 16px;
    }

    .tabset4 .tabset li {
        min-width: 213px;
    }

        .nav-list li a,
        .tabset4 .tabset li.active a,
        .tabset4 .tabset li a {
            padding: 16px 3px;
        }

    .app-list {
        width: 100%;
        overflow: hidden;
    }

    .link-icon4:after {
        top: 2px;
    }

    /*.link-icon5:after {
        top: 2px;
    }*/

    .tabset4 .col-box .col2 {
        padding: 0;
        margin: 0 0 10px;
    }

    .carousel-holder {
        padding: 25px 0 0;
    }

        .carousel-holder h2 {
            font-size: 36px;
            line-height: 45px;
            margin: 0 auto 18px;
            max-width: 340px;
        }

        .carousel-holder .heading {
            margin: 0;
        }

    .carousel-box .text-area {
        padding: 40px 81px 0;
    }

    blockquote {
        font-size: 14px;
        line-height: 17px;
    }

        blockquote span {
            margin: 0 0 16px;
        }

        blockquote cite {
            float: right;
            font-style: normal;
            margin: -1px -32px 0;
        }

        /*blockquote:before {
            right: -40px;
        }*/

        blockquote:after {
            left: -36px;
            top: 0;
        }

    .partner-list {
        padding: 0;
    }

    .bostez-list {
        padding: 0;
    }

    .form-area {
        padding: 42px 0 30px;
    }

        .form-area h2 {
            line-height: 42px;
            font-size: 36px;
        }

            .form-area h2 span {
                display: block;
            }

        .form-area .heading {
            margin: 0 0 33px;
        }

    fieldset {
        padding: 0;
    }

    .form-area .row-box {
        width: 44%;
        margin: 0 0 16px;
    }

    input[type="password"], input[type="email"] {
        height: 54px;
    }

    .form-area .row-box.alt,
    .form-area button[type="submit"].alt {
        float: right;
    }

    .form-area button[type="submit"].alt {
        width: 42.5%;
        margin: 20px 10px 36px 0;
        height: 58px;
    }

    .service-box .heading h2 {
        font-size: 36px;
        line-height: 40px;
    }

    .service-box .heading {
        margin: 0;
    }

    .service-box .block {
        max-width: 525px;
        margin: 0 auto 42px;
        float: none;
        text-align: center;
    }

        .service-box .block p strong {
            display: inline;
        }

            .service-box .block p strong a {
                font-size: 24px;
                line-height: 24px;
                display: block;
            }

    .service-list {
        margin: 0 0 27px 10px;
    }

    .btn-list li .btn-green, .btn-list li .btn-red, .btn-list li .btn-grey {
        padding: 25px 30px 25px;
    }

    .frame-box .tit {
        margin: 0 0 10px;
    }

    #footer .block-area .area {
        width: 100%;
        float: none;
    }

    #footer .block-area .text {
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: right;
    }

    #footer .block-area .text {
        text-align: center;
    }

    #footer .block-area .socials {
        display: inline-block;
        vertical-align: top;
        float: none;
        text-align: center;
        width: 100%;
        margin: 10px 0 0;
    }

        #footer .block-area .socials li {
            float: none;
            display: inline-block;
            vertical-align: top;
        }

    /*.btn-area {
        display: none;
    }*/

    #footer .text-area {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 0 15px;
    }

    #footer .block-area .box {
        margin: 0 0 15px;
        text-align: center;
    }

    .categories-list {
        display: none;
    }

    .footer-area {
        float: none;
        width: 100%;
        /*text-align: center;*/
    }

        .footer-area .area {
            text-align: left;
            width: 30%;
            margin: 0 0 0 2%;
        }

    .pay-block > a {
        display: none;
    }

    .tel {
        pointer-events: auto;
        cursor: pointer;
    }

        .tel:hover {
            text-decoration: underline;
        }

    .author-block {
        text-align: center;
    }

    .author-holder .profile-photo {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 10px;
    }

    .comments-holder .none {
        display: block;
    }

    .comments-holder img {
        display: none;
    }

    .subscribe-step .step-divider {
        padding: 50px 0 0;
    }

    .frame-hold .box {
        width: 17.4%;
    }

    .tabset-block .btn-area {
        padding: 0 0 0 10px;
    }

    .filter-panel .btn-area {
        margin: 0 0 20px;
    }

    .tab-content .course-list {
        text-align: center;
    }

        .tab-content .course-list li {
            float: none;
            display: inline-block;
            vertical-align: top;
            text-align: left;
            /*margin: 0 10px 15px;*/
            width: 46%;
        }

    .table td {
        padding: 0 0 0 15px;
    }

    .table th,
    .table td {
        font-size: 14px;
    }

    .table th {
        padding: 13px 0 13px 15px;
    }

    .title-box {
        padding: 9px 35% 9px 0;
    }

    .tooltip {
        right: -330px;
    }

    .pricing-block.active,
    .pricing-holder .pricing-block:first-child,
    .pricing-block {
        margin: 11px 8px 20px;
        min-height: 0;
        width: 46%;
        height: 464px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }


    .pricing-preview {
        text-align: center;
    }

    .pricing-block.active img {
        display: inline-block;
        vertical-align: top;
    }

    .join-header {
        padding: 20px 0 0;
    }

    .pricing-holder {
        margin: 0 0 20px;
    }

    .join-header {
        margin: 0 auto 30px;
    }

    #content .message-block p {
        overflow: hidden;
        float: none;
        margin: 4px 70px 0 0;
    }

    #content .message-block {
        height: auto;
    }

    #content .fag-info p {
        text-align: center;
    }

    .banner-holder.banner4 .holder {
        max-width: 700px;
    }

    .join-heading p a {
        font-size: 30px;
        line-height: 30px;
    }

    .trainer-page .author-holder .profile-hold .profile-preview, .trainer-page .author-holder .profile-hold .author-description {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: auto;
        margin: 0 15px;
    }

    .block-list li {
        width: 30%;
        margin: 0 8px;
    }

    .contact-us {
        text-align: center;
    }

    .contact-area {
        width: 80%;
        margin: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        float: none;
        display: inline-block;
        vertical-align: top;
        max-width: 400px;
        margin: 0 0 25px;
        text-align: center;
    }

    .contact-us .tabset-block.tabset4 {
        width: 100%;
    }

    #content .contact-area p {
        text-align: center;
    }

    .tab-content-box {
        text-align: left;
    }

    .contact-us .tabset-block.tabset4 {
        height: auto;
        margin: 0 0 25px;
    }

    .text-frame.alt .text-hold {
        width: 100%;
        text-align: center;
    }

    #content .text-frame.alt .text-hold p {
        text-align: center;
    }

    .text-frame.alt .ico-preview {
        /*margin: 0;*/
    }

    .course .tabset2 > li {
        min-width: 90px;
        display: inline-block;
        vertical-align: top;
    }

        .course .tabset2 > li a {
            padding: 12px 3px 10px;
            font-size: 14px;
        }

    .carousel-row {
        float: left;
        width: 100%;
    }

    .tab-holder .author-holder {
        width: 350px;
    }

    .tab-holder .plugin-list {
        text-align: center;
    }

        .tab-holder .plugin-list li {
            margin: 0 5px 5px;
        }

    .carousel-row {
        padding: 20px 0 20px;
        margin: 0 0 10px;
    }

        .carousel-row h5 {
            text-align: center;
            margin: 0 0 20px;
        }

        .carousel-row .carousel .mask {
            margin: 0;
        }

        .carousel-row .carousel {
            padding: 0;
        }

    .carousel3 .mask .slide {
        padding: 0 50px 0 50px;
    }

    .carousel3 .courses-preview {
        width: 60px;
        margin: 0 5px 0 0;
    }

        .carousel3 .courses-preview img {
            width: 100%;
            display: block;
        }

    .carousel3 .courses-info {
        padding: 0;
    }

    .entire-info {
        float: left;
        width: 100%;
    }

    .tab-block {
        margin: 0 0 30px;
        width: 100%;
        float: none;
    }

    .description-hold {
        width: 100%;
        float: left;
    }

        .description-hold .entire-description {
            float: left;
            width: 100%;
            font-size: 11px;
        }

        .description-hold .entire-info {
            float: right;
            width: 48%;
        }

    .carousel-row .carousel .btn-prev,
    .carousel-row .carousel .btn-next {
        margin: -30px 0 0;
    }

    .tab-content .carousel h5 {
        text-align: center;
        font-size: 16px;
    }

    .tab-content .carousel .slide-holder {
        margin: 0 2.5%;
        width: 19%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .tab-content .carousel,
    .carousel-row .carousel3 {
        max-width: 740px;
        margin: 0 auto;
        width: auto;
        float: none;
    }

    .carousel-row {
        width: auto;
        float: none;
        margin: 0 auto;
    }

    .tab-holder .carousel-row .carousel .btn-next {
        margin: -49px 0 0 0;
    }

    .tab-holder .carousel-row .carousel .btn-prev {
        margin: -49px 0 0 0;
    }

    .carousel3 .slide-holder {
        width: 31%;
        margin: 0 0 0 3%;
    }

    .features-list li {
        width: 100%;
        margin: 0 0 10px;
        text-align: left;
    }

    .carousel-row h5 {
        text-align: left;
    }

    .course-features {
        margin: 0 0 0 20px;
    }

    .holder4 .spec-block {
        margin: 0 15px 0 0;
    }

    .action-list li,
    .action-list li:first-child {
        margin: 0 5px 10px 0;
    }

    .course .content-frame {
        margin: 0 0 40px;
    }

    .carousel-row {
        padding: 20px 0 0;
    }

    .main-carousel .slide-text p,
    .text-area p,
    .main-carousel .text p {
        line-height: 20px;
    }

    .link-list li {
        font-size: 14px;
        line-height: 17px;
    }

    .carousel-row.carousel3 h2 {
        margin: 0 0 20px;
        font-size: 22px;
        line-height: 24px;
    }

    .catalog-slide .technologies-list li {
        max-width: 50px;
    }

    .course .tabset2 > li {
        float: none;
        display: table-cell;
    }

    .tab-content .details-list > li {
        display: table-cell;
    }

    .entire-info {
        margin: 0 0 20px;
    }

    .course-features {
        margin: 0;
    }

        .course-features h4 {
            margin: 0 0 16px;
        }

    .features-list {
        margin: 0;
    }

    .carousel .mask .slide {
        padding: 0 35px;
    }

    p.titleIndex {
        font-size: 20px;
        line-height: 24px;
        color: #fff;
        font-weight: 700;
    }

    .sizeTitle {
        font-size: 40px;
        line-height: 40px;
        margin: 0 0 30px;
    }

    .grasTitle {
        font-size: 30px;
        line-height: 32px;
    }

    .rwd-table th:last-child, .rwd-table td:last-child {
        display: none;
    }

    .rwd-table th:first-child + th, .rwd-table td:first-child + td {
        display: none;
    }

    .positionText {
        text-align: left;
    }

    .tabset4 {
        display: inline-block;
        /*max-width: 600px;*/
        width: 100%;
    }

    .padding-ou {
        padding-left: 90px;
    }

    .tab-content .col-box .img-block {
        float: none;
        max-width: 220px;
        margin: 0 auto 20px;
    }
}

@media only screen and (max-width:900px) {
    .blocOu {
        width: 5%;
    }

    .titreBlocOu {
        font-size: 40px;
    }

    .pricingBlockOu {
        background-color: transparent !important;
        width: 20px !important;
        border: none !important;
        box-shadow: none !important;
        padding-left: 10px !important;
        height: 50px !important;
    }

    .blocFormationCarte {
    }

    .pricingBlockFormationCarte {
        background-color: white !important;
        width: 270px !important;
    }
}

.MenuPhone {
    display: none;
}

.MenuPhoneIconBas {
    display: none !important;
}

.btnComptePhone {
    display: block;
}

@media only screen and (max-width:550px) {
    .blocAbonnements {
        display: none !important;
    }

    .blocAbonnementsPhone {
        display: block !important;
    }

    .MenuPhone {
        display: block !important;
    }

    .MenuPhoneIconBas {
        display: block !important;
    }

    .btnComptePhone {
        display: none !important;
    }
}

@media only screen and (max-width:350px) {




    .banner .flex-caption p.mark {
        display: none;
    }

    .blocOu {
        width: 5%;
    }

    .titreBlocOu {
        font-size: 40px;
    }

    .pricingBlockOu {
        background-color: transparent !important;
        width: 20px !important;
        border: none !important;
        box-shadow: none !important;
        padding-left: 10px !important;
        height: 50px !important;
    }

    .blocFormationCarte {
    }

    .pricingBlockFormationCarte {
        background-color: white !important;
        width: 270px !important;
    }
}

@media only screen and (max-width:990px) {
    .banner-holder h1 {
        font-size: 14px;
        line-height: 25px;
    }

    .banner-holder .heading-info {
        font-size: 16px;
        line-height: 18px;
    }
}

@media only screen and (min-width:100px) {
     
    .btn-search {
        background-color: hsl(6, 78%, 57%);
        border: medium none;
        border-radius: 0;
        height: 59px;
        margin-left: -8%;
        margin-top: 20px;
        display: inline-block;
        width: 80px;
    }
}

@media only screen and (min-width:768px) {
     .SavoirPlus{
        display:none;
    }
    .logoNotRespansive {
        display: block !important;
    }

    .logoresponsive {
        display: none !important;
    }

    .button.icon-search-menu {
        display: block;
    }

    .btn-search {
        border: 2px solid hsl(6, 78%, 57%);
        background-color: hsl(6, 78%, 57%);
        border: medium none;
        border-radius: 0;
        height: 59px;
        /*margin-left: -12%;*/
        margin-top: 20px;
        display: inline-block;
        min-width: 100px;
    }
}

@media only screen and (max-width:930px) {
    .header-box .lien-connexion {
        color: hsl(0, 0%, 20%);
        padding: 8px -31px 15px !important;
        font-size: 11px;
    }

    .header-block {
        /*padding: 17px 6px 12px 5px;*/
        text-align: center;
    }

    #header #nav {
        width: 100%;
        text-align: left;
        padding: 6px 0 0 1px;
        margin: 0 0 25px;
    }

        #header #nav > li {
            float: none;
            width: 100%;
            text-align: left;
            letter-spacing: -1px;
        }

        #header #nav li ul {
            position: relative;
            padding: 0;
            top: 0;
            margin: 0;
            background: #2d4256;
            border: none;
            box-shadow: none;
            padding: 11px 0 0 80px;
            overflow: hidden;
        }

            #header #nav li ul li a {
                color: #fff;
                font-size: 15px;
                line-height: 17px;
                padding: 0;
            }

        #header #nav li li {
            float: none;
            width: 100%;
            margin: 0 0 15px;
        }

    .header-box .btn-green {
        margin: 0 0 0 19px;
    }

    #header nav.menu {
        float: right;
        font-size: 16px;
        line-height: 30px;
        width: auto;
        position: relative;
        margin: 0 0 0 33px;
    }

    .menu a:hover {
        color: #666;
    }

    .nav-opener {
        float: right;
        width: 34px;
        height: 37px;
        position: relative;
        text-indent: -9999px;
        overflow: hidden;
        display: block;
    }

        .nav-opener:before,
        .nav-opener:after,
        .nav-opener span {
            background: #34495e;
            position: absolute;
            top: 15px;
            left: 0;
            right: 0;
            height: 8px;
            -webkit-transition: all 0.4s linear;
            transition: all 0.4s linear;
        }

    .drop .nav-opener:before,
    .drop .nav-opener:after,
    .drop .nav-opener span {
        background: #1abc9c;
    }

    .drop .row-area {
        width: 245px;
    }

    .nav-opener:before,
    .nav-opener:after {
        content: '';
        top: 0;
    }

    .header .holder {
        position: relative;
    }

    .menu .drop {
        left: 55px;
        position: absolute;
        right: 0;
        top: -63px;
        z-index: 999;
        background: #34495e;
        width: 332px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background: #34495e;
        padding: 60px 0 30px;
    }

    .nav-overlay {
        background: none repeat scroll 0 0 rgba(45, 66, 86, 0.53);
        bottom: 0;
        left: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden;
        z-index: 997;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    /*.nav-active .nav-overlay {
        opacity: 1;
        visibility: visible;
        right: -999px;
    }*/

    .nav-active .menu .drop {
        left: -278px;
    }


    .search-area {
        float: right;
    }

    /*.nav-active .nav-opener:after,
    .nav-active .nav-opener:before {
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 16px;
        left: 15%;
        right: 15%;
    }*/

    .drop .search-area input {
        height: 38px;
    }

    /*.close-btn:after,
    .nav-active .nav-opener:after {
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }*/

    .features-list.list2 li {
        width: 47%;
    }

    .drop-panel {
        overflow: hidden;
        padding: 0 10px 0 0;
        display: block;
    }

    .search-area {
        width: 100%;
    }

    .drop-panel .nav-opener {
        float: left;
        padding: 0 10px;
        margin: 0;
    }

    .header-panel ul {
        padding: 0;
    }

        .header-panel ul li {
            width: 16.1%;
        }

    .nav-opener:after {
        top: 29px;
    }


    /*.nav-active .nav-opener span {
        opacity: 0;
    }*/

    .nav-opener:hover {
        opacity: .9;
    }

    #header #nav > li {
        font-size: 18px;
        line-height: 20px;
    }

        #header #nav > li li a:hover {
            color: #1abc9c;
        }

        #header #nav > li a {
            color: #fff;
            padding: 7px 33px 9px 80px;
        }

    #header nav,
    .header-box {
        width: 100%;
    }

    #header #nav > li > a.hover {
        background: none;
    }

    #header #nav > li.hover,
    #header #nav > li:hover,
    #header #nav > li > a:hover {
        background: #2d4256;
    }

    .header-box {
        display: inline-block;
        vertical-align: top;
        float: none;
    }
}

@media only screen and (max-width:767px) {

    .button.icon-search-menu {
        display: none;
    }

    .banner-holder span.none2 {
        display: none;
    }

    h1,
    .heading h1 {
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 20px;
    }

    h5 {
        font-size: 15px;
        line-height: 17px;
        margin: 0 0 15px;
    }

    .carousel-row.carousel3 .carousel .mask .slide {
        padding: 0;
    }

    .breadcrumbs {
        font-size: 10px;
    }

    .social-block {
        display: none;
    }

    .holder {
        padding-left: 10px;
        padding-right: 10px;
    }



    .pagin-box .descrip {
        margin: 0 0 15px;
    }

    .pagination-list {
        display: block;
        width: 100%;
        overflow: hidden;
        margin: 0 0 10px;
    }

    .post-navigation .tags-holder {
        margin: 0 0 10px;
    }


    .drop fieldset {
        /*float: right;*/
    }

    .drop .input-placeholder-text {
        top: 5px;
    }

    .drop .socials {
        display: inline-block;
        vertical-align: top;
        padding: 10px 0 0;
    }

    .blog-box #content {
        width: 100%;
        float: none;
        margin: 0 0 25px;
    }

    .blog-article h2 {
        max-width: none;
    }

    .post-navigation {
        margin: 0 0 20px;
    }

    .drop .btn-green {
        box-shadow: 0 3px 0 0 #03282a;
        -webkit-box-shadow: 0 3px 0 0 #03282a;
        min-width: 210px;
        font-size: 18px;
        padding: 21px 20px 23px;
        margin: 0 0 9px;
        display: inline-block;
        vertical-align: top;
    }

    .tabset-block {
        margin: 0 0 30px;
    }

    .author-block {
        padding: 30px 0 0;
    }

    .author-holder {
        padding: 5px 0 0;
    }

    .drop .btn-green:focus,
    .drop .btn-green:active {
        box-shadow: 0 2px 0 0 #03282a;
        -webkit-box-shadow: 0 2px 0 0 #03282a;
    }

    .drop .row-area:after {
        right: 11px;
        top: 7px;
    }

    .message-block .slide {
        font-size: 14px;
        line-height: 16px;
        padding: 7px 0 6px;
        border: none;
        text-align: left;
    }



    .message-block .close {
        top: 9px;
        right: 24px;
    }

    .message-block .holder {
        max-width: 650px;
        padding: 0 80px 0 16px;
    }

    span.input-icon {
        display: none;
    }

    .message-block .holder {
        max-width: 650px;
        padding: 0 80px 0 16px;
    }

    .message-block a {
        margin: 0;
    }



    .message-block p {
        float: none;
    }

    .message-block a {
        float: left;
    }

    .drop-list {
        position: relative;
    }

        .drop-list:after {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid;
            color: #fff;
            position: absolute;
            content: '';
            top: 19px;
            right: 19px;
            width: 0px;
            height: 2px;
        }

        .drop-list.hover:after {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid;
            border-top: none;
            color: #1abc9c;
            top: 16px;
        }

    #sidebar {
        float: none;
        width: 100%;
        margin: 0;
    }

    #sidebar {
        float: none;
        width: 100%;
        margin: 0;
    }

    .subscribe-step {
        text-align: center;
    }

    .step-info {
        padding: 35px 0;
    }

    .ico-preview {
        margin: 0 0 10px;
    }

    .subscribe-step {
        margin: 0;
    }

        .subscribe-step .step-divider {
            -ms-transform: rotate(90deg); /* IE 9 */
            -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
            transform: rotate(90deg);
            width: 100%;
            padding: 0;
            margin: 0 0 10px;
        }

        .subscribe-step .step-info {
            display: block;
            width: 100%;
            max-width: 100%;
        }

    .styled-row, .styled-row2 {
        padding: 30px 9999px 15px;
        margin: 0 -9999px;
        text-align: center;
    }

    .btn-download {
        padding: 11px 20px 12px 48px;
    }

    .styled-row .reputation-description {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 0 0 20px;
        padding: 0 0 0 3px;
        text-align: center;
    }

    .link-icon-holder {
        display: block;
    }

    .reputation-description .link-icon, .reputation-description .link-icon2 {
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }

    .styled-row .reputation-preview, .styled-row2 .reputation-preview {
        width: 100%;
        float: none;
        margin: 0 0 20px;
        max-width: 450px;
        display: inline-block;
        vertical-align: top;
    }

    .styled-row2 .reputation-description {
        text-align: center;
        float: none;
    }

    .styled-row .ico-preview {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 20px;
    }

    .styled-row .reputation-description p {
        margin: 0 0 20px;
    }

    .styled-row .reputation-description,
    .styled-row2 .reputation-description {
        max-width: 100%;
    }

    .success-user .profile-preview {
        float: none;
        width: 100%;
        margin: 0 0 10px;
    }

    .success-user .author-description {
        text-align: center;
        width: 100%;
        float: none;
    }

    .styled-row3 .career {
        width: 100%;
    }

    .col-1, .col-2 {
        float: none;
        width: 100%;
    }

        .col-1 h5, .col-2 h5 {
            margin: 0 0 15px;
        }

        .col-1 article, .col-2 article {
            margin: 0 0 20px;
        }

    .success-user .subscribe-body article, .trainer-page .subscribe-body article {
        margin: 0 0 25px;
    }

    .success-user .subscribe-body, .trainer-page .subscribe-body {
        padding: 20px 9999px;
    }

    .subscribe {
        margin: 0 0 30px;
    }

    .carousel-block .img-area.alt {
        margin: 0 0 30px;
    }

    .carousel .mask {
        margin: 0 0 10px;
    }

    .carousel-block .text-box p strong {
        font-size: 30px;
        line-height: 30px;
    }

    .carousel-block .text-box {
        font-size: 25px;
        line-height: 30px;
    }

    .carousel-row .carousel .mask .slide {
        padding: 0 40px;
    }

    .carousel-row .author-holder {
        padding: 10px 0 0;
        font-size: 14px;
        line-height: 16px;
    }

    .author-form {
        padding: 0;
    }

    .trainer-page .author-holder .profile-preview,
    .trainer-page .author-description {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0 0 30px;
        text-align: center;
    }

    .profile-preview .socials {
        margin: 0 0 20px;
    }

    .success-user h5, .author-block h5 {
        margin: 0 0 10px;
    }

    .trainer-raiting {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .author-block .courses-counter {
        margin: 0;
        text-align: center;
    }

    .plugin-list li {
        margin: 0 5px 5px 0;
    }

    .trainer-page .styled-row article {
        width: 100%;
    }

    .success-user .subscribe-body h2, .trainer-page .subscribe-body h2 {
        line-height: 30px;
        font-size: 25px;
    }

    .advantages-block .block-list > li {
        width: 100%;
        margin: 0 0 30px;
    }

    .technologies-list {
        text-align: center;
    }

        .technologies-list li {
            min-width: 38%;
            margin: 0 5px 15px;
        }

    .features-main .video-description {
        width: 100%;
        padding: 0;
        float: none;
        margin: 0 0 20px;
    }

    .features-main .video-preview {
        width: 100%;
        float: none;
        max-width: 500px;
    }

    .features-main .practicing-preview, .features-main .payment-preview {
        width: 100%;
        max-width: 100%;
        float: none;
        padding: 0;
        margin: 0 0 10px;
    }

    .features-main .practicing-description, .features-main .payment-description {
        float: none;
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .certificate-holder .img3, .certificate-holder .arrow {
        left: -23px;
    }

    .certificate-holder {
        display: none;
    }

    .features-main .account-description {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0 0 20px;
    }

    .plugin-list {
        text-align: center;
    }

    .features-main .account-preview {
        float: none;
        width: 100%;
        text-align: center;
    }

    .synhronization-block .synhronization-preview,
    .synhronization-description,
    .synhronization-block .synhronization-preview2 {
        width: 100%;
        float: none;
        margin: 0 0 20px;
    }

    .get-mobile {
        padding: 0 0 20px;
    }

    .tooltip-holder {
        display: none;
    }

    .apps-page .slide-preview > img {
        width: 100%;
        max-width: none;
    }

    .tooltip-block {
        right: 10%;
    }

    .apps-page .slide-heading h2 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px;
    }

    .features-list li {
        margin: 0 0 20px;
        width: 100%;
    }

    .suggestion {
        width: 100%;
    }

    .banner-holder img.none2 {
        display: block;
    }

    .banner-holder img {
        display: none;
    }

    .banner-holder {
        margin: 0;
    }

    .sizeEm {
        font-size: 26px;
        font-weight: bold;
        font-family: Myriad Pro;
        font-style: normal;
    }

    .banner-holder h1 span {
        font-size: 15px;
        line-height: 20px;
    }

    .banner-holder h1 {
        font-size: 20px;
        line-height: 20px;
    }

    .banner-holder .heading-info {
        padding: 0 10px;
    }

    .banner-holder .heading-info {
        font-size: 12px;
        line-height: 14px;
    }

    .banner-holder .info-block {
        padding: 0;
    }

    .banner-holder .info-block {
        text-shadow: 2px 0px 2px rgba(255, 255, 255, 0.8);
    }

    .results-list li {
        width: 100%;
    }

    .more-holder {
        padding: 0;
        text-align: center;
    }

    .reputation2 .carousel-row .pagination {
        margin: -10px 0 0;
    }

    .reputation2 .carousel-row {
        padding: 30px 9999px 15px;
    }

    .faq-box h1 {
        font-size: 35px;
        line-height: 40px;
        margin: 0 0 20px;
    }

    .faq-box {
        padding: 30px 9999px 20px;
    }

    .accordion li {
        font-size: 14px;
    }

    .accordion a:after {
        top: 6px;
    }

    .accordion li .slide {
        font-size: 14px;
    }

    .accordion li .text {
        padding: 10px 10px;
    }

    .banner {
        font-size: 14px;
        line-height: 15px;
    }

        .banner h1 {
            font-size: 28px;
            line-height: 28px;
            margin: 0;
        }

        .banner .banner-text i {
            font-size: 15px;
            line-height: 15px;
        }


        .banner .btn-green, .banner .btn-grey {
            padding: 10px 15px;
            font-size: 12px;
        }

        .banner .btn-box {
            margin: 0;
        }

    .btn-block .btn-red {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0 0 25px;
    }

    .btn-block .link-icon, .btn-block .link-icon3 {
        float: none;
        margin: 0 10px 10px;
    }

    .info-hold .holder .block {
        margin: 0 0 20px;
    }

    .tabset li {
        font-size: 12px;
        min-width: 120px;
    }

    .btn-area .btn-green {
        padding: 10px 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
    }

    .tabset-block .btn-area {
        padding: 0;
        margin: 0 0 20px;
        overflow: hidden;
        text-align: center;
    }

    .tabset-block .link-icon {
        float: none;
    }

    .title {
        margin: 0 0 10px;
    }

    .carousel-block .title span {
        display: inline;
        font-size: 20px;
        line-height: 20px;
    }

    .carousel-block .title {
        font-size: 24px;
        line-height: 26px;
    }

    .link-holder {
        margin: 0;
    }

    .team-list-hold .heading h1 {
        line-height: 30px;
        margin: 0 0 25px;
        font-size: 24px;
    }

    h3 {
        font-size: 14px;
    }

    .tabset4 .tabset li {
        min-width: 140px;
    }

        .nav-list li a, .tabset4 .tabset li.active a, .tabset4 .tabset li a {
            padding: 10px 3px;
        }

    .tabset4 .col-box .col2 {
        width: 100%;
    }

    .tabset4 .app-list li {
        width: 100%;
        margin: 0 0 10px;
    }

    .tabset-block {
        margin: 0 0 10px;
    }

    .carousel-holder h2 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 auto 10px;
    }

    h5 {
        font-size: 14px;
    }

    .carousel-box .text-area {
        padding: 0 5px;
    }

    blockquote cite {
        margin: 0;
    }

    .partner-list li {
        margin: 0 0.1% 10px;
    }

    .partner-list {
        margin: 0 -5px 0;
    }


    .bostez-list {
        margin: 0 -5px 0;
    }

    .form-area h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .form-area {
        padding: 20px 0 15px;
    }

        .form-area .row-box,
        .form-area .row-box.alt,
        .form-area button.alt[type="submit"] {
            float: none;
            width: 100%;
            padding: 0;
            margin: 0 0 15px;
        }

    .service-box .heading h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .service-list li {
        margin: 0 0 10px;
    }

    .frame-box .tit {
        line-height: 26px;
    }

    .btn-list li {
        width: 100%;
        margin: 0 0 10px;
    }

        .btn-list li .btn-green, .btn-list li .btn-red, .btn-list li .btn-grey {
            width: 100%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

    .btn-list.alt li {
        width: 45%;
        display: inline-block;
        vertical-align: top;
        margin: 0 5px 15px;
    }

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

    #content .social-box p {
        text-align: center;
    }

    .author-block .courses-counter {
        width: 100%;
        float: none;
    }

    .frame-hold .box,
    .frame-hold .box.box2 {
        width: 100%;
        float: none;
        margin: 0 0 10px;
    }

    .frame-hold .search-area {
        float: none;
    }

    .filter-area {
        margin: 0;
    }

    .frame-hold .frame {
        padding: 15px 10px 16px 10px;
    }

    .rea-box .calend-btn {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .rea-box .inp-hold {
        width: 80%;
    }

    .rea-box input {
        width: 90%;
    }

    .frame-hold .tabset-block {
        width: 100%;
        max-width: 400px;
    }

    .filter-block .tabset li {
        min-width: 130px;
    }

    .tab-content .course-list li {
        width: 100%;
        max-width: 400px;
        margin: 0 0 10px;
    }

    .bottom-panel ul.pagination-list {
        padding: 0;
        margin: 0;
    }

    .tab-content ul li {
        padding: 0 0 0 5px;
    }

    .bottom-panel label {
        font-size: 14px;
    }

    .filter-panel .sel-row {
        width: 260px;
    }

    .select-form .jcf-select {
        float: right;
    }

    .tab-content ul li:after {
        left: -5px;
        width: 6px;
        height: 6px;
    }

    .title-box.hover .tooltip {
        display: none;
    }

    .table th {
        padding: 5px 0 5px 5px;
    }

    .table td {
        padding: 0 0 0 5px;
    }

    .table th, .table td {
        font-size: 12px;
    }

        .table th .ico {
            display: none;
        }

    .pricing-block.active,
    .pricing-holder .pricing-block:first-child,
    .pricing-block {
        width: 100%;
        /*margin: 0 0 20px;*/
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        max-width: 500px;
        text-align: left;
    }

    .pricing-list li.hover .tips {
        display: none;
    }

    .pricing-holder {
        text-align: center;
    }

    #content .message-block {
        height: auto;
    }

        #content .message-block p {
            margin: 4px 0 0 0;
        }

    .banner-holder.banner4 .holder {
        max-width: 500px;
    }

    /*.author-block .courses-counter {
        margin: 0 -35px 20px;
    }*/

    .transcript .author-text {
        width: 100%;
    }

    .courses-holder {
        margin: 0;
    }

        .courses-holder .course-block {
            float: none;
            display: inline-block;
            vertical-align: top;
            width: 100%;
            margin: 0 0 30px;
            max-width: 300px;
        }

    .content-frame h1 {
        font-size: 30px;
    }

    .content-frame .title, .content-frame .text {
        font-size: 22px;
    }

    .movie img {
        width: 100%;
    }

    /*.btn-green, .btn-red, .btn-grey {
        font-size: 15px;
    }*/

    .block-list {
        text-align: center;
    }

        .block-list li {
            width: 100%;
            margin: 0 0 20px;
            max-width: 400px;
        }

    .text-frame .text {
        width: 100%;
        margin: 0 0 10px;
    }



    .block-frame .block {
        width: 100%;
        margin: 0 0 30px;
    }



    .text-frame.alt .text-hold {
        width: 100%;
        text-align: center;
    }

    #content .text-frame.alt .text-hold p {
        text-align: center;
    }

    .contact-area {
        width: 100%;
    }

    .contact-us h1 {
        font-size: 30px;
        line-height: 32px;
        margin: 0 0 30px;
    }

    .frame-box, .service-box {
        padding: 30px 0 16px;
    }

    .contact-us .tabset4 .tabset li {
        min-width: 100px;
    }

    .contact-us .author-form .form-col1, .contact-us .author-form .form-col2 {
        width: 89%;
        margin: 0 0 20px;
    }

    .tabset-block .author-form .form-row {
        margin: 0;
    }

    .contact-us .author-form .form-col1,
    .contact-us .author-form .form-col2 {
        margin: 0 0 10px;
    }

    .author-form .submit-holder button[type="submit"] {
        width: 100%;
    }

    #content .block-frame .block p {
        text-align: center;
    }

    #content .text-frame .text p {
        text-align: center;
    }

    .text-frame .text h2 {
        text-align: center;
    }

    #footer .block-area {
        padding: 30px 0 2px;
    }

        #footer .block-area .text {
            text-align: left;
            width: 100%;
            text-align: center;
        }

        #footer .block-area .socials {
            float: none;
            display: inline-block;
            vertical-align: top;
            margin: 0;
        }

        #footer .block-area .text strong {
            display: block;
            padding: 4px 0 0;
            letter-spacing: 1px;
        }

        #footer .block-area .box {
            margin: 0 0 22px;
        }

    #footer .text-area {
        margin: 0 0 10px;
    }

    .footer-frame {
        padding: 31px 0 21px;
    }

    .footer-area .area {
        /*width: 22.3%;*/
        margin: 0 2% 0 0;
    }

    .carousel-row h2 {
        max-width: 100%;
    }

    .banner-holder.alt {
        max-height: 400px;
        overflow: hidden;
    }

    .training-box {
        display: none;
    }

    .train-btn {
        margin: 0 0 20px;
    }

    .pricing-block .btn {
        /*margin: 0;
        left: 15px;
        right: 10px;*/
        width: auto;
    }

    .train-btn .btn-grey, .train-btn .btn-red {
        margin: 0 0 20px;
    }

    .author-form .form-col1 {
        float: none;
        width: 100%;
    }

    .author-form .form-col2 {
        float: none;
        width: 100%;
    }

    .tab-content .details-list > li {
        display: inline-block;
        vertical-align: top;
        background: #1abc9c;
        margin: 0 0 5px;
        border-radius: 5px;
    }

    .team-list-hold .heading {
        padding: 8px;
    }

        .team-list-hold .heading.alt {
            margin: 0;
        }

    .tab-content ul li:after {
        display: none;
    }

    .tab-content .details-list > .active:after {
        display: none;
    }

    .details-list {
        background: none;
    }

    .course .tabset2 > li a {
        background: #eeefef;
    }

    .course .tabset2 > li a,
    .course .tabset2 > li {
        border-radius: 5px;
    }

    .course .tabset2 > li {
        margin: 0 0 5px;
    }

    .main-carousel .catalog-slide h4 {
        font-size: 18px;
        line-height: 20px;
    }

    .main-carousel .catalog-block .ico-preview {
        width: 80px;
        height: 80px;
    }

    .main-carousel .link-list {
        margin: 0 0 18px;
    }

    .carousel-block.block2 .block-area,
    .carousel-block.block2 .img-area {
        width: 48%;
    }

    .carousel-block.block2 .text-area {
        float: right;
        width: 100%;
        padding: 30px 0 0;
    }

    .course-spec .courses-info li {
        display: block;
    }

    .tab-content .details-list > li {
        display: table-cell;
    }

    .tab-content .trainer-specification dt,
    .tab-content .trainer-specification dd {
        font-size: 14px;
    }

    .tab-content .trainer-specification dd {
        padding: 0 0 0 145px;
    }

    p.titleIndex {
        color: hsl(0, 0%, 100%);
        font-size: 24px;
        font-weight: 700;
        /*line-height: 28px;*/
        margin-bottom: 0;
    }

    .sizeTitle {
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 20px;
        text-align: center;
    }
}

.banner .banner-text p {
    text-shadow: 0 2px 0px hsl(0, 0%, 0%);
}

@media (maxs-width:760px) {
    .pricing-block.active,
    .pricing-holder .pricing-block:first-child,
    .pricing-block {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        max-width: 500px;
        text-align: left;
    }

        .pricing-block.active, .pricing-holder .pricing-block:first-child, .pricing-block {
            box-sizing: border-box;
            max-width: 500px;
            text-align: left;
            width: 80%;
        }
}

@media (max-width:1441px) {
    .banner-holder .holder {
        text-align: left;
        width: 76%;
        margin-top: -19px;
    }
}

@media(max-width:1054px) {

    #header .logo {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin: 0 3px 10px 0;
        /*width: 34px;*/
        overflow: hidden;
    }
}

@media only screen and (max-width:639px) {
    body {
        font-size: 14px;
        line-height: 18px;
    }

    .movie iframe {
        width: 100% !important;
        height: 300px !important;
    }

    .tab-holder .author-holder {
        width: 100%;
        float: none;
    }

    .drop .row-area {
        width: 239px;
    }

    .drop .row-area-phone {
        width: 239px;
    }

    .message-block .slide {
        font-size: 12px;
    }

    .message-block a {
        display: block;
        float: none;
        width: 100%;
    }

    #fancybox-close {
        right: auto;
        left: -15px;
    }

    #fancybox-outer {
        background: none !important;
    }

    .fancybox-bg {
        display: none;
    }

    div.lightbox,
    #fancybox-content {
        width: 300px !important;
    }

    .message-block.active {
        height: 60px;
    }

    .menu .drop {
        top: 44px;
        border-left: 1px solid #fff;
        padding: 0 0 25px;
        border-bottom: 1px solid #fff;
    }

    .nav-active .nav-overlay {
        display: none;
    }

    #header #nav > li a {
        padding: 6px 33px 8px 50px;
    }

    #header #nav li ul {
        padding: 11px 0 0 50px;
    }

    .drop .btn-green {
        padding: 15px 20px 15px;
    }

    .header-block {
        text-align: center;
    }

    #header nav, .header-box {
        float: left;
        text-align: center;
    }

        #header nav.menu {
            margin: 0 0 0 3px;
        }

    .header-box {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

        .header-box .text {
            margin: 0 0 0 6px;
        }

        .header-box .btn-green {
            float: left;
            margin: 0 0 0 10px;
            width: 112px;
        }

    .header-panel ul li {
        width: 29.2%;
    }

    h2 {
        font-size: 22px;
        /*line-height: 24px;*/
    }



    #footer .block-area .text {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 0 10px;
    }

    #footer .block-area .socials {
        margin: 0 0 10px;
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 100%;
    }

    #footer .socials li {
        display: inline-block;
        vertical-align: top;
        float: none;
    }

    .footer-area .area {
        width: 48%;
    }

    .footer-area .area {
        margin: 0 0 20px 3%;
    }

        .footer-area .area ul li {
            margin: 0 0 6px;
        }

    .blog-box {
        padding: 0 0 15px;
    }

    .banner-holder.banner4 .holder {
        max-width: 300px;
    }

    .banner-holder.banner4 {
        margin: 0 -34%;
    }

    .banner-holder h1 span {
        margin: 0 0 5px;
        font-size: 16px;
        line-height: 14px;
    }

    .sizeEm {
        font-size: 20px;
        font-weight: bold;
        font-family: Myriad Pro;
        font-style: normal;
    }

    .banner-holder h1 {
        font-size: 16px;
        line-height: 16px;
    }

    .join-heading p a {
        font-size: 16px;
        line-height: 16px;
    }

    .join-heading {
        font-size: 14px;
        line-height: 20px;
    }

    .trainer-page .author-holder .profile-hold .profile-preview,
    .trainer-page .author-holder .profile-hold .author-description {
        width: 100% !important;
        margin: 0 0 20px;
        text-align: center;
    }

    .author-holder .author-merit {
        text-align: center;
    }

    .author-holder .author-description {
        max-width: 300px !important;
        margin: 0 auto;
        display: block;
    }

    .courses-holder .course-block {
        text-align: left;
        margin: 0 0 25px;
    }

    .trainer-page .author-holder .profile-hold .author-description {
        text-align: left;
    }

    .author-merit {
        text-align: center;
    }

    .courses-holder .course-block {
        border-bottom: 1px solid #c0bfbf;
        padding: 0 0 20px;
        margin: 0 0 20px;
    }

        .courses-holder .course-block.alt {
            border: none;
        }

    .activity .profiles {
        width: 100%;
        max-width: 470px;
    }

    .check-row .check-col1, .check-row .check-col2 {
        float: none;
        width: 100%;
        margin: 0 0 5px;
        text-align: center;
    }

    .search-chapter {
        padding: 30px 20px 10px;
        margin: 0 0 5px;
    }

    .param-list {
        display: none;
    }

    .tab-content .plan-description {
        padding: 0 0 0 40px;
    }

    .carousel3 .slide-holder {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .carousel3 .courses-preview,
    .carousel3 .courses-info {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .course-features {
        margin: 0 0 25px;
        width: 100%;
        float: none;
        min-height: 0;
    }

    .course-spec .courses-preview {
        width: 80px;
        margin: 0 10px 0 0;
    }

    .course-spec .courses-info {
        float: none;
        overflow: hidden;
    }

        .course-spec .courses-info img {
            float: left;
        }

        .course-spec .courses-info span {
            display: block;
            overflow: hidden;
        }

    /*.holder4 {
        text-align: center;
    }*/

    .holder4 .profile-photo {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .holder4 .spec-block {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .link-hloder {
        display: inline-block;
        vertical-align: top;
        float: none;
        padding: 20px 0 0;
    }

    .entire-info {
        margin: 0 0 40px;
    }

    .tabset li.active a,
    .tabset li.active {
        border-radius: 5px;
        border: none;
    }

    .tabset li.active {
        margin: 0 0 5px;
        box-shadow: 1px 1px 1px 1px #ccc;
    }

    .tabset li {
        margin: 0 0 5px;
    }

    .course .tabset2 + .tab-content {
        min-height: 300px;
    }

    .course .tabset2 > li {
        min-width: 80px;
    }

    .tab-content .details-list > li {
        display: inline-block;
        vertical-align: top;
        width: 46%;
        min-width: 0;
    }

    .details-list {
        display: block;
        background: none;
        border: none;
    }

        .details-list li > a {
            border: none;
        }

    .tab-holder2 {
        padding: 10px 10px 15px;
    }

    .tab-content .details-list > li:first-child,
    .tab-content .details-list > li:last-child {
        border-radius: 5px;
    }

    .tab-holder .preview {
        margin: 0 auto 20px;
        width: 200px;
        float: none;
    }

    .course .tab-inside {
        padding: 0;
    }

    .tab-holder .description {
        padding: 0;
    }

        .tab-holder .description h4 {
            margin: 0 0 15px;
        }

    .description .link-holder {
        padding: 0;
    }

    .carousel-row {
        margin: 0 0 40px;
    }

    .tabset li.active {
        margin: 0;
    }

    .tab-holder .author-holder {
        float: none;
        width: 280px;
        margin: 0 auto;
    }

        .tab-holder .author-holder .profile-photo {
            height: 240px;
            width: 240px;
        }

    .tab-holder .plugin-list li {
        padding: 0;
    }

    .btn-green, .btn-red, .btn-grey {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .slide .slide-holder,
    .slide .slide-holder:first-child {
        overflow: hidden;
    }

    .carousel-row.carousel3 h2 {
        font-size: 18px;
        line-height: 20px;
        text-align: center;
    }

    .carousel-row.carousel3 .carousel .mask .slide {
        padding: 0;
    }

    .description-hold .entire-description,
    .description-hold .entire-info {
        width: 100%;
        margin: 0 0 15px;
    }

    .course .carousel3 .carousel {
        padding: 0 65px 10px;
    }

    .tab-content .carousel .slide-holder {
        width: 45%;
        margin: 0 2% 10px;
        max-width: 130px;
        float: none;
        display: inline-block;
        vertical-align: top;
        max-width: 100px;
    }

    .tab-holder .jcf-scrollable {
        height: 350px;
    }

    .content-frame .holder {
        margin-bottom: 20px;
    }

    .tab-holder .description h4 {
        font-size: 20px;
        line-height: 22px;
    }

    .tabset2.tabset {
        margin: 0 0 5px;
    }

    .courses-preview {
        text-align: center;
    }

    .carousel-row.carousel3 {
        padding: 0;
        margin: 0 0 30px;
    }

    .courses-preview img {
        width: 70px;
    }

    .course .content-frame {
        margin: 0 0 20px;
        padding: 24px 0 10px;
    }

    .carousel-row h5 {
        margin: 0 0 5px;
    }

    .carousel-row {
        margin: 0;
    }

    .tab-content .details-list > li {
        width: 32%;
    }

    .main-carousel h2,
    .main-carousel h4,
    .main-carousel .catalog-slide h4 {
        font-size: 18px;
        line-height: 20px;
        margin: 0 0 10px;
    }

    .main-carousel .catalog-block {
        width: 100%;
        margin: 0 0 10px;
    }

        .main-carousel .catalog-block,
        .main-carousel .catalog-block:last-child {
            border-top: 1px solid #000;
            padding: 25px 0 0;
        }

            .main-carousel .catalog-block:first-child {
                border: none;
                padding: 0;
            }

    .carousel-block.block2 .block-area, .carousel-block.block2 .img-area {
        width: 100%;
        float: none;
        margin: 0 0 15px;
    }

    .holder4 .profile-photo {
        width: 100px;
        display: block;
    }

    .course .tabset2 > li {
        width: 32%;
        min-width: auto;
        display: inline-block;
    }

    .course-spec {
        text-align: center;
    }

        .course-spec .courses-preview,
        .course-spec .courses-info {
            display: inline-block;
            vertical-align: top;
            float: none;
        }

        .course-spec .courses-info {
            text-align: left;
        }

    /*.holder4 {
        text-align: center;
    }*/

    .holder4 .profile-holder {
        display: inline-block;
        margin: 0;
        float: none;
    }

    .holder4 .link-hloder {
        padding: 0;
    }

    .entire-description .action-list {
        padding: 0 26px;
    }

    .grasTitle {
        font-size: 22px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 450px) {

    .title-devenir-formateur {
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    .btn-block .btn-download {
        padding: 14px 5px 12px 5px;
    }


    .banner .btn-block .btn-download:before {
        display: none;
        margin: -11px 0 0;
        left: 10px;
    }

    .banner-holder.alt {
        min-height: 380px;
        overflow: hidden;
    }

    .banner-holder h1 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 50px;
    }

    .titre {
        font-size: 12px;
        line-height: 16px;
    }

    .sizeEm {
        font-size: 20px;
        font-weight: bold;
        font-family: Myriad Pro;
        font-style: normal;
    }

    s
}

/*----Datepicer----*/

.ui-datepicker {
    display: none;
    width: 264px;
    margin: 10px 0 0 0;
    background-color: #fff;
    border: 7px solid #1abc9c;
    border-radius: 6px;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        margin: -7px -6px 2px;
        color: #fff;
        cursor: default;
        background-color: #1abc9c;
        border-radius: 6px 6px 0 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 0;
        width: 52px;
        height: 44px;
        color: #fff;
        text-align: center;
        cursor: pointer;
    }

        .ui-datepicker .ui-datepicker-prev:hover,
        .ui-datepicker .ui-datepicker-next:hover {
            background-color: #48c9b0;
        }

        .ui-datepicker .ui-datepicker-prev:active,
        .ui-datepicker .ui-datepicker-next:active {
            background-color: #16a085;
        }

        .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
        .ui-datepicker .ui-datepicker-next.ui-state-disabled {
            color: rgba(255, 255, 255, .75);
            cursor: default;
            background-color: transparent;
            filter: alpha(opacity=70);
            opacity: .7;
        }

    .ui-datepicker .ui-datepicker-prev {
        left: 0;
        border-right: 2px solid #5fd0ba;
        border-radius: 6px 0 0 0;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 0;
        border-left: 2px solid #5fd0ba;
        border-radius: 0 6px 0 0;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 52px;
        font-size: 15px;
        line-height: 44px;
        text-align: center;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 0;
        height: 0;
        margin-top: -6px;
        margin-left: -5px;
        text-indent: -9999px;
        content: "";
    }

    .ui-datepicker .ui-icon-circle-triangle-w {
        border: solid transparent;
        border-width: 7px 12px 7px 0;
        border-right-color: #fff;
    }

    .ui-datepicker .ui-icon-circle-triangle-e {
        border: solid transparent;
        border-width: 7px 0 7px 12px;
        border-left-color: #fff;
    }

    .ui-datepicker table {
        width: 100%;
        margin: 0 0 3px;
        font-size: 14px;
    }

    .ui-datepicker th {
        min-width: 34px;
        height: 30px;
        padding: 1px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        border: 0;
    }

    .ui-datepicker td {
        padding: 1px;
        text-align: center;
        vertical-align: middle;
        border: 0;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            min-width: 34px;
            height: 30px;
            line-height: 30px;
            color: #34495e;
            text-decoration: none;
        }

        .ui-datepicker td a {
            border-radius: 6px;
        }

            .ui-datepicker td a:hover {
                color: #34495e;
                background-color: #d7dbdd;
            }

    .ui-datepicker .ui-state-active {
        color: #fff;
        background-color: #1abc9c;
    }

    .ui-datepicker .ui-datepicker-other-month a {
        color: #c2c8cf;
    }

    .ui-datepicker select {
        margin: 1px 0;
        font-size: 1em;
    }

    .ui-datepicker .ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker .ui-datepicker-month,
    .ui-datepicker .ui-datepicker-year {
        width: 40%;
        margin-right: 5%;
        margin-left: 5%;
        background: none;
        border: none;
    }

        .ui-datepicker .ui-datepicker-month option,
        .ui-datepicker .ui-datepicker-year option {
            color: #34495e;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        padding: 0 .2em;
        margin: .7em 0 0 0;
        background-image: none;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            width: auto;
            padding: .2em .6em .3em .6em;
            margin: .5em .2em .4em;
            overflow: visible;
            cursor: pointer;
        }

        .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {
            float: left;
        }

    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-row-break {
    width: 100%;
    clear: both;
    font-size: 0;
}

.spinner {
    background-color: transparent;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
    text-align: center;
    width: 100%;
    height: 100%;
}

.spinerGif {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 99999999;
    background-image: url(https://static.alphorm.com/images/front/alphormm.gif);
}

.pagination {
    border-radius: 4px;
    display: inline-block;
    margin-top: 0;
    padding-left: 0;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a, .pagination > li > span {
            background-color: #fff;
            border: 1px solid #ddd;
            color: #16a085;
            float: left;
            line-height: 1.42857;
            margin-left: -1px;
            padding: 6px 12px;
            position: relative;
            text-decoration: none;
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
            margin-left: 0;
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            background-color: #eee;
            border-color: #ddd;
            color: #2a6496;
        }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #16a085;
        border-color: #16a085;
        color: #fff;
        cursor: default;
        z-index: 2;
    }

    .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
        background-color: #fff;
        border-color: #ddd;
        color: #999;
        cursor: not-allowed;
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    font-size: 18px;
    padding: 10px 16px;
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    font-size: 12px;
    padding: 5px 10px;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pager {
    list-style: outside none none;
    margin: 20px 0;
    padding-left: 0;
    text-align: center;
}

    .pager li {
        display: inline;
    }

        .pager li > a, .pager li > span {
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
            display: inline-block;
            padding: 5px 14px;
        }

            .pager li > a:hover, .pager li > a:focus {
                background-color: #eee;
                text-decoration: none;
            }

    .pager .next > a, .pager .next > span {
        float: right;
    }

    .pager .previous > a, .pager .previous > span {
        float: left;
    }

    .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
        background-color: #fff;
        color: #999;
        cursor: not-allowed;
    }

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0;
}

.modal-body {
    height: 100%;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate3d(0,-25%,0);
    -o-transform: translate3d(0,-25%,0);
    transform: translate3d(0,-25%,0);
}

.modal.in .modal-dialog {
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*.modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }*/
.titre-popup {
    font-size: 18px;
    font-weight: 600;
    color:#fff;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 100%;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    top: 100px;
}

.modal-captcha {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    top: 95px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }




.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}



@media (min-width:768px) {



    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width:992px) {

    .modal-lg {
        width: 900px;
    }

    .modal-dialog {
        margin: 15px auto;
    }
}

@media (min-width:600px) {
    .modal-sm {
        width: 600px;
    }
}

@media (min-width:385px) {

    .labelAbn {
        width: 27%;
        display: inline-block;
        margin-top: 15px;
    }
}


@media (max-width:384px) {
    .search-inp-container {
        display: none;
    }

    .labelAbn {
        display: inline-block;
        margin-top: 15px;
        width: 100%;
    }
}

.cursor {
    cursor: pointer;
}

.etoileVert {
    color: #1abc9c;
    font-size: 20px;
}

.etoileGris {
    color: #889bae;
    font-size: 20px;
    margin-right: -1px;
}

.dateStyle .ui-state-default {
    color: #c2c8cf;
}
/*modif arafet*/
.pricing-block.active {
    background: none repeat scroll 0 0 #34495e;
    color: #fff;
    /*margin: -0px 0 0 2%;*/
}

.cadree {
    background: none repeat scroll 0 0 #34495e;
    color: #fff;
    margin: -0px 0 0 2%;
    min-height: 544px;
}

.cadree-holder {
    margin: -30px 0 40px;
}

    .cadree-holder:after {
        content: '';
        display: table;
        width: 100%;
        clear: both;
    }

.cadree-block {
    position: relative;
    padding: 0 0 70px;
    width: 23%;
    min-height: 430px;
    float: left;
    margin: 0 0 0 2%;
    border: 2px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
    background: #e3e3e3;
    text-align: center;
}


    .cadree-block a {
        color: #000;
    }

.pricing-block a:hover {
    text-decoration: none;
}

.cadree-block.active {
    min-height: 544px;
    margin: -113px 0 0 2%;
    background: #34495e;
    color: #fff;
}

.cadree-block:first-child {
    margin: 0;
}

.cadree-heading {
    padding: 14px 0;
    margin: 0 0 14px;
    text-align: center;
    background: #34495e;
    text-align: center;
}

.cadree-block.active .cadree-heading {
    background: #1abc9c;
}

.cadree-heading h2 {
    margin: 0;
    color: #fff;
}

.cadree-block.active h2 {
    color: #fff;
}

.cadree-heading h2 span {
    color: #1abc9c;
}

.cadree-block.active h2 span {
    color: #34495e;
}

.cadree {
    display: block;
    text-align: center;
    padding: 15px 0;
    font-weight: 900;
}

.cadree-block.active li a {
    color: #fff;
}

.cadree-block.active .akcent {
    color: #1abc9c;
}

.cadree-list {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    text-align: left;
}

.pricing-list li a:hover {
    background: #f4f4f4;
}

.cadree-block.active .cadree-list li:hover a {
    background: #1abc9c;
}

.cadree-list .img-box {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    width: 48px;
    text-align: center;
}

.cadree-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 66%;
}

.cadree-list li {
    position: relative;
}

    .cadree-list li .slide {
        position: absolute;
        bottom: 15px;
        right: -85px;
        width: 140px;
        height: 70px;
        padding: 20px 10px;
        font-size: 14px;
        line-height: 16px;
        background: #fff;
        border: 1px solid #bfbfbf;
        border-radius: 6px;
        -webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.12);
        box-shadow: 3px 3px 0 0 rgba(0,0,0,0.12);
        z-index: 999;
    }

        .cadree-list li .slide:before {
            position: absolute;
            content: '';
            left: 10px;
            bottom: -12px;
            background: url('https://static.alphorm.com/images/front/sprite2.png') -82px -80px no-repeat;
            width: 19px;
            height: 12px;
        }

.cadree-list .slide a {
    background: none;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    color: #e74c3c;
}

    .cadree-list .slide a:hover {
        background: none;
        color: #000;
    }

.cadree-list li a {
    display: block;
    padding: 6px 0 6px 20px;
}

.cadree-block .hint {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 10px;
    display: block;
    text-align: center;
    color: #1abc9c;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
}

.cadree-contact {
    padding: 0 10px;
}

    .cadree-contact .mail {
        color: #000;
    }

    .cadree-contact .phone {
        display: block;
        margin: 7px 0 10px;
        text-align: center;
        font-weight: 900;
    }

.cadree-block .cadree-contact .phone a {
    color: #34495e;
}

    .cadree-block .cadree-contact .phone a:hover {
        color: #f00;
    }

.cadree-block .btn {
    position: absolute;
    left: 50%;
    bottom: 36px;
    margin: 0 0 0 -97px;
    top: auto;
    color: #fff;
}

    .cadree-block .btn:focus,
    .cadree-block .btn:active {
        bottom: 35px;
    }

.cadree-download {
    text-align: center;
}

    .cadree-download .link-icon {
        width: 180px;
    }

@media(max-width:630px) {
    .banner-holder .holder {
        padding: 42% 10% 0 0;
        text-align: left;
    }

    .holderRes {
        margin-top: -73px;
    }
}

@media (max-width:800px) {
    .espace {
        margin-top: -40px;
    }

    .banner-holder span.none2 {
        display: block;
    }

    .infoAbn {
        width: 100%;
    }

    .formulaireAbn {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .blockFormulaire {
        border: 1px solid rgb(204, 204, 204);
        margin-left: 1%;
        margin-top: 8px;
        padding: 2%;
        width: 95%;
        text-align: center;
    }
}

@media (min-width:800px) {


    .infoAbn {
        width: 46%;
        float: left;
    }

    .formulaireAbn {
        width: 54%;
        float: right;
    }

    .blockFormulaire {
        border: 1px solid rgb(204, 204, 204);
        margin-left: 1%;
        margin-top: 8px;
        padding: 2%;
        width: 95%;
    }

    .css_button {
        margin-left: 21%;
    }
}

@media (min-width:1080px) {

    .smalblocTrarif {
        display: inline-block;
        width: 23%;
    }

    .smalbloc {
        display: inline-block;
        width: 260px;
    }

    .tarifBloc1 {
        display: inline-block;
        /*width: 50%;*/
    }

    .tarifBloc {
        display: inline-block;
        width: 23%;
        height: 50%;
        vertical-align: top;
        margin-top: 117px;
    }
}


.titre-tarif {
    margin-top: -2%;
    color: #e74c3c;
    font-size: 28px;
    font-weight: bold;
    font-family: 'Open Sans';
    text-align: center;
}

.titre-block {
    margin-top: 2%;
    color: #e74c3c;
    font-size: 28px;
    font-weight: bold;
    font-family: 'Open Sans';
    text-align: center;
}

@media (min-width:1023px) {

    .margin-bottom {
        margin-bottom: 39px;
    }

    .margTraif {
        margin: 0 30px;
    }

    .tarifLien {
        color: #f44336;
        font-size: 14px !important;
        font-weight: bold;
        text-transform: none;
        letter-spacing: normal !important;
    }

    .textTarif {
        display: block;
        font-size: 20px;
        line-height: 52px;
        margin-bottom: 0;
        /*margin-left: -6%;*/
        padding-top: 0;
        position: relative;
    }

    .textesize {
        font-size: 20px;
    }

    .btn-tarif {
        padding-bottom: 4%;
        padding-top: 30px;
    }

    .titreTarif {
        color: hsl(168, 76%, 42%);
        font-family: "Open Sans";
        font-size: 16px;
        margin-left: -5%;
        padding-top: 32px;
    }

    .tarifBlock {
        min-width: 30%;
    }

    .positionText {
        text-align: center;
    }


    .tabset4 {
        display: inline-block;
        /*max-width: 48%;*/
    }
}

.css_button {
    background: none repeat scroll 0 0 #1abc9c;
    border-radius: 5px;
    box-shadow: 0 4px 0 0 #108a72;
    color: #34495e;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 5px;
    min-width: 157px;
    padding: 13px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0s ease 0s;
    vertical-align: top;
}



    .css_button:active {
        position: relative;
        top: 1px;
    }



.abnClosed {
    float: right;
    font-size: 32px;
    margin-right: -32px;
    cursor: pointer;
}

.padding20 {
    padding-bottom: 20px;
}

.padding10 {
    padding-bottom: 10px;
}

.imgPosition {
    max-width: 27px;
    padding-right: 4px;
}

.annulerAbn {
    padding: 6px 0 6px 0;
    font: Bold 13px Arial;
    background: #d34836;
    color: #fff;
    width: 90px;
    border-radius: 2px;
    border: none;
}

.externHref {
    color: #000;
    font-size: 10px;
    margin-left: 10%;
    text-decoration: underline;
}

.slide .text p a {
    color: #000;
    background: inherit;
}

    .slide .text p a:after {
        background: none;
        content: "";
        height: 15px;
        left: 3px;
        position: absolute;
        top: 7px;
        width: 15px;
        padding-left: 0px;
    }

.tab-contentt {
    min-height: 237px;
    padding: 39px 10px 10px 28px;
    width: 100%;
}



.socials li.viadeo a {
    background-position: -158px -47px;
    cursor: pointer;
}

    .socials li.viadeo a:hover {
        background-position: -158px -47px;
        cursor: pointer;
    }

    .socials li.viadeo a:focus {
        background-position: -158px -47px;
        cursor: pointer;
    }

.socials li.linkedin a {
    background-position: -95px -47px;
    cursor: pointer;
}

    .socials li.linkedin a:hover {
        background-position: -95px -79px;
        cursor: pointer;
    }

    .socials li.linkedin a:focus {
        background-position: -95px -112px;
        cursor: pointer;
    }

.socials li.moncv a {
    background-position: -186px -147px;
    cursor: pointer;
}

    .socials li.moncv a:hover {
        background-position: -186px -147px;
        cursor: pointer;
    }

    .socials li.moncv a:focus {
        background-position: -186px -147px;
        cursor: pointer;
    }

/*.socials li.moncv {
    display: block;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
    transition: all 0s ease 0s;
    width: 30px;
    background-image: url('https://static.alphorm.com/images/favicon.ico');
}*/


.socials li.alphorm a {
    display: block;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
    transition: all 0s ease 0s;
    width: 30px;
    background-image: url('https://static.alphorm.com/images/favicon.ico') no-repeat;
    cursor: pointer;
}

.socials li.twitter a {
    /*background-position: -31px -47px;*/
    cursor: pointer;
}

.socials li.gmail a {
    /*background-position: -63px -47px;*/
    cursor: pointer;
}

.resizable {
    text-decoration: underline;
    cursor: pointer;
    padding-bottom: 5px;
    display: inline-block;
    white-space: nowrap;
}

    .resizable:hover {
        color: #e74c3c;
        cursor: pointer;
        display: inline-block;
        padding-bottom: 5px;
        text-decoration: underline;
        white-space: nowrap;
    }

.menu-profil {
    background: url('https://static.alphorm.com/images/Mon Profil.png') no-repeat left center;
    display: block;
    height: 32px;
    width: 20px;
    float: left;
    transition: 0;
    margin-top: -4px;
}

.menu-professionel {
    background: url('https://static.alphorm.com/images/Professionel.png') no-repeat left center;
    display: block;
    height: 32px;
    width: 20px;
    float: left;
    transition: 0;
    margin-top: -4px;
}

.menu-abonnement {
    background: url('https://static.alphorm.com/images/Mon Abonnement.png') no-repeat left center;
    display: block;
    height: 32px;
    width: 20px;
    float: left;
    transition: 0;
    margin-top: -4px;
}

.menu-preferences {
    background: url('https://static.alphorm.com/images/Mes Préférences.png')no-repeat left center;
    display: block;
    height: 32px;
    width: 20px;
    float: left;
    transition: 0;
    margin-top: -4px;
}

.menu-factures {
    background: url('https://static.alphorm.com/images/Mes Factures.png')no-repeat left center;
    display: block;
    height: 32px;
    width: 20px;
    float: left;
    transition: 0;
    margin-top: -4px;
}

.menu-attestations {
    background: url('https://static.alphorm.com/images/Mes attestations.png')no-repeat left center;
    display: block;
    height: 32px;
    width: 20px;
    float: left;
    transition: 0;
    margin-top: -4px;
}

@media (max-width: 360px) {

    .team-list-hold .holder .team-list.list2:nth-child(2n) {
        width: 91%;
        margin: 8px 0 37px 21%;
    }
}

@media (max-width: 900px) {
    .tarif-certif {
        margin-top: 30px;
    }

    .titre-tarif {
        margin-top: -3%;
        color: #e74c3c;
        font-size: 24px;
        font-weight: bold;
        font-family: 'Open Sans';
        text-align: center;
    }

    .titre-block {
        color: #e74c3c;
        font-size: 22px;
        font-weight: bold;
        font-family: 'Open Sans';
        text-align: center;
        margin-top: 32px !important;
    }

    .margin-bottom {
        margin-bottom: -12px;
    }

    .offre-p {
        margin-top: 0px !important;
        line-height: 30px !important;
        font-size: 14px !important;
        margin-bottom: 0;
    }

    .margTraif {
        margin: 0px 57px;
    }

    .tarifLien {
        color: #f44336;
        font-size: 14px !important;
        text-transform: none;
        letter-spacing: normal !important;
        font-weight: bold;
    }

    .btn-tarif {
        padding-bottom: 5%;
        padding-top: 12%;
    }

    .textTarif {
        font-size: 16px;
        line-height: 24px;
    }

    .titreTarif {
        color: hsl(168, 76%, 42%);
        font-family: "Open Sans";
        font-size: 16px;
        padding-top: 32px;
    }

    .img-hold .img-return {
        display: none;
        -moz-transform: rotate(-45deg) translate(-1px, -31px); /* Для Firefox */
        -ms-transform: rotate(-45deg) translate(-1px, -31px); /* Для IE */
        -webkit-transform: rotate(-45deg) translate(-1px, -31px); /* Для Safari, Chrome, iOS */
        -o-transform: rotate(-45deg) translate(-1px, -31px); /* Для Opera */
        transform: rotate(-45deg) translate(-1px, -62px);
        margin: 0 -78px 0 0;
    }

    .team-list-hold .holder {
        overflow: visible;
        display: none;
    }
}

@media (max-width: 1200px) {
    .tarifCardre {
        margin-left: 50px;
        margin-top: -3%;
    }

    .team-list-hold .holder .team-list.list2:nth-child(2n) {
        width: 91%;
        margin: 8px 0 37px 21%;
    }

    .team-list-hold .holder .team-list.list2 {
        width: 90%;
        margin: -20px 0 31px 39.9%;
    }
}

@media (max-width: 1024px) {
    .team-list-hold .holder .team-list.list2:nth-child(2n) {
        margin: 8px 0 42px 14%;
        width: 91%;
    }

    .team-list-hold .holder .team-list.list2 {
        margin: -23px 0 33px 28.4%;
        width: 90%;
    }
}

@media (min-width: 500px) {
    .bnt-center {
        margin-left: 20%;
    }
}

@media (min-width: 320px) {
    .bnt-center {
        margin-left: 0%;
    }
}

@media (max-width:360px) {

    .courses-data .courses-preview img {
        display: block;
        width: 80%;
    }
}

@media (max-width:768px) {
    .courses-data .courses-preview img {
        display: block;
        width: 80%;
    }
}

@media (max-width:700px) {
    .modal-dialog {
        margin-left: 15px;
        margin-right: 15px;
    }
    /*.tarifBlock {
        width: 226px;
    }*/
}

.rwd-table {
    margin: 1em 0;
    min-width: 240px;
    width: 100%;
}

@media (max-width: 540px) {
    .rwd-table tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

        .rwd-table tr th {
            padding-left: 10px !important;
            width: 100%;
        }

        .rwd-table tr td {
            width: 100%;
        }

        .rwd-table tr th .checkbox {
            margin-left: 0;
        }


        .rwd-table tr td:first-of-type .checkbox {
            margin-left: 0;
        }
}

.rwd-table th {
    display: none;
}

.rwd-table td {
    display: block;
}

    .rwd-table td:first-child {
        padding-top: .5em;
    }

    .rwd-table td:last-child {
        padding-bottom: .5em;
    }

    .rwd-table td:before {
        content: attr(data-th) ": ";
        font-weight: bold;
        width: 100%;
        display: inline-block;
    }

@media (min-width: 540px) {
    .rwd-table td:before {
        display: none;
    }
}

.rwd-table th, .rwd-table td {
    text-align: left;
}

@media (min-width: 540px) {
    .rwd-table th, .rwd-table td {
        display: table-cell;
        padding: .25em .5em;
    }

        .rwd-table th:first-child, .rwd-table td:first-child {
            padding-left: 0;
        }

        .rwd-table th:last-child, .rwd-table td:last-child {
            padding-right: 0;
        }
}

.select-mail .jcf-select {
    min-width: 50%;
    height: 50px;
}


.select-mail .jcf-select-text {
    line-height: 50px;
}


.select-mail .jcf-select .jcf-select-opener::after {
    top: 21px;
}



.ouvert-table {
    background: url("https://static.alphorm.com/images/front/spritef.png") no-repeat scroll -250px -164px rgba(0, 0, 0, 0);
    content: "";
    height: 16px;
    left: 16px;
    position: absolute;
    top: 8px;
    width: 16px;
}

.close-table {
    background: url("https://static.alphorm.com/images/front/spritef.png") no-repeat scroll -250px -164px rgba(0, 0, 0, 0);
    background-position: -270px -164px;
    content: "";
    height: 16px;
    left: 16px;
    position: absolute;
    top: 8px;
    width: 16px;
}

.open-table {
    background: none repeat scroll 0 0 #1abc9c;
    border-bottom: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 16px;
    padding: 8px 10px 8px 44px;
    position: relative;
    text-align: left;
}

.trans-scroll {
    max-height: 500px;
    overflow-y: auto;
}

.detacher-player {
    background-color: rgba(0, 0, 0, 0.85);
    position: absolute;
    z-index: 2;
}

.img-pausePlayer {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 26%;
    margin-bottom: 0%;
    -moz-user-select: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.hide {
    display: none;
}

.show {
    display: block;
}


.img-box-news {
    display: inline-block;
    margin: 0 15px 0 0;
}

.content-news {
    font-weight: 300;
    line-height: 20px;
    min-height: 36px;
}

    .content-news p {
        display: inline-block;
        font-size: 16px;
        margin: 6px 10px 0 0;
        color: #ffffff;
    }

    .content-news a {
        display: inline-block;
        color: #ffffff;
        padding-left: 40px;
        font-size: 14px;
        line-height: 16px;
        margin: 4px 0 0;
    }

.header-news .close {
    background: #fff url("https://static.alphorm.com/images/front/spritef.png") no-repeat scroll -40px 0;
    content: "";
    height: 17px;
    overflow: hidden;
    position: absolute;
    right: 14px;
    text-indent: -9999px;
    top: 8px;
    transition: all 0s ease 0s;
    width: 17px;
    z-index: 101;
}

.img-box-news img {
    vertical-align: middle;
}

.header-news {
    background: #c40118 none repeat scroll 0 0;
    border-top: 1px solid #ffffff;
    box-shadow: 0 3px 6px -4px #000000;
    text-align: center;
    padding-bottom: 4px;
    padding-top: 4px;
}

.content-news strong {
    font-weight: bold;
}

p.gras {
    color: #34495e;
    font-size: 22px;
    font-weight: 800;
    line-height: 22px;
}

h3.gras {
    line-height: 42px;
    margin: 0 0 32px;
    text-align: center;
}

span.form {
    font-weight: bold;
}

.title-footer {
    color: hsl(168, 76%, 42%);
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 14px;
    text-transform: uppercase;
}

.sizeH3 {
    font-size: 28px;
    line-height: 38px;
    margin: 0 0 10px;
    max-width: 1150px;
    font-weight: bold;
    text-align: center;
}



.home-top-splash a {
    color: #fff;
    text-decoration: underline;
}

    .home-top-splash a:hover {
        text-decoration: none;
    }

.grasTitle {
    line-height: 42px;
    margin: 0 0 32px;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
}

.sizeP {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline-offset: -2px;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary {
    background-color: #106eb4;
    border-color: #245682;
    color: #ffffff;
}

.dropdown-toggle:hover, .dropdown-toggle:focus {
    color: hsl(0, 0%, 60%) !important;
}

.CTA {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}


.btn {
    -moz-user-select: none;
    /*border-radius: 4px;*/
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-secondary {
    background-color: #106eb4;
    border-color: #3276b1;
    color: #ffffff;
}

.btn-secondary, .btn-tertiary, .btn-facebook, .btn-twitter {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.leftMenu li a {
    color: #02a1a5;
    font-size: 14px;
    font-weight: 600;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.leftMenu li {
    line-height: 25px;
    padding-left: 16px;
}

    .leftMenu li a:hover {
        color: #045b5b;
    }

.openForum {
    background: url("https://static.alphorm.com/images/front/spritef.png") no-repeat scroll -237px -111px rgba(0, 0, 0, 0);
    content: "";
    height: 43px;
    left: -11px;
    position: absolute;
    top: -6px;
    width: 37px;
    background: none repeat scroll 0 0 rgba(30, 190, 159, 0.8);
    height: 41px;
    margin: 0 2px 0 0;
    position: relative;
    width: 42px;
    color: #e74c3c;
    text-decoration: none;
}

.hautpage {
    display: block;
    /*margin-left: 5%;
    margin-right: 5%;*/
    /*padding-top: 2%;*/
    padding-top: 0.5%;
    /*padding-bottom: 2%;*/
    padding-bottom: 0.5%;
}

.review {
    padding-left: 10px;
    padding-top: 3px;
    color: #fff;
}

.taillimge {
    width: 100%;
    height: 30%;
}

.bloc {
    display: inline-block;
    /*width: 35%;*/
    vertical-align: top;
    margin-left: 1%;
}

.bloc-news {
    display: inline-block;
    width: 270px;
    /*padding-top: 39px;*/
    vertical-align: top;
    margin-left: 2%;
    margin-top: 20px;
}

.blocimg {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-left: 4%;
    min-width: 200px;
}

.textbloc {
    text-decoration: line-through;
    font-weight: bold;
    font-size: 20px;
}

.textblocX {
    color: #ffd800;
    font-weight: bold;
    font-size: 20px;
}

.textblocY {
    color: #e74c3c;
    margin-bottom: 2%;
    font-weight: bold;
}

.width {
    width: 100%;
}

.blocun {
    display: block;
    /*margin-left: 5%;*/
    padding-top: 2%;
    padding-bottom: 2%;
}

.blocdescription {
    display: inline-block;
    width: 45%;
}

.display {
    display: inline-flex;
}

.marginleftt {
    margin-left: 10%;
}

.maargin-left {
    margin-left: 1%;
}

.blocform {
    display: inline-block;
    width: 100%;
}

@media (max-width: 800px) {
    .bloc, .bloc-news {
        width: 100%;
        margin-left: 0;
    }

    .titrepage {
        width: 100%;
    }

    .content-video .titrepage {
        width: 100%;
    }

    .content-video .bloc {
        width: 100%;
    }

    .postionBlocProduct {
        text-align: left;
    }
}

@media (min-width: 800px) {
    .titrepage {
        display: inline-block;
        width: calc(100% - 298px);
    }

    .content-video .titrepage {
        width: calc(100% - 350px);
    }

    .content-video .bloc {
        width: 320px;
    }
}

@media (max-width: 545px) {
    .blocdescription {
        width: 100%;
    }

    .blocforma {
        width: 100%;
    }
}

@media (min-width: 545px) {
    .blocdescription {
        display: inline-block;
        width: 45%;
    }

    .blocforma {
        display: inline-block;
        width: 45%;
        vertical-align: top;
        margin-left: 4%;
        min-width: 220px;
    }
}

@media (max-width: 650px) {
    .left-menu-formation {
        width: 100%;
    }

    .right-content-formation {
        width: 100%;
    }

    .header-panel .img-box {
        text-align: center;
        min-height: 20px;
    }
}

@media (min-width: 650px) {
    .left-menu-formation {
        display: inline-block;
        width: 200px;
    }



    .header-panel .img-box {
        text-align: center;
        min-height: 37px;
        float: left;
    }
}

#navigation {
    list-style: inside none;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

    #navigation li:before {
        content: '';
        display: inline-block;
        background-image: url(https://static.alphorm.com/images/logo.png);
        background-repeat: no-repeat;
        background-position: left center;
        width: 20px;
        height: 16px;
    }

    #navigation li a {
        display: inline-block;
    }

.sommaire li a h4 {
    font-size: 14px;
}

#navigation li a:hover {
    color: #34495e;
}

.sommaire li a:hover {
    color: #34495e;
    text-decoration: underline;
}

.free {
    background: #1abc9c none repeat scroll 0 0;
    color: #fff;
    font-size: 9px;
    left: -20px;
    line-height: 9px;
    position: absolute;
    top: 8px;
    vertical-align: middle;
    margin-right: 5px;
    padding-bottom: 0;
    padding-left: 3px;
    padding-right: 3px;
}

.block-formation {
    display: inline-block;
    width: 49%;
    /*box-shadow: 4px 5px 5px #ccc;
    border: 1px solid #cccccc;*/
    min-width: 241px;
}

    .block-formation .progress {
        margin: 0;
    }

.course-phrase-marketing {
    font-size: 15px;
    line-height: 1.42857;
    /*font-weight: 300;
    margin: 0 0 10px;*/
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.inputSearch {
    display: inline-block;
}

    .inputSearch form input {
        border: 2px solid #bdc3c7;
        border-radius: 4px;
        box-sizing: border-box;
        display: block;
        font-size: 16px;
        font-style: normal;
        line-height: 18px;
        margin: 0;
        padding: 3px 30px 3px 11px;
        width: 450px;
        float: left;
        text-align: left;
    }

        .inputSearch form input:focus {
            background: #f3f3f3 none repeat scroll 0 0;
            border: 2px solid #1abc9c;
        }

    .inputSearch form button {
        background: rgba(0, 0, 0, 0) url("https://static.alphorm.com/images/front/spritef.png") no-repeat scroll -264px -4px;
        border: medium none;
        cursor: pointer;
        float: left;
        height: 32px;
        margin: 0 13px 0 0;
        overflow: visible;
        position: relative;
        width: 34px;
    }

.row-area-formations:after {
    background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -238px -50px;
    position: absolute;
    content: '';
    top: 5px;
    right: 7px;
    height: 24px;
    width: 23px;
}

.row-area-formations {
    overflow: hidden;
    position: relative;
    width: 383px;
}

.padding-rate {
    padding-top: 3px;
}

.left-menu-formation {
    vertical-align: top;
    margin-top: 0px;
    margin-right: 20px;
}

.trie-formation {
    display: block;
    vertical-align: bottom;
    max-width: 1131px;
}

    .trie-formation h1 {
        display: inline-block;
        color: #34495e;
        font-size: 16px;
        font-weight: bold;
        line-height: 18px;
        margin: 0 0 5px;
    }

    .trie-formation .trie {
        vertical-align: middle;
        margin-top: -3px;
    }

    .trie-formation a:hover {
        text-decoration: none;
    }


a .blockFormation {
    color: #e74c3c;
}

.aquerir {
    margin: 0 0 10px;
}

#facebook {
    margin-top: 4px;
}

.position-left {
    float: left;
}

.position-right {
    float: right;
}

.height-pagination {
    height: 33px;
    text-align: center;
}

.container-plan-tutoriel {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ffffff;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 1px 1px #cccccc;
    float: left;
    /*padding: 19px 5px 16px 9px;*/
    padding: 5px 5px 16px 9px;
    text-align: left;
    width: 100%;
}

    .container-formation .tab-content, .container-plan-tutoriel .tab-content {
        border: 0px;
        box-shadow: 0 0 0 0;
    }

.container-formation {
    background: #fafafa none repeat scroll 0 0;
    box-sizing: border-box;
    float: left;
    padding: 5px 5px 19px 9px;
    text-align: left;
    width: 100%;
}

.title-pochet {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}

.tab-content ul.pagination {
    margin: 0;
}

ul.pagination li {
    padding: 0;
}

.right-content-formation table tr td:first-child, .right-content-formation table tr th:first-child {
    padding-left: 10px;
}


.titleHedear-formations {
    float: left;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    line-height: 14px;
}

.sizeShared {
    float: left;
    padding: 7px 7px 7px 29px;
    color: #fff;
    background: #5d82d1;
    margin: 0 12px 0 0;
    position: relative;
    height: 18px;
    width: 0px;
}

.plugin-list-tutoriel {
    padding: 0;
    margin-left: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none;
    overflow: hidden;
}

    .plugin-list-tutoriel li {
        float: left;
        margin: 0 18px 5px 0;
        font-weight: bold;
        font-size: 14px;
    }

    .plugin-list-tutoriel .count {
        background: #fff;
        border: 1px solid #a8a8a8;
        border-radius: 2px;
        position: relative;
        padding: 6px 7px;
        color: #3a3a3a;
        float: right;
    }

        .plugin-list-tutoriel .count:after {
            background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat -211px -3px;
            position: absolute;
            content: '';
            top: 8px;
            left: -8px;
            height: 14px;
            width: 9px;
        }

    .plugin-list-tutoriel a {
        float: left;
        height: 18px;
        padding: 7px 7px 7px 29px;
        color: #fff;
        background: #5d82d1;
        margin: 0 12px 0 0;
        position: relative;
    }

        .plugin-list-tutoriel a:hover {
            text-decoration: none;
            background: #6c91e1;
        }

        .plugin-list-tutoriel a:active,
        .plugin-list-tutoriel a:focus {
            background: #4d74c5;
        }

        .plugin-list-tutoriel a:after {
            background: url(https://static.alphorm.com/images/front/spritef.png) no-repeat 0 -147px;
            position: absolute;
            content: '';
            top: 6px;
            left: 10px;
            height: 23px;
            width: 13px;
        }

    .plugin-list-tutoriel .twitter a {
        background: #4ecbff;
    }

        .plugin-list-tutoriel .twitter a:hover {
            background: #71d5ff;
        }

        .plugin-list-tutoriel .twitter a:active,
        .plugin-list-tutoriel .twitter a:focus {
            background: #29ade5;
        }

        .plugin-list-tutoriel .twitter a:after {
            background-position: -16px -151px;
            width: 23px;
            height: 19px;
            top: 8px;
            left: 4px;
        }

    .plugin-list-tutoriel .gmail a:after {
        background-position: -43px -149px;
        width: 24px;
        height: 23px;
        left: 4px;
    }

    .plugin-list-tutoriel .gmail a {
        background: #eb5e4c;
    }

        .plugin-list-tutoriel .gmail a:hover {
            background: #ff6450;
        }

        .plugin-list-tutoriel .gmail a:active,
        .plugin-list-tutoriel .gmail a:focus {
            background: #dd4330;
        }

.btn-info {
    background-color: #2b97f3;
    border-color: #2b97f3;
    color: #fff;
}

.btn-danger {
    background-color: #f05748;
    border-color: #f05748;
    color: #fff;
}

    .btn-danger:hover {
        background-color: #ec7063;
        border-color: #ec7063;
        color: #fff;
    }

.btn {
    -moz-user-select: none;
    background-image: none;
    /*border-radius: 10px;*/
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

    .btn:focus, .btn:active:focus, .btn.active:focus {
        outline: thin dotted;
        outline-offset: -2px;
    }

    .btn:active, .btn.active {
        background-image: none;
    }

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-color: #2b97f3;
    border-color: #2b97f3;
    color: #fff;
}

.modal-header-tutoriel {
    min-height: 16.43px;
    padding: 15px;
}


.product-data-not-logged-in .inclut ul li::before {
    color: #cdcdcd;
    float: left;
    font-size: 17px;
    margin: 0 0 0 -30px;
}

.product-data-not-logged-in .inclut ul li {
    font-size: 12px;
    padding-bottom: 4px;
    list-style-type: none;
    width: 100%;
}

    .product-data-not-logged-in .inclut ul li span {
        font-family: "Open Sans",Arial,Helvetica,sans-serif;
    }


.content-video {
    max-width: 1100px;
}

.text-head1 h2 {
    font-size: 36px;
    line-height: 35px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

.text-head1 {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.btn-bleu:hover {
    background-color: #41adff;
    border-color: #41adff;
    color: #fff;
}

.left-comment a {
    width: 150px;
    display: inline-block;
    vertical-align: middle;
}

.threeDots {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.training-list .cursor img {
    max-width: 180px;
    width: 100%;
}

#test-modal {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-top: 30px;
}

#ModalAbonnement {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.title-equipe {
    margin-top: 20px;
}

    .title-equipe label {
        margin-right: 20px;
        font-size: 20px;
        font-weight: 500;
    }

        .title-equipe label.active {
            text-decoration: underline;
        }

.blockAppMobile {
    width: 100%;
    display: block;
}

.heightOfflinePlayer {
    /*padding-bottom: 17px;*/
    /*height: 99px;*/
    text-align: center;
}

.bottomOfflinePlayer {
    background-color: #e74c3c;
    border: 0px none;
    border-radius: 28px;
    width: 50px;
    height: 50px;
}

@media screen and (max-width: 396px) {
    .buton-res {
        position: relative;
        width: 70%;
    }

    .btn-vert {
        background-color: #1abc9c;
        border-color: #1abc9c;
        color: #34495e;
        width: 100%;
    }

    .btn-lg, .btn-group-lg > .btn {
        border-radius: 6px;
        font-size: 18px;
        /*line-height: 1.33;*/
        padding: 10px 16px;
    }
}

.btn-vert {
    background-color: #1abc9c;
    border-color: #1abc9c;
    color: #34495e;
    min-width: 20%;
}

.btn-lg, .btn-group-lg > .btn {
    border-radius: 6px;
    font-size: 18px;
    /*line-height: 1.33;*/
    padding: 10px 16px;
}

.titreveri {
    text-align: center;
    margin-top: 4%;
}

.h3revi {
    height: 40px;
    line-height: 30px;
    font-size: 23px;
    font-weight: bold;
    color: #333;
    vertical-align: text-top;
}

.divverifi {
    display: inline-block;
    line-height: 30px;
    font-size: 23px;
    font-weight: bold;
    color: #1abc9c;
    margin-left: -8%;
    margin-top: 3%;
}

.spanverfi {
    display: inline-block;
    line-height: 30px;
    font-size: 23px;
    font-weight: bold;
    color: #333;
}

.lefttext {
    padding-top: 2%;
}

@media screen and (max-width: 400px) {
    .centerresp {
        padding-top: 2%;
        text-align: center;
    }

    .lefttext {
        margin-left: 0px;
        padding-top: 2%;
    }

    .divverifi {
        margin-left: 0px;
    }
}

@media screen and (max-width: 398px) {
    .centerresp {
        margin-left: 0px;
    }

    .lefttext {
        margin-left: 0px;
        padding-top: 2%;
    }

    .divverifi {
        margin-left: 0px;
    }

    .spanverfi {
        margin-left: 0px;
    }
}

@media screen and (max-width: 520px) {
    .centerresp {
        margin-left: 0px;
    }

    .lefttext {
        margin-left: 0px;
        padding-top: 2%;
    }

    .divverifi {
        margin-left: 0px;
    }

    .spanverfi {
        margin-left: 0px;
    }
}

@media screen and (max-width: 761px) {

    .divverifi {
        margin-left: 0px;
    }

    .btn-vert {
        text-align: center;
    }
}

.title-promo {
    color: #f9fb1d;
    font-size: 40px;
    padding-bottom: 26px;
    font-weight: bold;
    padding-right: 25px;
    position: relative;
    text-align: center !important;
    text-shadow: 1px 1px 1px #333333;
    line-height: 43px;
}


.price-promo sup {
    font-size: 0.59em;
}

.price-old {
    color: #108a72;
    display: inline-block;
    text-decoration: line-through;
    float: left;
    font-weight: normal;
    font-family: impact,trebuchet ms,arial,sans-serif;
}

.price-normale {
    font-family: impact,trebuchet ms,arial,sans-serif;
    font-size: 2.1em;
    font-weight: normal;
    height: 30px;
    line-height: 20px;
    text-align: center;
    color: #108a72 !important;
}

span.price-old {
    margin-top: -6px;
}

.button-promo {
    background-color: #d9534f;
    border-radius: 0.25em;
    color: #ffffff;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: 0.2em 0.6em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.tuto-price-promo {
    clear: both;
    color: #ff0000 !important;
    font-family: impact,trebuchet ms,arial,sans-serif;
    font-size: 2.1em;
    font-weight: normal;
    line-height: 2px;
    text-align: center;
}

.tuto-price-old {
    color: #34495e;
    display: inline-block;
    float: left;
    font-family: impact,trebuchet ms,arial,sans-serif;
    font-weight: normal;
    padding-left: 30px;
    text-decoration: line-through;
    font-size: 18px;
}

.tuto-price-normale {
    clear: both;
    color: #108a72 !important;
    font-family: impact,trebuchet ms,arial,sans-serif;
    font-size: 2.1em;
    font-weight: normal;
    height: 36px;
    line-height: 40px;
    text-align: center;
}

.help-tuto {
    float: right;
    color: rgb(255, 255, 255);
    font-weight: bold;
    border-radius: 20px;
    padding: 1px 8px 0px;
    background: rgb(43, 151, 243) none repeat scroll 0px 0px;
}

.loginver {
    border-radius: 5px;
    color: #355368;
    margin: 30px auto;
    padding: 20px;
    margin-left: -13%;
}
/*login front end popup*/

.loginbox-v4 {
    background: #edeff1 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: #355368;
    margin: 30px auto;
    padding: 20px;
    /*width: 420px;*/
}

    .loginbox-v4 .box-heading {
        border-bottom: 1px solid #d3d3d3;
        color: #355368;
        font-size: 24px;
        margin: 0;
        padding: 10px 0;
        text-align: center;
    }

.abnClosed-inscription {
    float: right;
    font-size: 22px;
    margin-right: -32px;
    cursor: pointer;
    color: #bbbbbb;
}

.loginbox-v4 .non-labeled::before {
    color: #d3d3d3;
    font-family: FontAwesome;
    font-size: 20px;
    left: 10px;
    line-height: 1;
    margin-top: 30px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 2;
}

.loginbox-v4 .manage-fields-wrapper {
    margin-top: 10px;
    margin-left: 12%;
}

.manage-fields-wrapper, .form-wrapper {
    padding: 0 0 10px;
    position: relative;
    width: 78%;
    z-index: 1;
}

    .manage-fields-wrapper .tooltip-reference, .form-wrapper .tooltip-reference {
        display: inline-block;
        position: relative;
        width: 100%;
    }

.loginbox-v4 #form-item-fullName:before, .loginbox-v4 #form-item-fullname:before {
    content: "\f007";
}

.loginbox-v4 #form-item-email:before {
    content: "\f0e0";
}

.loginbox-v4 #form-item-user:before {
    content: "\f007";
}

.loginbox-v4 #form-item-password:before {
    content: "\f023";
}

.loginbox-v4 #form-item-title:before {
    content: "\f135";
}

.loginbox-v4 .manage-fields-wrapper input[type="text"], .loginbox-v4 .manage-fields-wrapper input[type="email"], .loginbox-v4 .manage-fields-wrapper input[type="password"] {
    border-radius: 5px;
    color: #355368;
    font-size: 18px;
    height: auto;
    outline: 0 none;
    padding: 11px 10px 12px 40px;
}

.loginbox-v4 .manage-fields-wrapper input[type="text"], .loginbox-v4 .manage-fields-wrapper input[type="email"], .loginbox-v4 .manage-fields-wrapper input[type="password"] {
    border-radius: 5px;
    color: #355368;
    font-size: 18px;
    height: auto;
    outline: 0 none;
    padding: 11px 10px 12px 40px;
}

.form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 1.42857;
    padding: 4px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

input[type="password"].form-control, input[type="email"].form-control, input[type="text"].form-control, input[type="tel"].form-control, textarea {
    border: 1px solid #333;
    width: 70%;
    height: 20px;
    margin-top: 20px;
}

.condition-utilisation {
    color: #353535;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    margin-top: 20px;
}

.btn-inscription {
    background-color: #2b97f3;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    font-size: 20px;
    margin-top: 20px;
    padding: 15px;
    width: 100%;
}

.loginbox-v4 .box-footer {
    border-top: 1px solid #d3d3d3;
    box-shadow: 0 1px #ffffff inset;
    margin-top: 20px;
    padding-top: 16px;
    text-align: center;
    font-size: 14px;
}

    .loginbox-v4 .box-footer a {
        font-weight: 700;
        color: #4985b8;
    }

.boutton-acheter {
    background-color: #03af00 !important;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
    padding: 1px 7px 4px 10px;
}

    .boutton-acheter:hover {
        background-color: #008a13 !important;
    }

.width-price-promo {
    text-align: center;
    width: calc(100% - 50px);
    height: 30px;
}

.display-promo-name {
    background-color: #fffe92;
    color: #6e5816;
    display: inline-block;
    font-size: small;
    font-style: italic;
    margin-left: 18px;
    margin-right: 20px;
    margin-top: 14px;
    padding: 2px 5px;
    text-align: center;
    width: 84%;
}

.price-old-table {
    font-weight: 900;
    text-decoration: line-through;
    padding-right: 8px;
    color: green;
}

.price-promo-table {
    color: red;
    font-weight: bold;
}

.price-normale-table {
    color: green;
    font-weight: bold;
}

.clearBoth, .clearfix {
    clear: both;
}

@media (max-width:1438px) {
    .pricing-list {
        list-style: none outside none;
        margin: 0 0 -39px;
        padding: 0;
        text-align: left;
        margin-top: -6px;
    }

    .pricing-block .hint {
        right: 8px;
    }
}

.full-width {
    width: 100%;
}

.right-block-formation ul li {
    margin: 2px;
}

.home_block_formation li:first-child {
    margin-right: 4px;
}

.Mouled1 div {
    height: 100%;
    left: 0%;
    padding-top: 15%;
    position: absolute;
    top: 0;
    width: 100%;
}

.Mouled1 a {
    display: block;
    margin: 0 auto;
    width: 2%;
    font-weight: bold;
}

.btn div {
    height: 100%;
    left: 10%;
    padding-top: 17%;
    position: absolute;
    top: 0;
    width: 100%;
}

.btn a {
    display: block;
    margin: 0 auto;
    width: 120px;
    font-weight: bold;
    background-color: #cc0000;
}

.noel div {
    height: 100%;
    left: 1%;
    padding-top: 18%;
    position: absolute;
    top: 0;
    width: 100%;
}

.noel a {
    display: block;
    margin: 0 auto;
    width: 120px;
    font-weight: bold;
    background-color: #cc0000;
}

/*search bar*/
#jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.jquery-script-center {
    width: 960px;
    margin: 0 auto;
}

    .jquery-script-center ul {
        width: 212px;
        float: left;
        line-height: 45px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .jquery-script-center a {
        text-decoration: none;
    }

.jquery-script-ads {
    width: 728px;
    height: 90px;
    float: right;
}

.jquery-script-clear {
    clear: both;
    height: 0;
}

.app-launcher {
    position: absolute;
    left: 84px;
    top: 40px;
    display: none;
}

.result-search {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    list-style: none;
}

    .result-search li {
        list-style: none;
        background: #f7f7f7;
        border-bottom: 1px solid #e5e5e5;
        padding: 8px 0 6px 15px;
        text-align: left;
        color: #333;
        font-size: 12px;
        /*height:40px;*/
    }

        .result-search li:hover {
            background: #edecec;
        }

.app-launcher::before {
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -5px;
    z-index: 1;
}

.apps {
    position: relative;
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    /*min-height: 196px;*/
    overflow-y: auto;
    overflow-x: hidden;
    width: 320px;
    /*height: 396px;*/
    margin-bottom: 30px;
    background: #f7f7f7;
}

.launcher .button {
    cursor: pointer;
    width: 32px;
    margin: 0 auto;
}

.hide {
    display: none;
}


.apps.overflow .more {
    border-bottom: 1px solid #ebebeb;
    left: 28px;
    width: 264px;
    height: 0;
    cursor: default;
    height: 0;
    outline: none;
}


.input-icon {
    position: relative;
}

.nav-search .q {
    border: 1px solid #6fb3e0;
    border-radius: 4px !important;
    color: #666 !important;
    font-size: 13px;
    height: 28px !important;
    line-height: 1.3;
    padding-bottom: 2px;
    padding-top: 2px;
    transition: width 0.15s ease 0s;
    width: 152px;
    z-index: 11;
}

.input-icon > input {
    padding-left: 12px;
    padding-right: 30px;
    height: 26px;
}

.input-icon > .ace-icon {
    bottom: 1px;
    color: #909090;
    display: inline-block;
    font-size: 16px;
    right: 3px;
    line-height: 30px;
    padding: 0 3px;
    position: absolute;
    top: 11px;
    z-index: 2;
}

.nav-search .nav-search-icon {
    background-color: transparent;
    color: #6fb3e0 !important;
    font-size: 14px !important;
    line-height: 24px !important;
}

.tabs-search {
    text-align: center;
    width: 100%;
    background: #e9e7e7;
}

    .tabs-search div {
        display: table-cell;
        padding: 10px;
        color: #585858;
        font-size: 13px;
        cursor: pointer;
    }

        .tabs-search div.active, .tabs-search div.active:hover {
            border: 0;
            border-bottom: 2px solid #f28612;
            font-weight: bold;
        }

    .tabs-search:after {
        clear: both;
    }

    .tabs-search div:hover {
        border-bottom: 2px solid #f9c288;
    }


.ligne-frm-searched.details div {
    color: #545454;
    padding-right: 20px;
    font-size: 11px;
}

.floatLeft {
    float: left;
}

.tabs-video-title::before {
    background: rgba(0, 0, 0, 0) url("https://static.alphorm.com/images/front/sprite2.png") no-repeat scroll -141px -110px;
    content: "";
    height: 22px;
    left: 43px;
    position: absolute;
    top: 6px;
    width: 24px;
}

.tabs-video-title {
    padding-left: 50px;
}

.tabs-formateur img {
    border-radius: 50%;
}

.dropDown-seach {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f7f7f7 none repeat scroll 0 0;
    border-color: -moz-use-text-color #bdc3c7 #bdc3c7;
    border-image: none;
    border-radius: 0 0 4px 4px;
    border-style: none solid solid;
    border-width: 0 2px 2px;
    position: absolute;
    z-index: 9999;
}

    .dropDown-seach ul {
        margin: 0;
        padding: 0;
    }

    .dropDown-seach li {
        list-style: none;
        border-bottom: 1px solid #dbdbdb;
        border-top: 1px solid #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
    }

.icon-search-menu {
    cursor: pointer;
    margin-top: 1px;
    padding: 7px 0 15px;
    width: 24px;
}

/*tabs tutoral*/
.titrepage .tutorialTabs {
    margin-bottom: -2px;
    color: #34495e;
    padding-left: 20px;
    padding-right: 20px;
    border: medium none transparent;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 2.8;
}

    .titrepage .tutorialTabs.active {
        background-color: #fff;
        border: 2px solid #d7dcde;
        border-bottom-color: transparent;
        border-radius: 6px 6px 0 0;
        margin-bottom: 0;
        margin-right: 0;
    }

#blockPlan .container-plan-tutoriel {
    background: #fff;
    box-shadow: 0;
    border-radius: 0px 5px 5px 5px;
}

#blockPlan .content-tabs-tuto .plan .accordion > .active, #blockPlan .content-tabs-tuto .plan .active {
    background: #f9f9f9;
}

    #blockPlan .content-tabs-tuto .plan .active .opener, #blockPlan .content-tabs-tuto .plan .active .slide {
        background-color: #f9f9f9;
    }

.bloc-news-tutorial .entire-description {
    background: #fff;
    border: 2px solid #d7dcde;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    padding: 5px 30px 20px;
}

    .bloc-news-tutorial .entire-description > h6 {
        font-size: 24px;
        margin-bottom: 15px;
        margin-top: 15px;
        color: #34495e;
    }

    .bloc-news-tutorial .entire-description .courses-info {
        color: #949494;
    }

    .bloc-news-tutorial .entire-description .trainers-name {
        color: #16a085;
        font-weight: bold;
        text-decoration: underline;
    }

    .bloc-news-tutorial .entire-description .holder4 .spec-block {
        padding: 0;
        font-size: 13px;
    }

    .bloc-news-tutorial .entire-description .holder4 {
        margin: 0;
        padding: 0;
        border-bottom: 2px solid #ecf0f1;
        padding-bottom: 10px;
    }

    .bloc-news-tutorial .entire-description .course-spec {
        border-bottom: 2px solid #ecf0f1;
    }

.tab-content-tr {
    border: 2px solid #fff;
    border-top: 0px;
    padding: 1px 0 0 3px;
    box-shadow: 1px 1px 1px 1px #ccc;
    box-sizing: border-box;
    background: rgba(222, 222, 222, 0.5);
}

.displayBlock {
    display: block;
}

.widthSearchPlan {
    width: calc(100% - 85px);
}

.icon-tri-training {
    color: #16a085;
    padding-right: 5px;
}

    .icon-tri-training i {
        margin-top: 2px;
    }

@media (max-width: 768px) {
    .btn-responsive {
        padding: 2px 4px;
        font-size: 80%;
        line-height: 1;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .btn-responsive {
        padding: 4px 9px;
        font-size: 90%;
        line-height: 1.2;
    }
}

@media (max-width:500px) {
    .info-hold .holder {
        overflow: hidden;
        padding: 0 10px 5px;
    }

    .img-top {
        margin-bottom: -26px;
        margin-top: -3px;
        padding-top: 7px;
    }

    .banner img {
        display: none;
    }

    .search-inp-container {
        display: none;
    }

    p.titleIndex {
        display: block;
        font-size: 16px;
        line-height: 23px;
        width: 300px;
    }

    .banner img.noneim {
        display: block;
    }

    .PD {
        margin-top: 41%;
    }

    .Mouled1 a {
        display: block;
        margin: 0 auto;
        width: 50px;
        font-weight: bold;
        min-width: 80px;
        font-size: 12px;
    }

    .Mouled1 div {
        height: 100%;
        left: 3%;
        padding-top: 15%;
        position: absolute;
        top: 0;
        width: 100%;
    }
}

@media (max-width: 775px) {
    #wrapper .logo a img {
        position: absolute;
        top: 5px;
        left: 10px;
    }

    #wrapper .step-title {
        text-align: center;
        text-transform: uppercase;
        color: #666666;
        font-size: 18px;
    }

    #wrapper .logo {
        background: #e5e5e5;
    }

    .panier main {
        margin-top: 65px !important;
    }

    .resp-hide {
        display: none;
    }

    .resp-show {
        display: block;
    }

    #pannier .step-form {
        padding: 0;
    }

    #pannier .detail-elm-panier {
        margin-top: 10px;
        padding: 0;
        font-size: 15px;
        color: #666;
    }

        #pannier .detail-elm-panier li {
            width: calc(100% / 3);
            list-style: none;
            float: left;
            text-align: center;
        }

            #pannier .detail-elm-panier li:last-child {
                border-right: 0;
            }

            #pannier .detail-elm-panier li:nth-child(2) {
                border-left: 1px solid #e5e5e5;
                border-right: 1px solid #e5e5e5;
            }

        #pannier .detail-elm-panier::after {
            clear: both;
        }

    .recommended-training-panier ul li {
        width: 100%;
    }

        .recommended-training-panier ul li .block-rec-trg-detail {
            text-align: left;
            font-size: 15px;
            width: 100%;
            margin-top: 10px;
        }

            .recommended-training-panier ul li .block-rec-trg-detail div {
                display: inline-block;
            }

                .recommended-training-panier ul li .block-rec-trg-detail div:first-child {
                    display: inline-block;
                    padding: 0 10px;
                }

                .recommended-training-panier ul li .block-rec-trg-detail div:nth-child(2) {
                    display: inline-block;
                    padding: 0 10px;
                }

        .recommended-training-panier ul li .block-rec-trg-desc {
            width: 100%;
            vertical-align: top;
            line-height: 1.3;
            padding-left: 100px;
        }

    .table-total-panier {
        width: 236px;
        margin: 0 auto;
    }

    #content-pannier tr:last-child span {
        display: block;
        padding-bottom: 5px;
    }

    #content-pannier tr:last-child input {
        width: calc(100% - 150px);
    }

    #content-pannier tr:last-child {
        text-align: center;
    }

    .table-panier table tbody tr:last-child {
        border-bottom: 1px solid #e0e0e0;
    }

    .table-total-panier tr:first-child {
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .table-panier .valde-cmd {
        display: block;
        margin: 5px auto;
    }

    .panier .step-form {
        margin-top: -100px;
    }

    .table-panier table tbody tr:first-child, .table-panier table tfoot tr:first-child {
        border-top: 0 !important;
    }

    .table-panier caption, .panier-trg-sug-title {
        color: #34495e;
        font-size: 25px;
        font-weight: bold;
        padding-bottom: 10px;
        text-align: center;
    }

    .panier-trg-sug-title {
        margin-top: 20px;
    }

    .delete-product-resp {
        width: 100%;
        text-align: center;
    }

        .delete-product-resp a {
            text-decoration: none;
            padding: 0 !important;
        }

    .panier-path-add-product {
        display: none;
    }

    .panier-block-point img {
        display: none !important;
    }

    .panier-block-point .panier-block-point-desc {
        width: 100%;
    }

    .panier-block-point .panier-block-point-desc {
        font-size: 13px;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .panier-block-point .panier-block-point-act input {
        width: 50px !important;
        height: 35px;
        border: 1px solid #e5e5e5;
        background: #fff;
        padding: 5px !important;
    }

    .panier-block-point .panier-block-point-act a {
        width: 40px !important;
        margin-left: 0px !important;
    }

    .paiement-methode-content {
        margin-top: 10px;
    }

    .cadre-virement-cheque-first, .cadre-virement-cheque-second {
        width: 100% !important;
        display: block !important;
    }

    .paiement-methode .return-paiement-path {
        text-align: center;
    }

    .paiement-methode .validate-paiement-block {
        text-align: center;
    }

    .page-panier .logo img {
        height: 20px;
    }
}

@media (min-width: 775px) {

    #wrapper .step-title {
        display: none;
    }

    #wrapper .logo {
        text-align: center;
    }

    #pannier .detail-elm-panier {
        display: none;
    }

    .recommended-training-panier ul li {
        display: inline-block;
        width: calc(50% - 12px);
    }

        .recommended-training-panier ul li:nth-child(2n - 1) {
            margin-right: 20px;
        }

        .recommended-training-panier ul li .block-rec-trg-detail {
            display: inline-block;
            width: 95px;
            text-align: center;
            font-size: 15px;
        }

        .recommended-training-panier ul li .block-rec-trg-desc {
            display: inline-block;
            width: calc(100% - 187px);
            padding: 0 10px;
            vertical-align: top;
            line-height: 16px;
        }

    .table-total-panier {
        width: 236px;
        float: right;
    }

    #content-pannier tr:last-child input {
        width: 200px;
    }

    .table-total-panier tr:first-child {
        display: none;
    }

    .table-panier tr td:last-child, .table-panier tr td:nth-child(2), .table-panier tr th:last-child, .table-panier tr th:nth-child(2) {
        color: #666;
        font-size: 15px;
        padding-right: 19px;
    }

    .table-panier .valde-cmd {
        float: right;
    }

    .table-panier caption {
        display: none;
    }

    .panier-trg-sug-title {
        font-size: 15px;
        color: hsl(211, 29%, 29%);
        font-weight: bold;
        margin-bottom: -8px;
        margin-left: -12px;
    }

    .delete-product-resp {
        display: none;
    }

    .panier-path-add-product {
        float: right;
        margin-bottom: 20px;
        margin-top: 15px;
    }

        .panier-path-add-product a {
            color: #1bbc9b;
            font-size: 14px !important;
            text-decoration: underline !important;
        }

    .panier-block-point .panier-block-point-desc {
        font-size: 13px;
        margin-left: 11px;
        display: inline-block;
        width: calc(100% - 79px);
        text-align: center;
    }

    .panier-block-point {
        float: right;
    }

    .paiement-methode-content {
        float: right;
        width: calc(100% - 370px);
    }

    .paiement-methode-menu {
        float: left;
    }

    .paiement-methode .validate-paiement-block {
        float: right;
        text-align: right;
    }

    .table-total-panier tr:last-child {
        border-top: 0;
    }

        .table-total-panier tr:last-child td:last-child {
            background: #f7f7f7;
            padding-left: 26px;
            padding-right: 3px;
        }

    .resp-show {
        display: none;
    }

    .page-panier .logo img {
        height: 25px;
        margin-top: 14px;
    }
}

.panier {
    padding: 0 10px;
}

.table-total-panier td {
    padding: 2px 4px 4px 32px;
}

.table-panier table tbody tr, .table-panier table tfoot tr {
    border-top: 1px solid #e0e0e0;
}

    .table-panier table tbody tr:last-child {
        border-bottom: 1px solid #e0e0e0;
    }

.table-total-panier tr {
    border: 1px solid #e0e0e0;
    border-top: 0;
    height: 45px;
}

.action-commande {
    width: 236px;
    text-align: center;
    color: #fff;
    background: #1bbc9b;
    margin-top: 5px;
    font-weight: bold;
    font-size: 15px !important;
    padding: 12px;
    border: 0;
    cursor: pointer;
}

    .action-commande:hover {
        color: #fff;
        text-decoration: none !important;
    }

.panier-block-point {
    border: 1px solid rgb(230, 230, 230);
    max-width: 430px;
    padding: 10px;
}

    .panier-block-point img {
        display: inline-block;
        vertical-align: top;
    }

    .panier-block-point .panier-block-point-act {
        background: #f9f9f9;
        padding: 10px;
        margin-top: 10px;
    }

        .panier-block-point .panier-block-point-act input {
            width: 90px;
            height: 35px;
            border: 1px solid #e5e5e5;
            background: #fff;
            padding: 0 10px;
            text-align: center;
        }

        .panier-block-point .panier-block-point-act a {
            width: 115px;
            background: #314455;
            color: #fff;
            font-weight: bold;
            height: 35px;
            display: inline-block;
            margin-left: 10px;
            text-align: center;
            padding-top: 5px;
            cursor: pointer;
        }

        .panier-block-point .panier-block-point-act .alert-point {
            color: red;
            font-size: 12px;
        }

#pannier .table-panier .cart-summary-delete {
    color: #929292;
    font-size: 13px;
    text-decoration: none;
    padding-right: 15px;
}

    #pannier .table-panier .cart-summary-delete:visited, #pannier .table-panier .cart-summary-delete:hover {
        text-decoration: underline;
    }

.paiement-methode hr {
    margin: 15px 0px 10px 0;
}

.paiement-methode .return-paiement-path {
    margin-top: 10px;
}

    .paiement-methode .return-paiement-path a {
        color: #666666;
        text-decoration: underline;
        font-size: 14px;
        cursor: pointer;
    }

    .paiement-methode .return-paiement-path img {
        margin-right: 5px;
    }

.paiement-methode .validate-paiement-block div {
    font-size: 15px;
}

.paiement-methode .validate-paiement-block b {
    font-size: 17px;
    margin-bottom: 5px;
}

#content-pannier tr:last-child input {
    border: 1px solid rgb(224, 224, 224);
    box-sizing: border-box;
    font-size: 13px;
    height: 32px;
    margin-left: 23px;
    padding-left: 10px;
}

.box-virement-ci {
    padding: 20px;
    background: #f9f9f9;
}

    .box-virement-ci p {
        text-align: justify;
        font-size: 14px !important;
    }

.payment_details_cadre {
    width: 100%;
    border: 1px #e5e5e5 solid;
}

.box-virement-ci > strong {
    font-size: 18px;
}

.cadre-virement-cheque-first {
    width: 330px;
    display: table-cell;
    background: #f9f9f9;
    text-align: center;
    padding: 15px;
}

.cadre-virement-cheque-second {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
}

.recommended-training-panier {
    display: block;
}

    .recommended-training-panier ul {
        margin: 20px 0 0;
        padding: 0;
    }

        .recommended-training-panier ul li {
            border-top: 1px solid #e0e0e0;
            list-style: none;
            padding: 10px 0;
        }

/*Step wizard*/
.steps {
    position: relative;
    height: 3px;
    background: #e5e5e5;
    width: 100%;
}

    .steps .step {
        background: #e5e5e5;
        border-radius: 4px;
        padding: 10px;
        position: absolute;
        color: #999;
        top: -20px;
        width: 20%;
        text-align: center;
        font-weight: bold;
    }

        .steps .step.active {
            background: #999;
            color: #fff;
        }

    .steps .progress-step {
        background: #999;
        height: 3px;
        width: 50%;
    }

    .steps li .step {
        background-color: #fff;
        border: 5px solid #ced1d6;
        border-radius: 100%;
        color: #546474;
        display: inline-block;
        font-size: 15px;
        height: 40px;
        line-height: 30px;
        position: relative;
        text-align: center;
        width: 40px;
        z-index: 2;
    }

    .steps li::before {
        border-top: 4px solid #ced1d6;
        content: "";
        display: block;
        font-size: 0;
        height: 1px;
        overflow: hidden;
        position: relative;
        top: 21px;
        width: 100%;
        z-index: 1;
    }

    .steps li.last-child::before {
        max-width: 50%;
        width: 50%;
    }

    .steps li:last-child::before {
        max-width: 50%;
        width: 50%;
    }

    .steps li:first-child::before {
        left: 50%;
        max-width: 51%;
    }

    .steps li.active::before, .steps li.complete::before, .steps li.active .step, .steps li.complete .step {
        border-color: #5293c4;
    }

    .steps li.complete .step {
        color: #fff;
        cursor: default;
        transition: transform 0.1s ease 0s;
    }

        .steps li.complete .step::before {
            background-color: #fff;
            border-radius: 100%;
            bottom: 0;
            color: #87ba21;
            content: "";
            display: block;
            font-family: FontAwesome;
            font-size: 17px;
            left: 0;
            line-height: 30px;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            z-index: 3;
        }

    .steps li.complete:hover .step {
        border-color: #80afd4;
        transform: scale(1.1);
    }

    .steps li.complete:hover::before {
        border-color: #80afd4;
    }

    .steps li .title {
        color: #949ea7;
        display: block;
        font-size: 14px;
        margin-top: 4px;
        max-width: 100%;
        table-layout: fixed;
        text-align: center;
        word-wrap: break-word;
        z-index: 104;
    }

    .steps li.complete .title, .steps li.active .title {
        color: #2b3d53;
    }

.step-content {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
}

    .step-content .step-pane {
        display: none;
        min-height: 200px;
    }

        .step-content .step-pane.active {
            display: block;
        }

.wizard-actions {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .panierbox {
    display: ruby;
    margin-left: 7%;
}
    .panierchek {
       
        font-size:12px;
        text-align:center;
       
    }

    .float {
        float: left;
    }

    .inputeResponsive {
        float: left;
        margin-top: 7px;
    }

    .panierRes {
        margin-top: -2px !important;
    }

    .steps li .step {
        border-width: 3px;
        height: 30px;
        line-height: 24px;
        width: 30px;
    }

    .steps li::before, .steps li::after {
        border-width: 3px;
    }

    .steps li.complete .step::before {
        font-size: 13px;
        line-height: 24px;
    }

    .steps li::before {
        top: 16px;
    }

    .step-content .step-pane {
        min-height: 150px;
        padding: 4px 4px 6px;
    }
}

/*Fin step wizard*/
@media only screen and (max-width: 665px) {
   
    .banner-text p:first-child {
        display: none;
    }
}
/*step paiement*/
#registraton .step-form label {
    color: #949494;
    font-size: 16px;
}

.CadreVertPopup {
    background: #1abc9c none repeat scroll 0 0;
    border-radius: 10px;
    display: inline-block;
    margin: 21px 50px 14px 0;
    min-height: 160px;
    padding: 14px 0;
    text-align: center;
    width: 350px;
}

.CadreBleuPopup {
    background: #34495e none repeat scroll 0 0;
    border-radius: 10px;
    display: inline-block;
    margin: 21px 0 14px;
    min-height: 160px;
    padding: 14px 0;
    text-align: center;
    width: 350px;
}

.holderTextPopUp {
    color: #fff;
    font-size: 32px;
    margin: 0;
    padding: 14px 0;
    position: absolute;
    width: 350px;
}

.ChoixDeviseBody {
    display: block;
    margin-top: 2%;
    text-align: center;
    width: 100%;
}

.share {
    background-color: #eff0f2;
    border-radius: 6px;
    padding-top: 10px;
    position: relative;
}

.check-share {
    cursor: pointer;
    height: 60px;
    width: 100%;
}

.share label .icons {
    margin-left: 48%;
    margin-top: 25px;
}

.cadreN {
    border-color: #d5d5d5;
    border-radius: 3px;
    border-style: solid;
    border-width: 2px;
    padding: 0;
    text-align: center;
}

#registraton .form-holder .header {
    text-align: center;
}

    #registraton .form-holder .header h1 {
        color: #34495e;
        font-size: 24px;
        margin-top: 15px;
    }

#registraton *::-moz-placeholder {
    color: #808b96;
}

.fieldset-connexion {
    background: #1abc9c none repeat scroll 0 0;
    padding: 20px 20px 20px calc((100% - 300px) / 2);
}

#registraton a {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    text-decoration: underline;
}

.suce {
    background: rgba(0, 0, 0, 0) url("https://static.alphorm.com/images/sucess.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.ico-preview::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.error-box .ico-preview {
    height: 150px;
    margin: 0 0 35px;
    width: 180px;
}

.ico-preview {
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.ico-preview-1 {
    background: #e2e9e5 none repeat scroll 0 0;
}

.ico-preview {
    border-radius: 50%;
    box-shadow: -3px 3px 0 0 rgba(0, 0, 0, 0.16);
    display: inline-block;
    font-size: 0;
    height: 160px;
    line-height: 0;
    margin: 0 0 31px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 160px;
}

#step-pannier .styled-row {
    padding: 10px 9999px 15px;
}

.lien {
    color: #fff;
    text-decoration: underline;
}

    .lien:hover {
        text-decoration: none;
        color: #fff;
    }

.marginTop {
    margin-top: -2%;
}

.a-banier {
    color: #1abc9c;
}

.seach-bar {
    font-size: 20px;
    padding-top: 10px;
    width: 100%;
    color: #bbb;
    text-transform: uppercase;
    height: 46px;
    box-sizing: border-box;
    max-width: 1162px;
    top: 0;
}

    .seach-bar input {
        background: none;
        border: 0 none;
        border-radius: 0;
        color: #bbb;
        font-size: 32px;
        height: 100%;
        outline: 0 none;
        text-transform: uppercase;
        width: calc(100% - 36px);
    }

        .seach-bar input:focus, .seach-bar input:active {
            background: none !important;
            border: none;
        }

#searchform-header-replace-close {
    color: #bbb;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    right: 0;
    top: 50%;
    width: 30px;
}

    #searchform-header-replace-close:hover {
        color: #000;
    }

.seach-bar ul {
    background: rgba(52, 73, 94, 1) none repeat scroll 0 0;
    list-style: outside none none;
    margin: -2px 0 0;
    padding: 0;
}

    .seach-bar ul li {
        padding: 10px 0 10px 20px;
        cursor: pointer;
    }

        .seach-bar ul li:hover {
            background: rgba(52, 73, 94, 1) none repeat scroll 0 0;
        }

.bgPromo {
    background-image: url("https://static.alphorm.com/images/front/backgroundImg.png");
}

.shadowed-btn {
    width: 87px;
    background: none;
    border: 0;
}

.overLoading {
    background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.soulig a:hover {
    text-decoration: underline;
}

.colore {
    font-size: 30px;
    line-height: 30px;
    color: #1abc9c;
    margin-bottom: 0;
    margin-top: 3%;
}


/*search front end*/
.search-overlay {
    background: rgba(52, 73, 94, 0.98) none repeat scroll 0 0;
    color: #888;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1500;
    box-sizing: border-box;
    padding: 33px;
}

.search-overlay__inner {
    position: relative;
}

.search-overlay__header {
    display: block;
    width: 100%;
}

.search-overlay__exit, .search-overlay__title {
    display: inline-block;
    font-weight: 100;
    vertical-align: middle;
}

.search-overlay__title {
    color: #f2f2f2;
    margin: 18px 0 0;
}

.search-overlay__exit {
    color: #f96816;
    cursor: pointer;
    float: right;
    font-size: 40px;
    text-decoration: none;
}

.search-overlay__exit, .search-overlay__title {
    display: inline-block;
    font-weight: 100;
    vertical-align: middle;
}

.search-overlay__input-wrapper {
    display: block;
    height: 110px;
}

.search-overlay__search-label {
    height: 0;
    position: absolute;
    top: -50000px;
    width: 0;
}

.search-overlay__search-text {
    font-size: 70px;
    font-weight: 400;
    line-height: 60px;
    position: absolute;
}

.search-overlay__input-wrapper .search-overlay__input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #f2f2f2;
    height: inherit;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    resize: none;
    white-space: pre-wrap !important;
    width: 90%;
    word-wrap: break-word;
    font-size: 70px;
    font-weight: 400;
}

.search-overlay__input-wrapper input:focus,
.search-overlay__input-wrapper input:active {
    background: none !important;
    border: medium none !important;
    color: #f2f2f2;
}

.search-overlay__results {
    color: #888;
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 25px 0 20px 7px;
}

    .search-overlay__results li {
        display: block;
        font-size: 24px;
        line-height: 24px;
        margin: 0 0 20px;
        padding: 0;
    }

        .search-overlay__results li > a {
            color: #888;
            cursor: pointer;
            text-decoration: none;
        }

.search-overlay__header h4 {
    font-size: 30px;
}

.result-search-home {
    font-size: 15px;
    position: absolute;
    z-index: 999999999999999;
    width: 100%;
}

.centerTrgHome {
    padding-left: 30px;
}

@media(max-width:360px) {

    .centerTrgHome {
        padding-left: 0;
    }

    .adv {
        font-size: 14px;
        line-height: 24px;
        color: hsl(168, 77%, 42%);
        font-weight: bold;
    }

    .espace {
        margin-top: -55%;
    }
}

.jw-preview {
    display: none;
    opacity: 1;
    visibility: visible;
    background-color: #fff !important;
}

.button-rouge-small {
    background-color: #e74c3c;
    border: medium none;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

.button-Vert {
    background-color: #1abc9c;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.iconAlphorm {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 16px;
}

.itemdiv.dialogdiv {
    padding-bottom: 14px;
}

.itemdiv {
    min-height: 66px;
    padding-right: 3px;
}

.dialogs, .itemdiv {
    position: relative;
}

    .itemdiv.dialogdiv > .body {
        border: 1px solid #DDE4ED;
        padding: 5px 8px 8px;
        border-left-width: 2px;
        margin-right: 1px;
    }

    .itemdiv > .body {
        margin-left: 50px;
        margin-right: 12px;
        position: relative;
        min-height: 80px;
    }

    .itemdiv.dialogdiv > .body > .time {
        position: static;
        float: right;
    }

    .itemdiv > .body > .time {
        display: block;
        font-size: 11px;
        font-weight: 700;
        color: #666;
        position: absolute;
        right: 9px;
        top: 0;
    }

        .itemdiv > .body > .time .ace-icon {
            font-size: 14px;
            font-weight: 400;
        }

.ace-icon {
    text-align: center;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.modal-footer {
    padding: 19px 20px 20px;
    border-radius: 0px 0px 15px 15px;
    text-align: right;
    /* border-top: 1px solid #e5e5e5; */
}

.quote {
    position: relative;
}

    .quote.dark blockquote::before {
        border-top-color: hsl(0, 0%, 96%);
    }

    .quote blockquote::before {
        content: "";
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #FF6C6C;
        width: 0;
        height: 0;
        position: absolute;
        bottom: -20px;
        right: 79%;
    }

    .quote.dark blockquote {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: hsl(214, 31%, 90%);
        border-image: none;
        border-style: solid;
        border-width: 1px 1px 1px 2px;
        margin-right: 1px;
        /*padding: 5px 8px 8px;*/
    }

    .quote blockquote {
        border-color: #1abc9c;
        border-radius: 8px;
        font-size: 14px;
        font-style: italic;
        margin: 0;
        padding: 0;
    }

        .quote blockquote p {
            color: #545454;
            padding: 10px 18px 7px;
        }

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    margin-bottom: 0;
}

.quote-footer {
    margin: 14px 0;
}

.text-right {
    text-align: left;
}

.quote-footer .quote-author-img img {
    border-radius: 50%;
    float: left;
    height: 90px;
    margin-left: 31px;
    max-width: 90px;
    padding: 8px;
    position: relative;
    width: 90px;
    z-index: 1;
}

.quote-footer h4 {
    font-size: 14px;
    margin-bottom: 4px;
    color: #1abc9c;
}

.quote-footer p {
    color: hsl(0, 0%, 33%);
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
}

.search-area #searchInputPlan {
    font-size: 19px;
    height: 35px;
    width: calc(100% - 100px);
}

.search-area .result-search {
    width: 72% !important;
}

.tooltipster-content {
    font-size: 13px !important;
}


ul.bloc-tarif {
    padding: 0;
    margin: -6px 0 -39px;
}

    ul.bloc-tarif li {
        list-style: none;
        padding-top: 6px;
        text-align: left;
        font-size: 12px;
        color: #1abc9c;
        padding-left: 15px;
        padding-right: 5px;
        line-height: 15px;
        padding-bottom: 4px;
    }

        ul.bloc-tarif li:hover {
            background: #f4f4f4;
            color: #000;
        }

ul.bloc-tarif-unite {
    padding: 0;
    margin: -6px 0 -39px;
}

    ul.bloc-tarif-unite li {
        list-style: none;
        padding-top: 6px;
        text-align: left;
        font-size: 12px;
        color: #000;
        padding-left: 15px;
        padding-right: 5px;
        line-height: 15px;
        padding-bottom: 4px;
    }


        ul.bloc-tarif-unite li:hover {
            background: #f4f4f4;
            color: #000;
        }

.abonnementPhone {
    width: 320px;
}

.blocAbonnementsPhone {
    /*width: 300px;*/
    margin-left: 0px;
    padding-bottom: 20px;
}

.btn-des {
    background-color: hsl(0, 0%, 98%);
    border: 2px solid hsl(6, 76%, 57%);
    color: hsl(6, 76%, 57%);
    font-size: 16px;
    font-weight: bold;
    padding: 9px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}

.block-phone {
    background: #fff;
    border: 2px solid hsl(169, 53%, 51%);
    position: relative;
    border-radius: 3px;
}

.titleBlocPhone {
    padding-top: 20px;
    padding-bottom: 10px;
    width: 100px;
    line-height: 22px;
    padding-left: 20px;
    font-size: 15px !important;
    float: left;
}

.spanTitleBlocPhone {
    font-size: 14px;
    margin-bottom: 6px !important;
    line-height: 20px !important;
    color: #fff;
    text-transform: uppercase;
}

.priceBlocPhone {
    float: right;
    font-size: 15px !important;
    line-height: 18px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-top: 19px;
    width: 124px;
}


.spanPriceBlocPhone {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px !important;
    color: #fff;
}

.plusBlocPhone {
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 7px;
    float: right;
    color: #fff;
}

.moinsBlocPhone {
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 7px;
    float: right;
    color: #fff;
}

.msgPrixBlocPhone {
    text-align: center;
    font-size: 14px;
}

.ulContentPhone li {
    list-style: none;
    text-align: left;
    font-size: 12px;
    color: #000;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 15px;
    padding-bottom: 4px;
}

.ulContentPhone {
    padding-left: 10px;
}

    .ulContentPhone li:hover {
        background: #f4f4f4;
        color: #000;
    }

.blocAbonnements {
    display: block;
}



.liPopup:hover {
    background: white !important;
}

@media (min-width: 540px) {

    .IconRight {
        display: inline-block;
        /*text-align: center;*/
        vertical-align: top;
    }

    .IconLeft {
        display: inline-block;
        width: 45%;
        vertical-align: top;
    }
}

@media only screen and (max-width:1300px) {
    .blocAbonnementsPhone {
        display: block;
    }

    .btn-des {
        background-color: hsl(0, 0%, 98%);
        border: 3px solid hsl(6, 76%, 57%);
        color: hsl(6, 75%, 57%);
        font-size: 16px;
        font-weight: bold;
        padding: 9px;
        text-decoration: none;
        transition: all 0.5s ease 0s;
        width: 20%;
    }

    .footer-area {
        float: none;
        /*text-align: center;*/
    }
}

#footer .block-area .text a {
    color: #dfd9d9;
    font-size: 15px;
}

.templatemo {
    display: inline-block;
    font-weight: bold;
    padding: 37px 120px 30px;
    font-size: 16px;
    padding-left: 0;
    /*width: 227px;*/
}

.bars {
    color: #666666;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
}

.player-back-video {
    margin-top: 30px;
}

    .player-back-video .course-title {
        text-align: left;
        margin-bottom: 10px;
        font-weight: 100;
        font-size: 17px;
    }

    .player-back-video h1 {
        font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.1;
        margin: 0 0 5px;
        margin-bottom: 10px;
    }

.organis {
    font-weight: 300;
    line-height: 2;
    color: #777;
    text-align: left;
}



.dropDown-two-level {
    width: 382px;
    height: 43px;
    position: relative;
    margin: 35px auto;
    z-index: 5;
}

    .dropDown-two-level .header-dropDown {
        color: #fff;
        background: #1abc9c;
        font-weight: bold;
        padding: 12px 25px;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 18px;
    }

        .dropDown-two-level .header-dropDown i {
            color: #247765;
            float: right;
            font-size: 20px;
        }

    .dropDown-two-level .product-certif {
        background: #f4f4f4;
        border-bottom: 1px solid #dbdbdb;
        border-left: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        margin: 0;
        padding: 0;
        /*height:50px;*/
    }

    .dropDown-two-level ul li ul {
        margin: 0;
        padding: 0;
    }

    .dropDown-two-level ul li {
        border-top: 1px solid #dbdbdb;
        list-style: outside none none;
        text-align: left;
        color: #484848;
        font-weight: bold;
        font-size: 14px;
        cursor: pointer;
    }

    .dropDown-two-level .product-certif > li > div {
        padding: 8px 5px 8px 15px;
    }

    .dropDown-two-level .content-dropDown > ul > li.active {
        background: #fff;
    }

        .dropDown-two-level .content-dropDown > ul > li.active > ul > li.active {
            background: #fff;
        }

            .dropDown-two-level .content-dropDown > ul > li.active > div,
            .dropDown-two-level .content-dropDown > ul > li.active > div i,
            .dropDown-two-level .content-dropDown > ul > li.active > ul > li.active > div,
            .dropDown-two-level .content-dropDown > ul > li.active > ul > li.active > div > i {
                color: #1cbca2;
            }

    .dropDown-two-level ul li ul li {
        padding: 8px 5px 8px 34px;
        background: #f4f4f4;
    }

        .dropDown-two-level ul li ul li:hover, .dropDown-two-level ul li ul li.active, .dropDown-two-level ul li > div.active {
            color: #333 !important;
            background: #fff;
            cursor: pointer;
        }

    .dropDown-two-level ul li > div.title-product i.fa:before {
        content: "\f0da";
    }

    .dropDown-two-level ul li > div.title-product.active i.fa:before {
        content: "\f0d7" !important;
        color: #333 !important;
    }

    .dropDown-two-level ul li ul li i {
        float: right;
    }

    .dropDown-two-level ul li i {
        color: #c5c5c5;
        font-size: 20px;
        padding-right: 8px;
    }


.text-muted {
    color: inherit;
    opacity: 0.6;
}



.showCdre {
    box-shadow: 1px 2px 2px -1px hsl(0, 0%, 80%);
    padding: 10px;
    box-sizing: border-box;
    padding: 15px 20px;
    overflow: hidden;
    width: 300px;
    max-height: 250px;
    position: relative;
}

.fonctionnalites-financement {
    font-family: 'Open Sans';
    color: #666666;
    max-width: 957px;
    margin-top: 1%;
    line-height: 2;
    font-size: 16px;
    font-weight: 400;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
}

.p-fonctionnalites {
    font-family: 'Open Sans';
    color: #666666;
    line-height: 2;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.img-cadr {
    background-color: #fff;
    line-height: 70%;
    font-size: 14px;
    max-width: 450px;
    height: 450px;
    line-height: 24px;
    box-shadow: 1px 1px 5px hsl(0, 0%, 89%);
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}


#cadre {
    line-height: 70%;
    font-size: 14px;
    max-width: 960px;
    min-height: 50px;
    line-height: 18px;
    box-shadow: 5px 7px 4px -8px #545454;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}


.filix {
    box-shadow: 1px 2px 2px -1px hsl(0, 0%, 80%);
    padding: 10px;
    box-sizing: border-box;
    padding: 15px 20px;
    overflow: hidden;
    width: 300px;
    height: 89px;
    position: relative;
}

.show-filix {
    padding: 10px;
    box-sizing: border-box;
    padding: 15px 20px;
    overflow: hidden;
    width: 300px;
    height: 89px;
    position: relative;
}

.text-filix {
    color: #e74c3c;
    font-size: 26px;
    font-weight: bold;
    text-align: justify;
    font-family: 'Open Sans';
    margin-left: auto;
    margin-right: auto;
    max-width: 957px;
    margin-top: 24px;
}

.page-header-description {
    flex-basis: 100%;
}

.page-header-description {
    font-style: italic;
    font-weight: 300;
    margin: 0 0 30px;
}

.btnCategorie {
    background-color: #f1f1f1;
    border-radius: 7px;
    display: inline-block;
    font-family: Tahoma,Arial,Helvetica,Sans,Times,sans-serif;
    font-size: 14px;
    color: black !important;
    margin: 4px 8px 4px 0;
    padding: 5px 19px;
    text-decoration: none;
    transition: background-color 0.5s ease 0s, opacity 0.5s ease 0s, border-color 0.5s ease 0s, color 0.5s ease 0s;
}

    .btnCategorie:hover {
        background-color: #e8e8e8;
        color: #000;
        text-decoration: none;
    }


.center-line {
    display: inline-block;
    width: 957px;
    height: 1px;
    border-top: 1px solid hsl(0, 0%, 89%);
    margin: auto;
    margin-top: 4%;
}

.center {
    text-align: center;
}

.logo-left {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2%;
}

.hiden {
    margin: 0 auto;
    padding: 0;
}

.footer-area {
    float: left;
    width: 100%;
}

.percentage {
    font-size: 45px;
    line-height: 24px;
    font-weight: 600;
    color: #108a72;
    margin-top: -11px;
}

.texte-chiffre {
    font-size: 18px;
    text-align: left;
    line-height: 24px;
    font-weight: 500;
    color: #108a72;
    margin-top: -11px;
    margin-left: 17px;
}

.ico-text {
    font-size: 14px;
    text-align: left;
    line-height: 24px;
    font-weight: 500;
    color: hsl(0, 0%, 75%);
    margin-left: 17px;
}

.effica {
    color: hsl(0, 0%, 75%);
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.titre_mobili {
    color: hsl(0, 0%, 20%);
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: bold;
}

.titre_fil {
    color: hsl(0, 0%, 20%);
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 38px;
}

.size-bostez {
    font-size: 30px;
}

.footer-lign {
    color: hsl(0, 8%, 86%);
    font-size: 12px;
    line-height: 50px;
}

.pad25A {
    padding: 25px !important;
}

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

    .pricing-box .pricing-specs, .pricing-box .pricing-title {
        margin: -1px -1px 0;
    }

    .pricing-box .pricing-title {
        font-weight: 400;
        padding: 15px;
    }

    .pricing-box ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    .pricing-box .pricing-specs {
        padding: 10px 15px 20px;
    }

        .pricing-box .pricing-specs span {
            font-size: 50px;
        }

            .pricing-box .pricing-specs span sup {
                font-size: 30px;
                margin-left: -20px;
                padding-right: 5px;
            }

        .pricing-box .pricing-specs i {
            color: hsla(0, 0%, 100%, 0.6);
            display: block;
            font-size: 14px;
            font-style: normal;
        }

    .pricing-box ul li {
        border-bottom: 1px solid hsl(0, 0%, 93%);
        font-size: 14px;
        height: 48px;
        line-height: 48px;
        padding: 0 10px;
    }

        .pricing-box ul li:nth-child(2n) {
            background: hsl(0, 0%, 98%) none repeat scroll 0 0;
        }

.pricing-table .pricing-box {
    padding: 0;
}

    .pricing-table .pricing-box + .pricing-box {
        border-radius: 0;
        border-width: 1px 1px 1px 0;
    }

        .pricing-table .pricing-box + .pricing-box:nth-child(2):last-child {
            border-width: 1px;
        }

    .pricing-table .pricing-box .pricing-specs, .pricing-table .pricing-box .pricing-title {
        border-bottom: 1px solid hsl(0, 0%, 93%);
        border-radius: 0;
        margin: 0;
    }

        .pricing-table .pricing-box .pricing-specs span {
            font-size: 40px;
        }

            .pricing-table .pricing-box .pricing-specs span sup {
                font-size: 20px;
                margin-left: -10px;
                padding-right: 5px;
            }

        .pricing-table .pricing-box .pricing-specs i {
            color: hsla(0, 0%, 0%, 0.5);
        }

.pricing-table .pricing-best {
    box-shadow: 0 0 10px 0 hsla(0, 0%, 0%, 0.1);
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
    z-index: 15;
}

    .pricing-table .pricing-best .pricing-specs {
        background: hsl(0, 0%, 98%) none repeat scroll 0 0;
    }

    .pricing-table .pricing-best .pricing-title {
        font-size: 28px;
        height: 90px;
        line-height: 60px;
        margin: -25px -1px 0;
    }

.pricing-box-alt {
    position: relative;
}



    .pricing-box-alt .plans-features {
        border-color: #e8f8f5;
        text-align: right;
        width: 22%;
        border: 0px;
    }

        .pricing-box-alt .plans-features .plan-header {
            margin-top: 21%;
            border-bottom: 4px solid #e8f8f5;
        }

        .pricing-box-alt .plans-features ul li {
            border-left: 4px solid #e8f8f5;
        }

    .pricing-box-alt ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    .pricing-box-alt .plan-header {
        padding: 0;
        margin-bottom: 12px;
    }

.pricing-titre {
    font-size: 16px;
    font-family: 'Open Sans';
    color: #1abc9c;
    padding-top: 26px;
    margin-left: -11%;
}

.pricing-tarif {
    font-size: 14px;
    font-family: 'Open Sans';
    margin-top: -17px;
    margin-left: -9%;
}

.pricing-box-alt .plan-header h4 {
    color: hsl(210, 29%, 29%);
    font-size: 17px;
    font-weight: 500;
    height: 40px;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
}

.pricing-box-alt .plan-header .plan-price {
    font-size: 45px;
    font-weight: 100;
    height: 60px;
    line-height: 65px;
    margin: 0 0 5px;
}

    .pricing-box-alt .plan-header .plan-price small {
        font-size: 30px;
        opacity: 0.4;
        padding-right: 3px;
    }

.pricing-box-alt .studio-plan .plan-header h4 {
    color: #1abc9c;
}

.pricing-box-alt .unlimited-plan .plan-header h4 {
    color: hsl(210, 29%, 29%);
}

.pricing-box-alt ul li {
    color: hsl(0, 0%, 44%);
    font-size: 12px;
    font-weight: 500;
    padding: 0 10px;
}

.tarif {
    height: 40px;
}

.pricing-box-alt .plans-features ul li {
    color: hsl(0, 0%, 44%);
    font-weight: 400;
}



.pricing-box-alt ul li .feature-excluded {
    background: hsl(0, 0%, 90%) none repeat scroll 0 0;
}

.pricing-box-alt .pricing-btn {
    background: hsl(0, 0%, 98%) none repeat scroll 0 0;
    padding: 15px;
}

    .pricing-box-alt .pricing-btn .btn {
        box-sizing: initial;
        display: block;
        font-size: 16px;
        font-weight: 700;
        line-height: 1;
        padding: 15px 0;
    }

        .pricing-box-alt .pricing-btn .btn b {
            display: block;
            font-size: 13px;
            font-weight: 400;
            opacity: 0.6;
            padding: 6px 0 0;
        }

.individual-plan .pricing-btn {
    border-left: 1px solid hsl(0, 0%, 78%);
    margin-left: -1px;
}

.pricing-box-alt ul li.header {
    background: hsl(0, 0%, 98%) none repeat scroll 0 0;
}

.icon-font {
    color: hsl(168, 76%, 42%);
    font-size: 24px;
    text-align: center;
    margin-top: 7px;
}

.icon-fontaw {
    color: #cecece;
    font-size: 24px;
    text-align: center;
    margin-top: 7px;
}



.imgeentreprise {
    width: 920px;
}

.certification {
    margin-top: 30px;
    color: #e74c3c;
    font-size: 28px;
    font-weight: bold;
}

.Boostez {
    color: hsl(0, 0%, 40%);
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1%;
    max-width: 957px;
    text-align: center;
}


.Boostez-p {
    color: #666666;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    max-width: 957px;
    text-align: center;
}

.heading-Bosstez {
    margin: 0 auto 21px;
    padding-top: 38px;
    text-align: center;
}

.filix-text {
    font-family: "Open Sans";
    font-weight: 600;
    margin-top: 24px;
}

.titre_boostez {
    color: #333333;
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: bold;
}

.h3_boostez {
    font-size: 20px;
    line-height: 23px;
}

.boostez_td {
    padding-top: 0px;
}

.Boostez_margin {
    margin-top: -20px;
}

.imge-rad {
    -webkit-border-top-left-radius: 26px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.box_shadow {
    overflow: hidden;
    width: 313px;
    background-color: hsl(0, 0%, 99%);
    box-shadow: 1px 1px 1px 0 hsla(0, 0%, 0%, 0.2);
    margin-left: 10px;
    margin-right: 10px;
    padding: 6px 70px 7px 70px;
}

.titer_mobilite {
    color: hsl(6, 78%, 57%);
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: bold;
}

.sarch-btn-header {
    width: 216px;
    height: 27px;
    border: 1px solid #ccc !important;
    position: relative;
    margin-top: 5px;
    display: inline-block;
}

.shopping-cart {
    margin-right: -18px;
}

.sarch-btn-header input {
    border: 0 none !important;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    margin-left: 0;
    position: absolute;
    width: calc(100% - 30px);
    padding-left: 5px;
}

.sarch-btn-header i {
    background: #efefef none repeat scroll 0 0;
    box-sizing: border-box;
    color: #b7b7b7;
    height: 100%;
    padding: 4px 7px 0;
    position: absolute;
    right: 0;
}

@media screen and (max-width: 500px) {

    .img-cadr {
        background-color: hsl(0, 0%, 100%);
        border-radius: 8px;
        box-shadow: 1px 1px 5px hsl(0, 0%, 89%);
        height: 430px;
        line-height: 24px;
        margin-left: 15px;
        margin-right: auto;
        max-width: 330px;
    }

    .height-cad {
        height: 330px;
    }

    .bars {
        color: hsl(0, 0%, 40%);
        font-family: "Open Sans";
        font-size: 13px;
        font-weight: 400;
    }

    .imge-small {
        width: 330px;
    }
}

@media screen and (max-width: 736px) {


    #one {
        padding: 2em 0 0.1em;
    }
}

#two .inner {
    display: flex;
    flex-direction: row;
}

    #two .inner article {
        width: 50%;
    }

@media screen and (max-width: 980px) {
     .panierPlus{
        display:none;
    }
    .banner .banner-hold {
        position: absolute;
        content: '';
        bottom: 0;
        right: 6px;
        left: 18px;
        text-align: center;
    }

    .center-line {
        border-top: 1px solid hsl(0, 0%, 89%);
        display: inline-block;
        height: 1px;
        margin: auto;
        width: 99%;
    }

    .taux {
        margin: 0 0.1% 10px !important;
    }


    .footer-lign {
        color: hsl(0, 8%, 86%);
        font-size: 12px;
        line-height: 20px;
    }

    .header-panel {
        background: hsl(210, 29%, 29%) none repeat scroll 0 0;
        display: none;
        overflow: hidden;
        padding: 14px 10px 2px;
    }

    .shopping-cart {
        margin-left: 14px;
    }

    .p-left {
        margin-left: -8%;
    }

    .sarch-btn-header {
        border: 1px solid hsl(0, 0%, 80%) !important;
        display: none;
        height: 27px;
        margin-top: 5px;
        position: relative;
        width: 216px;
    }

    .footer-area .area {
        display: inline-block;
        vertical-align: top;
    }

    .footer-area {
        float: none;
        text-align: center;
    }

    .bloc-Center {
        text-align: center;
        margin-left: 20px;
        width: 100%;
    }

    .filix-text {
        font-family: "Open Sans";
        font-weight: bold;
        margin-top: 24px;
        line-height: 2;
    }

    .text-filix {
        color: hsl(6, 78%, 57%);
        font-size: 22px !important;
        font-weight: bold;
        text-align: left !important;
        margin-left: 22px;
    }

    .fonctionnalites-financement {
        color: hsl(0, 0%, 40%);
        font-family: "Open Sans";
        font-size: 16px;
        font-weight: 400;
        line-height: 2;
        margin-left: 14px;
        margin-right: 14px;
        margin-top: 1%;
        text-align: left;
    }

    .titer_fonctionnalites {
        color: hsl(6, 77%, 57%);
        font-family: "Open Sans";
        font-size: 22px;
        font-weight: bold;
    }

    .size-bostez {
        font-size: 26px;
    }

    .fonctionliter-list li {
        display: inline-block;
        margin: 0 -9px -39px;
        vertical-align: top;
    }

    .titre_effic {
        color: hsl(0, 0%, 20%);
        font-family: "Open Sans";
        font-size: 20px;
        font-weight: bold;
        text-align: center;
    }

    .partner-list li {
        margin: 0 1.8% 10px;
    }

    .partner-non {
        display: none;
    }

    .blocle {
        margin-left: 11%;
    }

    .blocRI {
        margin-left: 5%;
    }

    .texteRI {
        margin-bottom: 22px;
        margin-left: 13% !important;
        text-align: center;
        width: 70%;
    }



    .btn-small {
        padding-left: 0;
        width: 150px;
        border-left-width: 0;
    }

    .titre_boostez {
        color: hsl(0, 0%, 20%);
        font-family: "Open Sans";
        font-size: 16px;
        font-weight: bold;
        min-width: 350px;
    }

    .btn-lont {
        max-width: 300px;
        width: 100%;
    }


    .sizeH3 {
        font-size: 18px;
        font-weight: bold;
        line-height: 38px;
        margin: 0 0 10px;
        max-width: 1150px;
        text-align: center;
    }

    .styled-row, .styled-row2 {
        padding: 0px 9999px 15px;
        margin: 0 -9999px;
        text-align: center;
    }

    .titre_mobili {
        color: hsl(0, 0%, 20%);
        font-family: "Open Sans";
        font-size: 28px;
        font-weight: bold;
    }

    .certification {
        margin-top: 30px;
        color: #e74c3c;
        font-size: 28px;
        font-weight: bold;
    }

    .Boostez {
        color: hsl(0, 0%, 40%);
        font-family: "Open Sans";
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -1%;
        text-align: center;
    }

    .titer_fonctionnalites {
        color: hsl(6, 78%, 57%);
        font-family: "Open Sans";
        font-size: 27px;
        font-weight: bold;
    }

    .titre_boostez {
        color: hsl(0, 0%, 20%);
        font-family: "Open Sans";
        font-size: 18px;
        font-weight: bold;
    }

    .cadre-top {
        margin-top: 17px;
    }

    .cadre-al {
        border: 2px #108a72 solid;
        border-radius: 4px;
        border-radius: 3px;
        margin-top: 17px;
        position: relative;
        width: 100%;
    }

    .bars {
        color: hsl(0, 0%, 40%);
        font-family: "Open Sans";
        font-weight: 400;
        font-size: 14px;
    }

    #two .inner {
        flex-direction: column;
    }

        #two .inner article {
            width: 100%;
        }

            #two .inner article:first-child {
                padding-bottom: 2em;
                padding-right: 0;
                margin-left: -2%;
            }

            #two .inner article:last-child {
                padding-left: 0;
                padding-top: 2em;
            }

    .box_shadow {
        background-color: hsl(0, 0%, 99%);
        box-shadow: 1px 1px 1px 0 hsla(0, 0%, 0%, 0.2);
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;
        padding: 6px 58px 7px;
        text-align: center;
        /*width: 200px;*/
        margin-top: 25px;
        display: inline-block;
    }
}

.inner {
    margin: 0 auto;
    max-width: 58em;
    width: calc(100% - -2em);
}

.blocRI {
    display: inline-block;
    min-width: 430px;
    text-align: left;
    vertical-align: top;
    line-height: 36px;
}

.blocle {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    min-width: 430px;
    line-height: 36px;
}

.box-certif {
    background: #f4f4f4 none repeat scroll 0 0;
    border-bottom: 4px solid #dbdbdb;
    border-left: 1px solid #ededed;
    border-radius: 6px;
    border-right: 1px solid #ededed;
    max-width: 382px;
    margin: 0 auto;
    padding: 33px 28px 14px 10px;
    box-sizing: border-box;
}

    .box-certif a {
        color: hsl(166, 73%, 43%);
        display: block;
        font-size: 14px;
        font-weight: bold;
        margin-top: 6px;
        text-decoration: underline;
    }

.b-infoblock-with-icon--circle-icon .b-infoblock-with-icon__icon {
    border-radius: 50%;
    height: 68px;
}

.cadre-certif {
    border: 1px solid #f4f4f4;
    width: 290px;
    height: 290px;
    padding: 0;
    background: #f2f2f2;
    margin-bottom: 20px;
    box-shadow: 3px 4px 10px -3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 3px 4px 10px -3px rgba(0,0,0,0.25);
    -moz-box-shadow: 3px 4px 10px -3px rgba(0,0,0,0.25);
}

    .cadre-certif .header-cadre-certif {
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        height: 74px;
        text-align: left;
        padding: 13px;
        font-size: 14px;
    }

        .cadre-certif .header-cadre-certif div {
            float: left;
            color: #333;
            width: 67%;
        }

        .cadre-certif .header-cadre-certif img {
            width: 50px;
            float: right;
        }

    .cadre-certif .title-cadre-certif {
        color: #525252;
        font-size: 14px;
        font-weight: bold;
        margin-top: 15px;
    }

    .cadre-certif .block-certif-product {
        margin: 20px;
        height: 134px;
    }

        .cadre-certif .block-certif-product .box-cadre-certif {
            width: 100%;
            height: 67px;
            background: #fff;
            border: 1px solid #eeeeee;
        }

            .cadre-certif .block-certif-product .box-cadre-certif > div:nth-child(1) {
                float: left;
                width: 68px;
                border-right: 1px solid #eeeeee;
                height: 100%;
                padding: 5px;
            }

            .cadre-certif .block-certif-product .box-cadre-certif > div:nth-child(2) {
                float: right;
                width: calc(100% - 73px);
                text-align: left;
                padding: 11px 0 0 8px;
            }

            .cadre-certif .block-certif-product .box-cadre-certif img {
                width: 100%;
            }

            .cadre-certif .block-certif-product .box-cadre-certif .nbr-trg {
                color: #696969;
                font-size: 13px;
                margin-top: 2px;
            }

@media (min-width:879px) {

    .cadre-img {
        border: 1px solid #f4f4f4;
        width: 290px;
        height: 290px;
        padding: 40px;
        box-shadow: 3px 4px 10px -3px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 3px 4px 10px -3px rgba(0,0,0,0.25);
        -moz-box-shadow: 3px 4px 10px -3px rgba(0,0,0,0.25);
    }

        .cadre-img img {
            width: 100%;
        }

    .block-desc-prd .description-prd {
        padding-left: 38px;
    }
}

@media (max-width:879px) {
    .imgeentreprise {
        width: 90%;
        /*height: 190px;*/
    }



    .cadreTarif {
        border: 4px solid hsl(169, 53%, 94%);
        margin: 4px;
        padding: 0;
        text-align: center;
    }

    .cadre-img {
        text-align: center;
        padding: 40px;
    }

        .cadre-img img {
            width: 160px;
        }

    .block-desc-prd .description-prd {
        padding-left: 0;
    }

        .block-desc-prd .description-prd .title-prd {
            text-align: center;
        }
}

.maxWidth-prd {
    max-width: 908px;
    text-align: center;
}

.block-desc-prd .description-prd {
    color: rgb(102, 102, 102);
    line-height: 1.7;
    font-size: 15px;
    text-align: justify;
    box-sizing: border-box;
    max-width: 583px;
}

    .block-desc-prd .description-prd .title-prd {
        font-weight: bold;
        font-size: 26px;
        padding-bottom: 30px;
        line-height: 1;
    }

.block-nbr-prd {
    background: #f4f4f4;
    border-top: #e6e6e6;
    box-shadow: 0 6px 7px -3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 6px 7px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 7px -3px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    z-index: 40;
}

    .block-nbr-prd .holder {
        height: 100%;
        box-sizing: border-box;
        padding: 20px 5px;
    }

        .block-nbr-prd .holder div {
            display: inline-block;
            background: #fff;
            color: #1abc9c;
            width: 20%;
            min-width: 150px;
            margin: 1%;
            padding-bottom: 15px;
            padding-top: 15px;
            box-shadow: 3px 6px 17px -3px rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 3px 6px 17px -3px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 3px 6px 17px -3px rgba(0, 0, 0, 0.15);
            font-size: 16px;
        }

            .block-nbr-prd .holder div.active {
                color: #000;
                box-shadow: 3px 6px 17px -3px rgba(0, 0, 0, 0);
                -webkit-box-shadow: 3px 6px 17px -3px rgba(0, 0, 0, 0);
                -moz-box-shadow: 3px 6px 17px -3px rgba(0, 0, 0, 0);
                border-bottom: #1abc9c 3px solid;
            }

.frame-box:nth-child(odd) {
    background: #f9f9f9;
}

.font-openSans .frame-box {
    padding: 38px 0 6px;
}

.cadre-prd {
    border: 1px solid #f4f4f4;
    box-shadow: 3px 4px 10px -3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 3px 4px 10px -3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 4px 10px -3px rgba(0, 0, 0, 0.25);
    height: 102px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 288px;
    background: #fff;
    display: inline-block;
    margin: 5px 5px 25px;
}

cadre-prd:hover {
    text-decoration: none;
}

#produits .cadre-prd:nth-child(3n + 1), #BlockCertif .cadre-prd:nth-child(3n) {
    margin-right: 0 !important;
}

.cadre-prd span:first-child {
    width: 100px;
    display: inline-block;
}

.cadre-prd span img {
    vertical-align: unset !important;
    width: 100%;
    height: 100px;
    background: #f2f2f2;
}

.cadre-prd span.detail {
    padding: 20px;
    box-sizing: border-box;
    display: block;
    display: inline-block;
    color: #000;
    vertical-align: top;
    width: 180px;
}

button#five {
    border: 3px solid #e74c3c;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    color: hsl(6, 78%, 57%);
    font-size: 20px;
    font-weight: bold;
    padding: 20px;
    background-color: #f9f9f9;
}

    button#five:hover {
        color: #e74c3c;
    }

.maxWidth-prd ul.block-Training li {
    margin: 15px;
}

.center-block-trainings ul {
    text-align: center !important;
}

.center-block-trainings li {
    float: none !important;
    display: inline-block !important;
}

.content-box-header {
    font-size: 16px;
    padding: 15px;
    text-transform: uppercase;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-align: center;
    color: #fff;
    margin-bottom: 5px;
}

.content-box {
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    margin-bottom: 20px;
}

.row-merge {
    width: 100%;
}

.tarifSml {
    display: inline-block;
    width: 23%;
}

.row-fluid [class*="span"] {
    box-sizing: border-box;
    display: block;
    min-height: 30px;
}

.row-fluid .span4 {
    width: 23%;
}

.row-merge .span4 {
    width: 33.3333%;
}

@media (max-width: 767px) {

    [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
        box-sizing: border-box;
        display: block;
        float: none;
        margin-left: 0;
    }

    .row-fluid .span4 {
        width: 46%;
        float: left;
        margin-left: 12px;
        margin-right: 0px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {

    .row-fluid .span4 {
        width: 31.4917%;
    }

    .row-fluid [class*="span"] {
        box-sizing: border-box;
        display: block;
        float: left;
        min-height: 30px;
    }
}

.goToTop {
    text-align: right;
    color: #989898;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px;
}

    .goToTop i {
        color: #41c69b;
        padding-left: 7px;
    }

.list-prd .goToTop {
    padding: 2px 15px 30px 57px;
}


.sidebar h4 {
    background-color: hsl(26, 96%, 51%);
    border: 2px solid hsl(26, 96%, 51%);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color: hsl(0, 0%, 100%);
    font-size: 1.4em;
    font-weight: bold;
    padding: 0 0 13px;
}

.sidebar {
    margin-top: 10px;
    width: 31%;
}

.inputeColor {
    border: 1px solid #ccc !important;
    padding: 3px 15px !important;
}

.services-box-icon {
    background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 50px;
}

.services-image {
    background-color: hsl(185, 64%, 51%);
    border-radius: 50%;
    color: hsl(0, 0%, 100%);
    font-size: 17px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}

.services-box-info h4 {
    color: hsl(0, 0%, 0%);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.pagination-front {
    border-radius: 4px;
    display: inline-block;
    margin-top: 0;
    padding-left: 0;
}

    .pagination-front > li {
        display: inline;
    }

.pagination-front-sm > li:first-child > a, .pagination-front-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-front-sm > li > a, .pagination-front-sm > li > span {
    font-size: 12px;
    padding: 5px 10px;
}

.pagination-front > li > a, .pagination-front > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #16a085;
    cursor: pointer;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

#catalog-formation .pagination-holder .displaing-pages {
    margin-right: 30px;
    font-size: 12px;
    color: #545454;
    margin-top: 6px;
}

.pagination-front > .active > a, .pagination-front > .active > span, .pagination-front > .active > a:hover, .pagination-front > .active > span:hover, .pagination-front > .active > a:focus, .pagination-front > .active > span:focus {
    background-color: #16a085;
    border-color: #16a085;
    color: #fff;
    cursor: default;
    z-index: 2;
}

.pagination-front-sm > li > a, .pagination-front-sm > li > span {
    font-size: 12px;
    padding: 5px 10px;
}

.empty-panier {
    text-align: center;
    border: 1px solid #7f7f7f;
    color: #000;
    max-width: 800px;
    margin: 0px auto;
    padding: 20px;
}

    .empty-panier img {
        height: 30px;
        padding-top: 10px;
    }

    .empty-panier b {
        margin-top: 30px;
        display: block;
    }

    .empty-panier p {
        max-width: 535px;
        margin: 0 auto;
    }

    .empty-panier i {
        margin: 20px;
    }

    .empty-panier a {
        color: #000;
    }

        .empty-panier a:hover {
            text-decoration: underline;
            color: #000;
        }

.logowidh {
    width: 360px;
}

/* Debut Style page produits, editeurs et certfification*/
@media (max-width: 662px) {
    .menu-alphabetique {
        position: fixed;
        right: 16px;
        top: 55px;
        z-index: 1;
    }

        .menu-alphabetique a {
            color: #e74c3c;
            cursor: pointer;
            display: block;
            font-size: 15px;
            padding: 2px 0 0;
        }

    .list-prd {
        max-width: 950px;
        margin: 0 auto;
    }

        .list-prd ul {
            padding: 0;
            margin-top: 20px;
        }

            .list-prd ul li {
                background: #fff none repeat scroll 0 0;
                border: 1px solid #f4f4f4;
                box-shadow: 3px 4px 10px -3px rgba(0, 0, 0, 0.25);
                display: inline-block;
                width: 290px;
                list-style: none;
                margin: 13px;
                position: relative;
                text-align: center;
            }

                .list-prd ul li span:first-child img {
                    padding: 10px;
                    width: 85px;
                }

                .list-prd ul li a > span:nth-child(2) {
                    display: inline-block;
                    background: #f5f5f5;
                    padding: 10px;
                    box-sizing: border-box;
                    width: calc(100% - 89px);
                    text-align: left;
                    height: 85px;
                }

                .list-prd ul li a {
                    color: #353535;
                }

                    .list-prd ul li a img {
                        width: 50%;
                    }

        .list-prd .line {
            position: relative;
            width: 97%;
        }

            .list-prd .line hr {
                border-color: #ee4933;
                border-style: solid;
                border-width: 1px 0 0;
                margin: 0px 15px;
            }

            .list-prd .line span {
                position: absolute;
                left: 50%;
                color: #ee4933;
                background: #fff;
                padding: 0px 13px;
                top: -9px;
                font-weight: bold;
            }

        .list-prd .detail-prd {
            width: 100% !important;
        }
}

@media (min-width :662px) {
    .menu-alphabetique {
        text-align: center;
        margin-bottom: 40px;
    }

        .menu-alphabetique a {
            padding: 10px;
            color: #878787;
            cursor: pointer;
        }

            .menu-alphabetique a:hover {
                text-decoration: none;
            }

    .list-prd {
        max-width: 950px;
        margin: 0 auto;
    }

        .list-prd ul {
            padding: 0;
            margin-top: 20px;
        }

            .list-prd ul li {
                background: #fff none repeat scroll 0 0;
                border: 1px solid #f4f4f4;
                box-shadow: 3px 4px 10px -3px rgba(0, 0, 0, 0.25);
                display: inline-block;
                width: 290px;
                list-style: none;
                margin: 13px;
                position: relative;
                text-align: center;
            }

                .list-prd ul li span:first-child {
                    display: block;
                    height: 165px;
                    text-align: center;
                }

                .list-prd ul li span:nth-child(2) {
                    display: block;
                    background: #f5f5f5;
                    padding: 10px;
                    box-sizing: border-box;
                }

                .list-prd ul li a {
                    color: #353535;
                }

                    .list-prd ul li a img {
                        width: 50%;
                    }

        .list-prd .line {
            position: relative;
            width: 100%;
        }

            .list-prd .line hr {
                border-color: #ee4933;
                border-style: solid;
                border-width: 1px 0 0;
                margin: 0px 15px;
            }

            .list-prd .line span {
                position: absolute;
                left: 50%;
                color: #ee4933;
                background: #fff;
                padding: 0px 13px;
                top: -9px;
                font-weight: bold;
            }

        .list-prd br {
            display: none;
        }
}

.panier .holder {
    padding: 0;
}

.panier #main {
    margin-top: 0;
}

    .panier #main .holder {
        max-width: 905px;
    }

.list-prd .detail-prd {
    display: block !important;
    font-size: 12px;
}
/* Fin Style page produits, editeurs et certfification*/
.cadreTarif {
    border: 3px solid hsl(169, 53%, 94%);
    padding: 0;
    text-align: center;
}

.spiner-alphorm {
    text-align: center;
    width: 35px;
    margin: 0 auto;
}

    .spiner-alphorm input {
        line-height: 1;
        width: 100%;
        margin: 0;
        height: 25px;
        border: 1px solid #ccc;
        padding: 0;
        text-align: center;
    }

    .spiner-alphorm i:first-child {
        color: #1bbc9b;
        font-size: 30px;
        height: 18px;
        margin: 0;
        padding: 0;
        vertical-align: bottom;
        cursor: pointer;
    }

    .spiner-alphorm i:last-child {
        color: #1bbc9b;
        font-size: 30px;
        margin: 0;
        padding: 0;
        line-height: 0px;
        cursor: pointer;
    }

/*.bootstrap-select > .dropdown-toggle {
    padding-right: 25px;
    width: 157% !important;
    z-index: 1;
    color: hsl(0, 0%, 71%) !important;
}*/
.bar-progresse-steps {
    background: #999;
    height: 3px;
}

.btn-coupon {
    color: rgb(255, 255, 255);
    background: rgb(152, 161, 170) none repeat scroll 0% 0%;
    border: 0px none;
    height: 32px;
    font-size: 12px;
    font-weight: bold;
    width: 115px;
    margin-left: 7px;
}

    .btn-coupon i {
        font-size: 18px;
    }

/* Style popup tarif tutoriel */
@media (min-width:1080px) {

    .smalblocTrarifPopup {
        display: inline-block;
        width: 23%;
    }

    .smalblocPopup {
        display: inline-block;
        width: 260px;
    }

    .tarifBloc1Popup {
        display: inline-block;
        /*width: 50%;*/
    }

    .tarifBlocPopup {
        display: inline-block;
        width: 23%;
        height: 50%;
        vertical-align: top;
        margin-top: 159px;
        margin-left: 24px;
    }
}

.iconfontpopup {
    font-size: 20px !important;
    color: #1abc9c !important;
}

.iconfontclosepopup {
    font-size: 20px !important;
}

@media only screen and (max-width:550px) {
    .tarifBlocPopup {
        display: inline-block;
        height: 50%;
        margin-left: 24px;
        margin-top: 159px;
        vertical-align: top;
        width: 23%;
    }
    .iconPanier{
        margin-left: 9px;
    }
    
}

/* Debut Style popup tarif tutoriel */
@media (min-width:1080px) {
   
    .panierbox {
        display: ruby;
        margin-left: 7%;
    }

    .panierchek {
        margin-left: 14px;
        font-size: 12px;
    }

    .smalblocTrarifPopup {
        display: inline-block;
        width: 23%;
    }

    .smalblocPopup {
        display: inline-block;
        width: 260px;
    }

    .tarifBloc1Popup {
        display: inline-block;
        /*width: 50%;*/
    }

    .tarifBlocPopup {
        display: inline-block;
        width: 23%;
        height: 50%;
        vertical-align: top;
        margin-top: 137px;
        margin-left: 24px;
    }
}

.iconfontpopup {
    font-size: 20px !important;
    color: #1abc9c !important;
}

.iconfontclosepopup {
    font-size: 20px !important;
}

@media only screen and (max-width:550px) {
    .tarifBlocPopup {
        display: inline-block;
        height: 50%;
        margin-left: 24px;
        margin-top: 159px;
        vertical-align: top;
        width: 23%;
    }

    .select-secteur .bootstrap-select {
        width: 345px !important;
        margin-left: -8px !important;
    }
}
/* Fin Style popup tarif tutoriel */
.select-secteur .bootstrap-select {
    width: 345px !important;
}

    .select-secteur .bootstrap-select button {
        background: rgb(245, 245, 248) !important;
    }

.squaredOne {
    width: 28px;
    height: 28px;
    background: #fcfff4;
    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    margin: 20px auto;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
}

    .squaredOne label {
        cursor: pointer;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 4px;
        top: 4px;
        -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
        background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
        background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
        background: -o-linear-gradient(top, #222 0%, #45484d 100%);
        background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
        background: linear-gradient(top, #222 0%, #45484d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
    }

    .squaredOne input[type=checkbox]:checked + label:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

/****Notification****/
.sticky p, .floated p, .fixed p, .ondemand p {
    color: #fff;
    float: left;
    font-size: 16px;
    line-height: 45px;
    margin: 0 0 0 10px;
    padding: 0;
    width: calc(100% - 40px);
    text-align: center;
}

.sticky a.close, .floated a.close, .fixed a.close, .ondemand a.close {
    float: right;
    margin: 13px 10px 0 0;
    width: 20px;
}

.sticky p a {
    text-decoration: underline;
    color: #fff;
}

img {
    border: 0 none;
}

.wrapper {
    padding: 20px;
}

.sticky {
    background: #16a085; /* For browsers that do not support gradients */
    box-shadow: 1px 1px 7px #676767;
    height: 45px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.floated {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #0e59ae 0%, #0e59ae 100%) repeat scroll 0 0;
    border-bottom: 3px solid #fff !important;
    box-shadow: 1px 1px 7px #676767;
    height: 45px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.fixed {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #660099 0%, #660099 100%) repeat scroll 0 0;
    border-bottom: 3px solid #fff !important;
    box-shadow: 1px 1px 7px #676767;
    height: 45px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.ondemand {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #cc0000 0%, #cc0000 100%) repeat scroll 0 0;
    border-bottom: 3px solid #fff !important;
    box-shadow: 1px 1px 7px #676767;
    height: 45px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.ondemand-button {
    float: right !important;
    height: 40px;
    margin-right: 100px !important;
    position: absolute;
    width: 40px !important;
    z-index: 999;
}
/****Notification****/
.lign-popup {
    border-top: 1px solid hsl(0, 0%, 90%);
    color: hsl(168, 77%, 42%);
    font-weight: 600;
    text-align: center;
}
.blinking{
    animation:blinkingText 0.8s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}