Problème avec border-style tableaux qui retourne à la ligne

border-box: box-sizing;

/* ------------------------------------------------------------------
 * Indonez      : Satria - HTML Template
 * File         : style.css
 * Version      : 2.0
 * Author       : indonez - team
 * Author URI   : http://indonez.com
 *
 * Indonez Copyright 2015 All Rights Reserved.
 * ------------------------------------------------------------------ */

@import "mediaquery.css";
@import "nez-style.css";

/* ------------------------------------------------------------------
   
    [Table of contents]
    1. element
        1.1. global
        1.2. typhography
        1.3. button
        1.4. table
        1.5. panel and box
        1.6. alert
        1.7. tab and accordion
        1.8. tooltip
        1.9. pricing plan
        1.10. portfolio
        1.11. testimonial
        1.12. team
        1.13. header
        1.14. mainmenu
        1.15. slideshow
        1.16. blog
        1.17. pagination
        1.18. parallax 
        1.19. widget
        1.20. list
    2. pages
        2.1. index.html - Home 1
        2.2. index-layout2.html - Home 2
        2.3. index-layout3.html - Home 3
        2.4. index-layout4.html - Home 4
        2.5. shared.html
        2.6. cloud.html
        2.7. dedicated.html
        2.8. client-area.html
        2.9. contact.html
        2.10. feature.html
        2.11. sitemap.html
        2.12. 404.html
        2.13. icon-list.html
        2.14. domain-pricing.html
    3. footer
    
------------------------------------------------------------------ */


/* [ 1.1. global ] */

body {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    color: #939292
}

@media (min-width: 1220px) {
    .uk-container {
        max-width: 1150px;
    }
}

.uk-padding {
    padding-top: 60px;
    padding-bottom: 52px
}

.uk-padding-small {
    padding-top: 40px;
    padding-bottom: 30px
}

.uk-text-large {
    font-size: 18px;
    line-height: 28px;
    font-weight: 300
}

.uk-text-thin {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 300
}

.uppercase {
    text-transform: uppercase;
    font-weight: 700
}

.thin {
    font-weight: 300
}

.text-width90 {
    width: 90%;
    margin: 0 auto
}

.text-width80 {
    width: 80%;
    margin: 0 auto
}

.text-width70 {
    width: 70%;
    margin: 0 auto
}

.text-width60 {
    width: 60%;
    margin: 0 auto
}

.text-width50 {
    width: 50%;
    margin: 0 auto
}

aside {
    margin-bottom: 34px
}


/* [ 1.2. typhography ] */

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #424242;
}

h1,
.uk-h1 {
    font-size: 36px;
    line-height: 42px
}

h2,
.uk-h2 {
    font-size: 28px;
    line-height: 30px
}

h3,
.uk-h3 {
    font-size: 22px;
    line-height: 24px
}

h4,
.uk-h4 {
    font-size: 18px;
    line-height: 22px
}

h5,
.uk-h5 {
    font-size: 15px;
    line-height: 20px
}

h6,
.uk-h6 {
    font-size: 12px;
    line-height: 18px
}

blockquote {
    padding-left: 25px;
    border-left: 5px solid #ddd;
    font-size: 16px;
    line-height: 29px;
    font-style: italic
}

blockquote p {
    position: relative;
    top: -1px
}

.pullquote-right,
.pullquote-left {
    color: #9c9c9c;
    float: right;
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 9px;
    margin-left: 25px;
    padding-left: 25px;
    width: 50%;
    font-style: italic;
    line-height: 28px;
    border-left: 5px solid #ddd
}

.pullquote-left {
    border-right: 5px solid #ddd;
    border-left: none;
    float: left;
    margin-left: 0;
    margin-right: 25px;
    padding-left: 0;
    padding-right: 25px
}

blockquote cite:before {
    content: "\2014 \0020"
}

.highlight {
    padding: 4px 7px;
    background: #0090cf;
    border-radius: 3px;
    color: #fff;
    vertical-align: baseline
}

.dropcap1 {
    width: 42px;
    height: 42px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 42px;
    background: #42454a;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    text-align: center;
    float: left;
    margin: 7px 10px 0 0
}

.dropcap2 {
    width: 42px;
    height: 42px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 42px;
    background: #42454a;
    border-radius: 4px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    float: left;
    margin: 7px 10px 0 0
}

.dropcap3 {
    font-size: 42px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #42454a;
    text-align: center;
    float: left;
    margin: 14px 10px 0 0
}

pre {
    padding: 10px 15px;
    background: #f3f3f3 url(../images/pre_bg.gif) repeat 0 -9px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    font: 12px / 18px Consolas, monospace, serif;
    color: #969696;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap
}

.uk-text-primary {
    color: #0090cf!important
}

.uk-margin-medium {
    margin-top: 25px;
    margin-bottom: 25px
}

.uk-margin-medium-top {
    margin-top: 25px!important
}

.uk-margin-medium-bottom {
    margin-bottom: 25px!important
}


/* [ 1.3. button ] */

.uk-button i.uk-icon-chevron-circle-right {
    font-size: 14px;
    margin-left: 12px
}

.uk-button-small i.uk-icon-chevron-circle-right {
    font-size: 13px;
    margin-left: 10px
}

.uk-button-mini {
    font-weight: 700;
    min-height: 20px;
    padding: 5px 25px 6px;
    line-height: 20px;
    font-size: 11px
}

.uk-button-small {
    font-weight: 700;
    min-height: 25px;
    padding: 6px 30px 7px;
    line-height: 25px;
    font-size: 13px
}

.uk-button-large {
    font-weight: 700;
    min-height: 40px;
    padding: 5px 36px 6px;
    line-height: 40px;
    font-size: 16px
}


/* [ 1.4. table ] */

.uk-table {
    margin-bottom: 35px;
}


/* [ 1.5. panel and box ] */

.uk-panel-box {
    padding: 20px;
    background: #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.uk-panel-box.info h1,
.uk-panel-box.info h2,
.uk-panel-box.info h3,
.uk-panel-box.info h4,
.uk-panel-box.info h5,
.uk-panel-box.info h6 {
    color: #3194b1
}

.uk-panel-box.warning h1,
.uk-panel-box.warning h2,
.uk-panel-box.warning h3,
.uk-panel-box.warning h4,
.uk-panel-box.warning h5,
.uk-panel-box.warning h6 {
    color: #978c68
}

.uk-panel-box h1 i,
.uk-panel-box h2 i,
.uk-panel-box h3 i,
.uk-panel-box h4 i,
.uk-panel-box h5 i,
.uk-panel-box h6 i {
    margin-right: 8px
}

.uk-panel-padding {
    padding: 23px 31px
}

.uk-panel-title {
    margin: -20px -20px 20px;
    padding: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    text-transform: none;
    background: #e5e5e5;
    color: #444;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.uk-panel-title i {
    margin-right: 7px
}

.uk-panel-box .uk-panel-teaser {
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px
}


/* [ 1.6. alert ] */

.uk-alert {
    margin-bottom: 15px;
    padding: 10px 12px 14px 17px;
    background: #cce9f2;
    border: 1px solid #86cde3;
    color: #3194b1;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

.uk-alert-success {
    background: #d8f1c6;
    border-color: #b3cda1;
    color: #749958
}

.uk-alert-warning {
    background: #fbf4dd;
    border-color: #d1c9ae;
    color: #978c68
}

.uk-alert-danger {
    background: #f9d9d9;
    border-color: #e1a1a1;
    color: #b55454
}

.uk-alert-plain {
    background: #f8f8f8;
    border-color: #d1d1d1;
    color: #8c8c8c
}

.uk-alert-close {
    position: relative;
    top: 7px
}

.uk-alert i {
    margin-right: 8px;
    top: 10px;
    font-size: 16px;
    position: relative;
    float: left
}


/* [ 1.7. tab and accordion ] */

.uk-tab {
    border-bottom: 2px solid #e8e8e8;
    z-index: 999
}

.uk-tab > li {
    margin-bottom: -2px
}

.uk-tab > li > a {
    padding: 16px 32px 10px;
    background: #f3f3f3;
    border: 2px solid transparent;
    border-bottom: 2px solid #e8e8e8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #7e7d7d;
    z-index: 888
}

.uk-tab > li:nth-child(n+2) > a {
    margin-left: 2px
}

.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a {
    border-color: #f3f3f3;
    background: #f3f3f3;
    color: #393939
}

.uk-tab > li.uk-active > a {
    border-color: #e8e8e8;
    border-bottom-color: transparent;
    background: #fff;
    color: #393939
}

.uk-tab > li i {
    margin-right: 8px
}

.uk-tab.uk-tab-bottom {
    border-top: 2px solid #e8e8e8;
    border-bottom: none;
    z-index: 999
}

.uk-tab.uk-tab-bottom > li {
    margin-top: -2px
}

.uk-tab.uk-tab-bottom > li > a {
    padding: 10px 32px 16px;
    background: #f3f3f3;
    border: 2px solid transparent;
    border-top: 2px solid #e8e8e8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #7e7d7d;
    z-index: 888
}

.uk-tab.uk-tab-bottom > li:nth-child(n+2) > a {
    margin-left: 2px
}

.uk-tab.uk-tab-bottom > li > a:hover,
.uk-tab.uk-tab-bottom > li > a:focus,
.uk-tab.uk-tab-bottom > li.uk-open > a {
    margin-top: 0;
    padding: 10px 32px 16px;
    border-color: #f3f3f3;
    border-top: 2px solid #e8e8e8;
    background: #f3f3f3;
    color: #393939
}

.uk-tab.uk-tab-bottom > li.uk-active > a {
    border-color: #e8e8e8;
    border-top-color: transparent;
    background: #fff;
    color: #393939
}

.uk-tab.uk-tab-bottom > li i {
    margin-right: 8px
}

.uk-tab.uk-tab-left {
    padding: 20px 0;
    border-right: 2px solid #e8e8e8;
    border-bottom: none;
    z-index: 999
}

.uk-tab.uk-tab-left > li > a {
    margin-right: 1px;
    padding: 12px 18px;
    background: #f3f3f3;
    border: 2px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    color: #7e7d7d;
    z-index: 888
}

.uk-tab.uk-tab-left > li:nth-child(n+2) > a {
    margin-top: 4px
}

.uk-tab.uk-tab-left > li > a:hover,
.uk-tab.uk-tab-left > li > a:focus,
.uk-tab.uk-tab-left > li.uk-open > a {
    padding: 12px 18px;
    border-color: #f3f3f3;
    background: #f3f3f3;
    color: #393939
}

.uk-tab.uk-tab-left > li.uk-active > a {
    margin-right: -2px;
    padding: 12px 20px 12px 18px;
    border-color: #e8e8e8;
    border-right-color: transparent;
    background: #fff;
    color: #393939
}

.uk-tab.uk-tab-left > li i {
    margin-right: 8px
}

.uk-tab.uk-tab-right {
    padding: 20px 0;
    border-left: 2px solid #e8e8e8;
    border-bottom: none;
    z-index: 999
}

.uk-tab.uk-tab-right > li {
    text-align: right
}

.uk-tab.uk-tab-right > li > a {
    margin-left: 1px;
    padding: 12px 18px;
    background: #f3f3f3;
    border: 2px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    color: #7e7d7d;
    z-index: 888
}

.uk-tab.uk-tab-right > li:nth-child(n+2) > a {
    margin-top: 4px
}

.uk-tab.uk-tab-right > li > a:hover,
.uk-tab.uk-tab-right > li > a:focus,
.uk-tab.uk-tab-right > li.uk-open > a {
    padding: 12px 18px;
    border-color: #f3f3f3;
    background: #f3f3f3;
    color: #393939
}

.uk-tab.uk-tab-right > li.uk-active > a {
    margin-left: -2px;
    padding: 12px 18px 12px 20px;
    border-color: #e8e8e8;
    border-left-color: transparent;
    background: #fff;
    color: #393939
}

.uk-tab.uk-tab-right > li i {
    margin-left: 8px
}

.uk-tab-center {
    border-bottom: 2px solid #e8e8e8;
}

h6.uk-accordion-title,
h6.uk-accordion-title.uk-active {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: -15px;
    padding: 16px 20px;
    background: #f4f4f4;
    border-radius: 4px;
    cursor: pointer;
    color: #393939;
    -webkit-box-shadow: inset 0 0 0 1px rgba(222, 222, 222, 1);
    -moz-box-shadow: inset 0 0 0 1px rgba(222, 222, 222, 1);
    box-shadow: inset 0 0 0 1px rgba(222, 222, 222, 1)
}

h6.uk-accordion-title.uk-active {
    margin-bottom: 10px;
    background: #0090cf;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

h6.uk-accordion-title:before,
h6.uk-accordion-title.uk-active:before {
    font-family: FontAwesome;
    font-size: 12px;
    content: "\f054";
    color: #7e7d7d;
    position: relative;
    margin-right: 10px;
    top: 1px
}

h6.uk-accordion-title.uk-active:before {
    content: "\f078";
    color: #fff
}

.uk-accordion-content {
    margin-bottom: -15px;
    padding: 18px 25px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(222, 222, 222, 1);
    -moz-box-shadow: inset 0 0 0 1px rgba(222, 222, 222, 1);
    box-shadow: inset 0 0 0 1px rgba(222, 222, 222, 1)
}

.uk-accordion-content img {
    margin-top: 10px
}


/* [ 1.8. tooltip ] */

.uk-tooltip {
    font-size: 14px !important;
    padding: 6px 12px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/* [ 1.9. pricing plan ] */

.pricing-grid {
    display: block;
    overflow: hidden;
    padding: 16px;
}

.pricing-grid > li {
    display: block;
    height: auto;
    float: left;
}

.pricing-grid.one-up {
    margin: 15px -19px
}

.pricing-grid.one-up > li {
    width: 97.9%;
    margin: 15px 10px;
    padding: 0
}

.pricing-grid.one-up > li.featured-plan {
    margin-top: 31px;
    margin-bottom: -1px
}

.pricing-grid.two-up {
    margin: 15px -19px
}

.pricing-grid.two-up > li {
    width: 47.896%;
    margin: 15px 10px;
    padding: 0
}

.pricing-grid.three-up {
    margin: 15px -19px
}

.pricing-grid.three-up > li {
    width: 29.75%;
    margin: 15px 19px;
    padding: 0
}

.pricing-grid.four-up {
    margin: 15px -19px
}

.pricing-grid.four-up > li {
    width: 21.42%;
    margin: 15px 19px;
    padding: 0
}

.pricing-column {
    background: #fff;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

.pricing-column2 {
    background: #03A9F4;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 30px;
    position: relative;
	border-color: #181818;
	border-box: box-sizing;
	border-width: 3px ;
	margin-bottom: 1px;		/*0288d1*/
}

.pricing-column2.green-plan {
    color: #fff;
    background: #9EC028;
}

.pricing-column .pricing-title {
    text-align: center;
    margin-bottom: 53px;
    padding: 25px 20px 19px;
    border-bottom: 1px solid #fff;
}

.pricing-column2 .pricing-title {
    text-align: center;
    margin-bottom: 0;
    padding: 0 20px
}

.pricing-column .pricing-title h3 {
    margin-bottom: -11px
}

.pricing-column2 .pricing-title h3 {
    margin-top: 15px;
    margin-bottom: -11px
}

.pricing-column2.green-plan .pricing-title h3 {
    color: #fff
}

.pricing-column .pricing-title i {
    width: 84px;
    height: 84px;
    margin-bottom: -69px;
    font-size: 46px;
    line-height: 86px;
    background: #0090cf;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

.pricing-column2 .pricing-title i {
    width: 84px;
    height: 84px;
    margin-top: -42px;
    font-size: 46px;
    line-height: 86px;
    background: #F44336; /* couleur rond nuage*/
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden
}

.pricing-column2.green-plan .pricing-title i {
    border: auto px solid #fff;
    margin-top: -45px;
    margin-bottom: 5px
}

ul.pricing-content {
    text-align: center;
    margin-bottom: 18px;
    padding: 0 27px
}

.pricing-content li {
    list-style-type: none;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0
}

.pricing-column2 .pricing-content li {
    border-bottom: 1px solid #d8d8d8
}

.pricing-column2.green-plan .pricing-content li {
    border-bottom: 1px solid #fff
}

.pricing-content li:last-child,
.pricing-column2.green-plan .pricing-content li:last-child {
    border-bottom: none
}

.pricing-column .pricing-button {
    background: #0288D1;
    color: #fff;
    margin: 0 -1px -1px;
    padding: 25px 46px 37px 56px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.pricing-column2 .pricing-button {
    background: #03A9F4;
    text-align: center;
    color: #fff;
    padding: 20px 25px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.pricing-column2.green-plan .pricing-button {
    background: #9EC028;
}

.pricing-column2.green-plan .idz-button-white {
    background: rgba(244, 244, 244, 0.25);
    color: #fff
}

.pricing-column2.green-plan .idz-button-white:hover {
    color: #536c16;
}

.pricing-column .pricing-button h3 {
    padding-right: 28px;
    line-height: 16px;
    font-size: 28px;
    color: #fff;
    border-right: 1px solid #fff;
    float: left
}

span.permonth {
    font-size: 14px
}

.pricing-button .dollar {
    font-size: 16px
}

.pricing-button a.price-btn {
    margin-left: 23px;
    color: #fff;
    font-size: 18px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    position: relative;
    top: 5px
}

.pricing-button a:hover {
    text-decoration: none
}

.pricing-button a i {
    margin-left: 13px
}

.green-plan .pricing-title i {
    background: #9EC028;
}

.green-plan .pricing-button {
    background: #9EC028;
}


/* [ 1.10. portfolio ] */

#filter li i {
    color: #d8d8d8;
    font-size: 18px;
    margin: 0 -10px 0 -8px;
    top: 2px;
    position: relative
}

#filter li:after {
    font-size: 11px;
    color: #393939;
    content: "\2F";
    margin-left: 2px;
    top: 0;
    position: relative
}

#filter li:first-child:after,
#filter li:last-child:after {
    content: "";
    display: inline-block
}

#filter li a {
    padding: 0 10px;
    color: #393939;
    text-decoration: none
}

#filter.uk-subnav-pill > .uk-active > * {
    background: none;
    color: #0090cf;
}

#filter.uk-subnav-pill > * >:hover,
#filter.uk-subnav-pill > * >:focus {
    background: none;
    color: #0090cf;
}

#pf-container li {
    list-style: none;
}

.uk-overlay-icon:before {
    font-size: 24px;
    line-height: 48px;
    background: #0090cf;
    color: #fff;
    border-radius: 50%
}


/* [ 1.11. testimonial ] */

.testi-container {
    width: 100%;
    margin-bottom: 14px;
    background-color: #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    float: left
}

.testi-container:before {
    width: 25px;
    height: 17px;
    background: #f4f4f4;
    content: '';
    position: absolute;
    z-index: 999;
    left: 42px;
    bottom: 0;
    margin-left: -7px
}

.testi-container:after {
    width: 17px;
    height: 17px;
    background: #f4f4f4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    content: '';
    position: absolute;
    z-index: 888;
    left: 45px;
    bottom: -5px;
    margin-left: -7px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.testi-text {
    padding: 28px 28px 12px 28px;
    float: left
}

.testi-text blockquote {
    padding: 0;
    border-left: none;
    font-size: 16px;
    line-height: 28px;
    font-style: italic
}

.testi-text blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 40px;
    color: #d8d8d8;
    position: absolute;
    top: -10px;
    left: -10px
}

.testi-image {
    margin: 3px 15px 45px;
    background-color: #e7e7e7;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    float: left
}

.testi-image img {
    width: 64px;
    height: 64px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    float: left
}

.testi-name {
    line-height: 22px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #393939;
    font-size: 16px;
    margin-top: 15px;
    float: left
}

.Compagnie-name {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #393939
}

.client-testimoni ul li img {
    width: 120px;
    height: 120px;
    margin: 40px 0 10px;
    border: 4px solid #fff
}

.client-testimoni ul li {
    color: #676A6F
}

.client-testimoni ul li h4 {
    margin: 22px 0 3px
}

.client-testimoni ul li .uk-badge {
    padding: 0 8px;
    margin-bottom: 30px
}

.client-testimoni .uk-dotnav > * > * {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7)
}

.client-testimoni .uk-dotnav > * >:hover,
.client-testimoni .uk-dotnav > * >:focus,
.client-testimoni .uk-dotnav > .uk-active > * {
    background: rgba(0, 144, 207, 0.7)
}

.client-testimoni .uk-text-large {
    font-size: 16px;
    line-height: 26px
}


/* [ 1.12. team ] */

.team-panel {
    margin-bottom: 38px !important;
    background: #00BCD4;
    border-radius: 0
}

.team-panel h1,
.team-panel h2,
.team-panel h3,
.team-panel h4,
.team-panel h5,
.team-panel h6,
.team-panel p {
    margin-left: 25px;
    margin-right: 25px
}


/* [ 1.13. header ] */

header {
    background: #fff
}

[data-uk-sticky] {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    z-index: 9999;
    float: none;
}

#logo {
    width: 40px;
    margin-top: 28px
}


/* IE11 fix */

_:-ms-fullscreen,
:root #logo {
    height: 37px;
}

#top-header {
    background: #0288D1;
    border-bottom: 1px solid #fff;
    color: #fff
}

#top-phone,
#top-social {
    float: left
}

#top-phone {
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    border-right: 1px solid #292929;
    padding: 8px 20px 10px 0
}

#top-social {
    margin-left: 20px;
    padding-top: 9px
}

#top-social ul,
#top-button ul {
    margin: 0;
    padding: 0
}

#top-social ul li {
    margin-right: 10px;
    display: inline
}

#top-social ul li a {
    font-size: 15px;
    color: #a4a4a4
}

#top-social ul li a:hover {
    color: #fff
}

#top-button {
    padding-top: 8px;
    float: right
}

#top-button ul li {
    display: inline
}

#top-button ul li a,
#top-button ul li.login button {
    font: 12px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 9px;
    padding: 5px 17px 6px 15px;
    color: #03A9F4  /* couleur ecriture espace client*/
}

#top-button ul li a:hover {
    text-decoration: none
}

#top-button ul li a i {
    font-size: 13px;
    margin-right: 8px
}

#top-button ul li.login button i {
    font-size: 8px;
    margin-left: 8px;
    top: -1px;
    position: relative
}

#top-button ul li.login a {
    background: #fff;  /* bouton espace client */
}

#top-button ul li.login button {
    background: #fff;
    padding: 5px 17px 6px 15px;
    border: none
}

#top-button .uk-dropdown {
    padding: 0
}

#top-button ul li.login .uk-dropdown a {
    color: #939292;
    padding: 11px 15px;
    background: #fff;
    margin-left: 0
}

#top-button ul.uk-nav-dropdown li a i {
    color: #83a531
}

#top-button ul.uk-nav-dropdown li a {
    border-bottom: 1px solid #e8e8e8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#top-button ul.uk-nav-dropdown li:last-child a {
    border-bottom: 2px solid #83a531;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

#pagetitle {
    padding: 30px 0 34px;
    background: #f3f3f3;
    border-bottom: 2px solid #e8e8e8
}

#pagetitle h3 {
    margin-top: 14px;
    color: #7e7d7d
}

#pagetitle-search {
    position: relative;
    bottom: -21px;
    margin-bottom: -34px
}

#pagetitle-search input[type="search"] {
    width: 240px;
    height: 40px;
    margin-top: 5px;
    padding: 4px 14px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

#pagetitle-search .uk-form-icon i {
    margin: -5px 0 0 6px
}

#breadcrumb-style {
    margin: 10px 16px 0 0
}

#breadcrumb-style a,
#breadcrumb-style a:visited {
    color: #939292
}

#breadcrumb-style a:hover {
    color: #0090cf;
    text-decoration: none
}

.uk-breadcrumb > li:nth-child(n+2):before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 10px;
    display: inline-block;
    margin: 0 12px;
    color: #bbb;
}


/* [ 1.14. mainmenu ] */

.uk-navbar {
    background: transparent
}

.uk-navbar-nav > li {
    border-right: 1px solid #FFF; /* couleur barre séparant vps, serveur dédiés...*/
}

.uk-navbar-nav > li:last-child {
    border-right: none
}

.uk-navbar-nav > li > a {
    height: 102px;
    padding: 33px 25px 37px;
    line-height: 32px;
    color: #03A9F4;  /*couleur barre de navigation*/
    font-size: 13px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
    background-color: #03A9F4; /* couleur barre de naviagation avec clique dessus*/
    color: #fff;
}

.uk-navbar-nav > li.uk-active > a {
    background-color: transparent;
    color: #fff;
}

.uk-dropdown {
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1)
}

#mainmenu {
    margin-top: -65px;
}

#mainmenu .uk-navbar-flip {
    width: 85%;
}

#mainmenu ul.uk-navbar-nav {
    float: right;
}

#mainmenu .uk-dropdown {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

#mainmenu .uk-dropdown li a {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#mainmenu .uk-dropdown li:last-child a {
    margin: 0 -1px -1px;
    padding: 10px 16px;
    border-bottom: 2px solid #0090cf;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.uk-navbar-toggle {
    background: #03A9F4; /*couleur barre navigation mobile */
    padding: 7px 14px 40px;
    font-size: 22px;
    color: #fff; /*couleur barre navigation mobile */
    border-radius: 3px;
    position: relative;
    top: -19px;
    float: right;
}

.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
    color: #fff
}

.uk-nav-offcanvas > li > a {
    color: #03A9F4;
    font-size: 13px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 20px;
    border-bottom: 1px solid #0288D1
}

.uk-nav-offcanvas > li.uk-parent > a:after {
    margin-right: -5px
}

.uk-nav-offcanvas ul.uk-nav-sub {
    padding: 0;
    background: #272727
}

.uk-nav-offcanvas ul.uk-nav-sub li a {
    padding: 9px 0 10px 15px
}

.uk-nav-offcanvas ul.uk-nav-sub li a:hover {
    background: #00a8e6
}


/* [ 1.15. slideshow ] */

#slideshow-container {
    height: 480px;
    background: #efefef
}

#slideshow-container .uk-dotnav > * {
    padding-left: 7px
}

#slideshow-container .uk-dotnav {
    position: relative;
    top: -35px;
    right: 4%
}

#slideshow-container .uk-dotnav > * > * {
    width: 40px;
    height: 4px;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.7)
}

#slideshow-container .uk-dotnav > * >:hover,
#slideshow-container .uk-dotnav > * >:focus,
#slideshow-container .uk-dotnav > .uk-active > * {
    background: rgba(0, 144, 207, 0.7)
}

.slide-content1 {
    padding: 34px 36px 38px;
    background: rgba(0, 144, 207, 0.7);
    position: relative;
    bottom: -20px
}

.slide-content1:after {
    width: 588px;
    height: 313px;
    margin-bottom: -313px;
    background: url(../images/slideshow/ribbon_slider.png) no-repeat;
    content: "";
    display: block;
    position: relative;
    top: -274px;
    left: 486px
}

.slide-content1 hr {
    margin-top: 20px;
    margin-bottom: 20px
}

.slide-content2 {
    position: relative;
    bottom: 75px
}

.slide-content2 h1 {
    font-size: 48px;
    line-height: 48px
}

.slide-content3 {
    float: left;
    position: relative;
    top: -100px;
    left: 400px;
    color: #393939
}

.sld3-img {
    position: relative;
    top: 274px
}

.ribbon-slide {
    position: relative;
    top: 209px
}

.ribbon-slide:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 0;
    height: 282px;
    border: 94px solid #f07406;
    border-top: 0 solid;
    border-bottom: 30px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    position: relative;
    margin-top: -270px;
    z-index: 777
}

.ribbon-slide h1,
.ribbon-slide h2,
.ribbon-slide h3,
.ribbon-slide h4,
.ribbon-slide p {
    position: relative;
    z-index: 999
}

.ribbon-slide h1 {
    margin: 26px 0 -5px;
    font-size: 70px
}

.ribbon-slide h2 {
    margin-bottom: -5px;
    font-size: 52px
}

.ribbon-slide h3 {
    font-size: 36px
}

.ribbon-slide h4 {
    margin-bottom: -8px
}

.ribbon-slide p {
    margin-top: 24px;
    text-transform: uppercase;
    font-size: 11px
}

.ribbon-slide h3 span.small-month {
    font-size: 18px
}

.slide-content4 {
    width: 83%;
    padding: 48px 0 33px;
    border: 2px solid #fff;
    position: relative;
    top: -81px
}

.slide-content4 hr {
    width: 73%;
    margin: 25px auto 0;
    border-top: 2px solid #fff
}

.slide-content4 h2 {
    text-transform: uppercase
}

.sld-spacing1 {
    font-size: 36px;
    letter-spacing: 6.6px;
    left: 4px;
    position: relative
}

.sld-spacing2 {
    letter-spacing: 2.7px
}

.sld-spacing3 {
    font-size: 36px;
    letter-spacing: 9.2px;
    left: 5px;
    position: relative
}

#homepage4 .uk-dotnav {
    top: -77px
}

#homepage4 .slide-content1 {
    bottom: 19px
}

#homepage4 .slide-content4 {
    top: -102px
}

#homepage4 .slide-content3 {
    top: -120px
}

#homepage4 .sld3-img {
    top: 235px
}

#homepage4 .slide-content2 {
    bottom: 95px
}


/* [ 1.16. blog ] */

.blog-wrapper {
    padding: 36px 40px 40px;
    background: #fff;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 70px
}

.blog-wrapper h2 a,
blog-wrapper h2 a:visited {
    color: #0090cf
}

.blog-wrapper h2 a:hover {
    text-decoration: none;
    color: #009fe5
}

.blog-wrapper a.uk-button {
    float: right;
    position: relative;
    bottom: -15px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

.blog-wrapper .blog-slider,
.blog-wrapper .selfhost-video,
.blog-wrapper .blog-quote,
.blog-wrapper .iframe-video,
.blog-wrapper .blog-link,
.blog-wrapper .blog-picture {
    margin-top: 10px;
}

.blog-wrapper .blog-audio {
    margin-top: 20px;
}

.blog-slider img,
.blog-picture img {
    width: 100%;
}

.iframe-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    margin-bottom: 33px;
    overflow: hidden;
}

.iframe-video iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-quote {
    background-image: url("../images/bg_quote.gif");
    background-repeat: repeat-y;
    border: solid 1px #dedede;
    padding: 29px 30px 0px 40px;
    position: relative;
}

.blog-quote blockquote {
    border-left: none;
    margin-bottom: 15px;
    padding-bottom: 1px;
    padding-left: 0px;
}

.blog-quote blockquote cite {
    line-height: 55px;
}

.blog-link {
    background: #f3f3f3;
    padding: 33px 20px;
    text-align: center;
}

.blog-link a {
    font-family: "Georgia", serif;
    font-style: italic;
    font-size: 16px;
    color: #979696;
}

ul.post-info {
    margin-top: 28px;
    border-top: 1px solid #e1e1e1;
}

ul.post-info li {
    font-size: 14px;
    color: #393939;
    margin: 27px 25px 25px 0;
    display: inline-block
}

ul.post-info li i {
    position: relative;
    top: -1px;
    margin-right: 6px
}

ul.post-info li a,
ul.post-info li a:visited {
    color: #393939;
    text-decoration: none
}

.post-type {
    width: 49px;
    height: 49px;
    font-size: 22px;
    line-height: 48px;
    text-align: center;
    color: #7e7d7d;
    background: #fff;
    margin-top: -119px;
    float: right;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
}

#aside-btn {
    font-size: 18px
}

.panel-popular {
    padding: 30px
}

#sharing-wrapper {
    margin-top: 40px;
    padding-top: 45px;
    border-top: 2px solid #e8e8e8
}

ul.social-share {
    margin: -3px 0 0;
    float: right
}

ul.social-share li {
    font-size: 16px;
    display: inline-block;
    margin-left: 10px
}

ul.social-share li a,
ul.social-share li a:visited {
    color: #939292
}

ul.uk-comment-list {
    margin-bottom: 60px
}

.avatar {
    width: 60px;
    height: 60px;
    margin-top: 30px;
    background-color: #e7e7e7;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.avatar img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.comment-text {
    margin: -64px 0 20px 90px;
    padding-bottom: 28px;
    border-bottom: 1px solid #e8e8e8
}

.comment-text h6.subheader {
    font-size: 12px;
    font-weight: 300;
    color: #939292;
    margin-top: -12px
}

.comment-text a.uk-button {
    font-size: 10px;
    padding: 2px 15px 3px;
    margin-top: -69px;
    float: right
}

form#comment-form {
    margin: 15px 0 25px
}

form#comment-form label {
    width: 15%;
    margin-top: 10px;
    float: left
}

form#comment-form input {
    width: 55%;
    height: 44px;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 15px 15px 0;
    float: left
}

form#comment-form textarea {
    width: 75%;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    float: left;
    overflow: hidden
}

form#comment-form em {
    font-family: Arial, Helvetica, sans-serif;
    color: #db4e43;
    display: inline
}


/* [ 1.17. pagination ] */

.uk-pagination > li > a,
.uk-pagination > li > span {
    padding: 8px 7px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}


/* [ 1.18. parallax ] */

#bg-parallax1 {
    height: 520px
}

#bg-parallax2 {
    height: 570px
}


/* [ 1.19. widget ] */

ul#flck-thumb {
    margin: -26px -17px 0 -7px
}

ul#flck-thumb div.no-image {
    display: none
}

.thumbs {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.thumbs div {
    width: 89px;
    height: 89px;
    list-style: none;
    float: left;
    margin: 0 8px 16px
}

.thumbs div img {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.thumbs div a img {
    border: none
}

#map {
    width: 100%;
    height: 320px;
    background: #f6f6f6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left
}

#newsletter-bg-img {
    background: #444 url(../images/bg_newsletter.png) no-repeat center top
}

form#newsletter-form input {
    height: 44px;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 15px 15px 0
}


/* [ 1.20. list ] */

ul.uk-inline-icon {
    padding: 0;
    float: left
}

.uk-inline-icon > li {
    list-style-type: none;
    display: inline;
    color: #0090cf;
    border-right: 1px solid #ddd;
    padding-right: 22px;
    margin-right: 22px
}

.uk-inline-icon > li:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0
}

.uk-inline-icon > li i {
    margin-right: 8px;
    font-size: 22px;
    position: relative;
    top: 2px
}

.uk-list-line > li:nth-child(n+2) {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #ddd
}

.uk-list-line > li a,
.uk-list-line > li a:visited {
    color: #939292
}

.uk-list-line > li a:hover {
    color: #009FE5;
    text-decoration: none
}


/* [ 2.1. index.html - Home 1 ] */

#get-started-wrap {
    height: 84px;
    background: #83a531;
    color: #fff
}

#get-started-wrap a {
    margin-left: 56px;
    color: #fff;
    font-size: 22px;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 700;
    position: relative;
    top: 30px
}

#get-started-wrap a:hover {
    text-decoration: none
}

#get-started-wrap a i {
    font-size: 18px;
    margin-left: 13px
}

.price-start {
    padding: 7px 39px 5px 36px;
    background: #9bc23c;
    float: left
}

.price-start h1 {
    color: #fff;
    margin-bottom: 0
}

.price-start p {
    margin-bottom: -29px
}

#domain-search input,
#domain-search select {
    height: 84px;
    padding: 4px 22px 4px 0;
    font-size: 18px;
    color: #b6b6b6;
    border: none;
    border-bottom: 2px solid #e8e8e8
}

#domain-search input {
    background: #fafafa;
    padding: 4px 22px;
    border-left: 2px solid #e8e8e8
}

#domain-search2 input,
#domain-search2 select,
#domain-search4 input,
#domain-search4 select,
#domain-search5 input,
#domain-search5 select {
    height: 84px;
    padding: 4px 22px;
    font-size: 18px;
    color: #b6b6b6;
    border: none;
    border-bottom: 2px solid #d4d4d4
}

#domain-search5 input,
#domain-search5 select {
    font-size: 14px;
    height: 56px;
}

#domain-search4 input,
#domain-search5 input {
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

#domain-search4 select,
#domain-search5 select {
    border-bottom: 1px solid #dedede;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

#domain-search3 input[type="text"] {
    height: 44px;
    margin-top: 5px;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#domain-search4 {
    margin-bottom: -42px;
    position: relative;
    top: -42px
}

#domain-search5 {
    margin-top: 40px;
    position: relative;
}

#domain-search3 button {
    margin: 18px 0 15px
}

#domain-search3 input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 0 2px 10px 0;
    position: relative;
    top: 3px
}

#domain-search3 label {
    margin-right: 10px
}

#domain-search input:focus {
    background: #f0fafe;
}

#domain-search input {
    width: 59%
}


/* IE11 fix */

_:-ms-fullscreen,
:root #domain-search input {
    width: 60.6%
}

#domain-search2 input {
    width: 69.3%
}

#domain-search4 input {
    width: 82.13%
}

#domain-search5 input {
    width: 58.13%
}

#domain-search select,
#domain-search2 select,
#domain-search4 select,
#domain-search5 select {
    margin-left: -3px;
    padding: 4px 40px 4px 19px;
    background: #f3f3f3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}


/* IE11 fix */

select::-ms-expand {
    display: none;
}

#domain-search i.uk-icon-chevron-down,
#domain-search2 i.uk-icon-chevron-down,
#domain-search4 i.uk-icon-chevron-down,
#domain-search5 i.uk-icon-chevron-down {
    font-size: 11px;
    color: #b6b6b6;
    position: relative;
    left: -38px
}

#domain-search button {
    width: 86px;
    height: 84px;
    margin-left: -19px;
    background: #0090cf;
    border-bottom: 2px solid #0081ba
}

#domain-search2 button {
    width: 86px;
    height: 84px;
    margin-left: -19px;
    background: #01838F;
    border-bottom: 2px solid #01838F
}

#domain-search4 button,
#domain-search5 button {
    width: 86px;
    height: 84px;
    margin-left: -19px;
    background: #0090cf;
    border-bottom: 1px solid #0081ba
}

#domain-search5 button {
    height: 56px;
}

#domain-search4 button,
#domain-search5 button {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

#domain-search button.uk-icon-search,
#domain-search2 button.uk-icon-search,
#domain-search4 button.uk-icon-search,
#domain-search5 button.uk-icon-search {
    font-size: 22px;
    color: #fff
}

#domain-search5 button.uk-icon-search {
    font-size: 16px;
    color: #fff
}

.section-grey {
    background: #f4f4f4
}

.section-blue {
    background: #03A9F4;
}

.section-green {
    background: #91b53a
}

.section-green2 {
    background: #9bc23c
}

.content-bg1 {
    height: 530px;
    background: url(../images/sample/content_bg1.jpg) no-repeat
}

.content-bg2 {
    height: 528px;
    background: url(../images/sample/content_bg2.jpg) no-repeat right
}

.notebook-align {
    position: relative;
    top: 17px;
    right: -60px;
    float: right
}

.feature-wrap {
    max-width: 464px;
    margin-left: 76px
}

.feature-wrap2 {
    max-width: 557px
}

.feature-wrap2.uk-float-right {
    margin-right: 35px
}

.feature-wrap2.uk-float-left {
    margin-left: 0
}

#mobile-partner-logo {
    margin-left: -40px !important;
}

.partner-logo {
    width: 190px;
    margin: 55px 0 30px
}


/* [ 2.2. index-layout2.html - Home 2 ] */

.idz-panel-logo,
.idz-panel-domain,
.idz-panel-domain.alt {
    height: 110px;
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 2px rgba(232, 232, 232, 1);
    -moz-box-shadow: inset 0 0 0 2px rgba(232, 232, 232, 1);
    box-shadow: inset 0 0 0 2px rgba(232, 232, 232, 1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center
}

.idz-panel-domain.alt {
    height: 76px;
}

.idz-panel-logo .uk-vertical-align-middle {
    width: 100%;
}

.idz-panel-logo img {
    width: 70%;
    opacity: .7;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

.idz-panel-domain img {
    width: 90%;
    opacity: .7;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    position: relative;
    top: -12px
}

.idz-panel-logo:hover img,
.idz-panel-domain:hover img {
    opacity: 1
}

.idz-panel-domain-green {
    height: 110px;
    background: #9bc23c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    text-align: center
}

.idz-panel-domain-green.alt {
    height: 70px;
}


/* [ 2.3. index-layout3.html - Home 3 ] */

.datacenter-location {
    max-height: 510px;
    margin-top: 38px
}

.datacenter-location img {
    width: 75%
}

.datacenter-location .marker {
    width: 29px;
    height: 37px;
    background: url(../images/sample/datacenter_marker.svg) no-repeat;
    display: inline-block;
    position: relative
}

#newark {
    top: -365px;
    left: 385px
}

#louisville {
    top: -290px;
    left: 215px
}

#denver {
    top: -320px;
    left: -90px
}

#dallas {
    top: -170px;
    left: -10px
}

#sanfranscisco {
    top: -330px;
    left: -410px
}

#irvine {
    top: -250px;
    left: -410px
}

.quick-info {
    font-size: 28px
}

.quick-info i.uk-icon-button {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #0090cf;
    color: #fff;
    font-size: 28px;
    transition: all .5s ease
}

.quick-info:hover i.uk-icon-button {
    background: #9bc23c
}

.quick-info:hover a {
    color: #9bc23c
}

.quick-info a {
    color: #0090cf;
    text-decoration: none;
    position: relative;
    top: 25px;
    transition: all .5s ease
}

.product-box {
    border: 1px solid #eaeaea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.product-box img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}


/* [ 2.4. index-layout4.html - Home 4 ] */

.people-align {
    margin-top: -45px;
    position: absolute
}

.app-list li {
    margin: 10px 0 14px 21px;
    padding: 20px;
    display: inline-block;
    list-style: none;
    width: 60px;
    height: 60px;
    text-align: center;
    -webkit-box-shadow: inset 0 0 0 2px rgba(126, 159, 46, 1);
    -moz-box-shadow: inset 0 0 0 2px rgba(126, 159, 46, 1);
    box-shadow: inset 0 0 0 2px rgba(126, 159, 46, 1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.app-list li div.uk-vertical-align-middle {
    width: 100%;
}

.app-list li:nth-child(4n+1) {
    margin-left: 0
}

.app-list li img {
    width: 85%
}

.domain-list li {
    padding-bottom: 6px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 24px;
    line-height: 55px
}

.domain-list li a.uk-button {
    margin-top: 11px
}


/* [ 2.5. shared.html ] */

.section-black {
    background: #222
}

.specs-bg-img {
    background: url(../images/bg_specs.png) no-repeat 4.3% bottom
}


/* [ 2.6. cloud.html ] */

.section-purple {
    background: #a881c9;
    background: -moz-linear-gradient(top, #a881c9 0%, #61a0d6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a881c9), color-stop(100%, #61a0d6));
    background: -webkit-linear-gradient(top, #a881c9 0%, #61a0d6 100%);
    background: -o-linear-gradient(top, #a881c9 0%, #61a0d6 100%);
    background: -ms-linear-gradient(top, #a881c9 0%, #61a0d6 100%);
    background: linear-gradient(to bottom, #a881c9 0%, #61a0d6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a881c9', endColorstr='#61a0d6', GradientType=0)
    /* IE6-9 */
}

.abstract-bg-img {
    background: url(../images/bg_abstract.png) no-repeat center bottom
}


/* [ 2.7. dedicated.html ] */

.idz-dedicated-pricing {
    border-bottom: 1px solid #d3d3d3
}

.idz-dedicated-pricing thead th,
.idz-dedicated-pricing tr td {
    text-align: center
}

.idz-dedicated-pricing thead th {
    font-size: 18px;
    font-weight: 400;
    color: #393939;
    padding-bottom: 22px;
    border-bottom: 1px solid #d3d3d3
}

.idz-dedicated-pricing tr td {
    line-height: 18px;
    vertical-align: middle;
    font-size: 16px;
    padding: 18px 0
}

.idz-dedicated-pricing tr td.dct-cpu {
    padding-left: 20px;
    font-weight: 400;
    color: #0090cf
}

.idz-dedicated-pricing tr td.dct-cpu img {
    margin-bottom: 5px
}

.idz-dedicated-pricing tr td img.intel-logo {
    width: 40px
}

.idz-dedicated-pricing tr td img.amd-logo {
    width: 60px
}

.idz-dedicated-pricing tr td.dct-price {
    font-size: 22px;
    font-weight: 400;
    color: #0090cf
}

.idz-dedicated-pricing tr td.dct-button {
    padding-right: 20px
}

.idz-dedicated-pricing tr td.dct-button a.uk-button {
    position: relative;
    top: -2px
}

.features-bg-img {
    background: url(../images/bg_features.png) no-repeat 4.3% bottom
}

.uk-grid-divider > [class*='uk-width-large-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-2-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-3-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-4-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-5-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-6-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-7-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-8-']:nth-child(n+2),
.uk-grid-divider > [class*='uk-width-large-9-']:nth-child(n+2) {
    border-left: 2px solid #e8e8e8
}

hr.uk-grid-divider:empty {
    border-top: 2px solid #e8e8e8
}


/* [ 2.8. client-area.html ] */

ul#client-area-tab.uk-tab {
    margin: -20px -22px 0 -25px;
    border-bottom: none
}

ul#client-area-tab.uk-tab-grid:before {
    border-top: none
}

ul#client-area-tab.uk-tab > li > a {
    font-size: 16px;
    padding: 22px 12px 24px;
    border: none;
    border-radius: 0
}

ul#client-area-tab.uk-tab > li:not(.uk-active) > a:hover {
    margin-bottom: 0
}

ul#client-area-tab.uk-tab > li.uk-width-large-1-2 {
    margin-right: -2px
}

#client-area .uk-modal-caption a {
    color: #fff
}

#signin-account,
#create-account {
    padding: 22px 16px
}

#signin-account .uk-form-icon,
#signin-account input[type="text"],
#create-account .uk-form-icon,
#create-account input[type="text"] {
    width: 100%
}

#signin-account .uk-form-icon > [class*='uk-icon-'],
#create-account .uk-form-icon > [class*='uk-icon-'] {
    left: 8px;
    margin-top: -17px
}

#signin-account .uk-form-icon:not(.uk-form-icon-flip) > input,
#create-account .uk-form-icon:not(.uk-form-icon-flip) > input {
    padding-left: 38px!important
}

#signin-account input[type="text"],
#create-account input[type="text"] {
    height: 44px;
    margin-bottom: 20px;
    padding: 4px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#signin-account input[type="checkbox"],
#create-account input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 0 2px 10px 0;
    position: relative;
    top: 3px
}

#signin-account .uk-button,
#create-account .uk-button {
    margin: 18px 0 -15px
}

.account-hr {
    margin: 18px 0
}

#account-box a:hover {
    text-decoration: none
}

.idz-panel.account h4 {
    margin-top: -4px;
    padding-bottom: 8px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1)
}

.idz-panel.account h1 {
    width: 60px;
    height: 60px;
    margin-bottom: 2px;
    font-size: 44px;
    line-height: 60px;
    text-align: center;
    border: 2px solid #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

.panel-promo i {
    margin-right: 25px;
    float: left
}

.panel-promo h2 {
    margin-top: 2px
}

#active-services:after,
#active-domain:after,
#due-invoices:after,
#open-tickets:after {
    font-family: FontAwesome;
    font-size: 90px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.1);
    margin-top: -40px;
    float: right
}

#active-services:after {
    content: "\f058"
}

#active-domain:after {
    content: "\f0c1"
}

#due-invoices:after {
    content: "\f0d6"
}

#open-tickets:after {
    content: "\f0c5"
}

#notif-icon {
    border-right: 1px solid #d2d2d2;
    margin: 11px 35px 0 0;
    padding-right: 4px
}

#notif-icon li {
    width: 42px;
    display: inline;
    margin-right: 10px;
    list-style: none;
    float: left
}

#notif-icon li a,
#notif-icon li a:visited {
    color: #a8a8a8
}

#notif-icon li i {
    font-size: 18px
}

#notif-icon li .uk-badge {
    position: relative;
    top: 3px;
    left: -10px
}

#notif-icon li .uk-badge {
    font-size: 9px;
    font-weight: 400;
    line-height: 16px
}

#notif-icon li .uk-badge-notification {
    min-width: 16px
}

ul.overview-list {
    margin-top: -9px
}

.overview-list li {
    border-bottom: 1px solid #ddd;
    line-height: 44px
}

.overview-list li:last-child {
    border-bottom: none
}

.overview-list li .uk-badge {
    position: relative;
    top: 12px
}


/* [ 2.9. contact.html ] */

#contact-form-wrapper {
    border-top: 2px solid #e8e8e8;
    width: 100%;
    margin-top: 30px;
    padding-top: 40px;
    float: left
}

#contact-form-wrapper .uk-alert {
    padding-top: 14px;
    padding-bottom: 15px
}

form#contact-form label {
    width: 15%;
    margin-top: 10px;
    float: left;
    clear: both
}

form#contact-form input {
    width: 55%;
    height: 44px;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 15px 15px 0;
    float: left
}

form#contact-form textarea {
    width: 75%;
    padding: 4px 12px;
    font-size: 14px;
    color: #b6b6b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    float: left;
    overflow: hidden
}

form#contact-form button {
    background: #0090cf;
    color: #fff;
    float: left
}

form#contactform em {
    font-family: Arial, Helvetica, sans-serif;
    color: #db4e43;
    display: inline
}

.loading {
    font-size: 13px;
    height: 20px;
    background: url(../images/loading.gif) 0 4px no-repeat;
    margin: 7px 0 0 12px;
    padding: 0 0 0 23px;
    color: #797979;
    float: left
}


/* [ 2.10. feature.html ] */

ul.hosting-apps li {
    width: 33.33%;
    height: 66px;
    margin: 0 -1px 0 0;
    display: inline-block;
    list-style-type: none;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    float: left
}

ul.hosting-apps li:nth-child(3n) {
    border-right: none
}

ul.hosting-apps li:nth-child(n+4) {
    border-bottom: none
}

ul.hosting-apps li img {
    width: 30px;
    margin: 18px 5px 18px 26px
}

.feature-ic-section {
    text-align: center;
    padding: 22px 12px!important;
    color: #fff
}

.feature-ic-section i {
    font-size: 48px
}

.feature-ic-section p {
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    position: relative;
    top: 3px
}

ul.hosting-apps {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1);
    float: left
}


/* [ 2.11. sitemap.html ] */

.sitemap-wrap li a,
.sitemap-wrap li a:visited {
    color: #939292;
    text-decoration: none
}


/* [ 2.12. 404.html ] */

.error404-wrap {
    margin-bottom: 30px
}

.error404-wrap h1 {
    font-size: 48px
}

.error404-wrap h1 i {
    font-size: 72px
}

.error404-wrap ul.uk-inline-icon {
    margin-top: 0;
    padding-bottom: 10px
}

.error404-wrap ul.uk-inline-icon li {
    padding-left: 20px;
    float: left
}

.error404-wrap .uk-inline-icon > li:nth-child(n+2) {
    margin-left: -5px
}

.error404-wrap ul.uk-inline-icon li a {
    color: #fff
}

.error404-wrap ul.uk-inline-icon li:before {
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f138";
    position: absolute;
    margin-left: -20px;
    color: #fff
}


/* [ 2.13. icon-list.html ] */

ul#icon-tablist li ul li .panel-border {
    -webkit-box-shadow: inset 0 0 0 1px rgba(232, 232, 232, 1);
    -moz-box-shadow: inset 0 0 0 1px rgba(232, 232, 232, 1);
    box-shadow: inset 0 0 0 1px rgba(232, 232, 232, 1)
}

ul#icon-tablist li ul li pre {
    background: #f3f3f3;
    margin-bottom: -32px;
    padding: 8px 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 10px;
    font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace;
    position: relative;
    top: -32px
}


/* [ 2.14. domain-pricing.html ] */

.idz-domain-pricing {
    border-bottom: 1px solid #d3d3d3
}

.idz-domain-pricing thead th,
.idz-domain-pricing tr td {
    text-align: center
}

.idz-domain-pricing thead th {
    font-size: 18px;
    font-weight: 400;
    color: #393939;
    padding-bottom: 22px;
    border-bottom: 1px solid #d3d3d3
}

.idz-domain-pricing tr td {
    line-height: 18px;
    vertical-align: middle;
    font-size: 16px;
    padding: 10px 0
}

th.idz-domain-tld {
    width: 160px;
}

th.idz-domain-price {
    width: 200px;
}

th.idz-domain-register {
    width: 200px;
}

.idz-domain-pricing tr td.idz-domain-tld {
    font-size: 22px;
    font-weight: 400;
    color: #0090cf
}

.idz-domain-pricing tr td.idz-domain-tld i {
    margin-right: 4px;
    font-size: 18px;
    color: #0090cf;
}

.idz-domain-pricing tr td.idz-domain-tld {
    text-align: left;
    padding-left: 28px;
}

.idz-domain-pricing tr td.idz-domain-register {
    text-align: right;
    padding-right: 28px;
}


/* [ 3. footer ] */

footer {
    padding: 60px 0 0;
    background: #f4f4f4
}

.footer-bg-img {
    background: url(../images/bg_footer.png) no-repeat 91% bottom
}

footer .uk-list li a {
    color: #939292
}

footer .uk-list li a:hover {
    color: #0090cf;
    text-decoration: none
}

footer hr {
    border: 1px solid #e2e2e2;
    margin: 28px 0 32px
}

#footer-social ul {
    margin: 20px 0;
    padding: 0
}

#footer-social ul li {
    margin-right: 20px;
    display: inline
}

#footer-social ul li a {
    font-size: 20px;
    color: #c4c3c3
}

#footer-social ul li a:hover {
    color: #aeaeae
}

#logo-footer {
    width: 117px;
    margin-bottom: 18px
}


/* IE11 fix */

_:-ms-fullscreen,
:root #logo-footer {
    height: 37px;
}

.copyright-wrap {
    font-size: 13px;
    padding-bottom: 21px
}

#payment-list {
    float: right
}

#payment-list ul {
    margin: 0;
    padding: 0
}

#payment-list ul li {
    font-size: 28px;
    margin-left: 8px;
    display: inline
}

#payment-list ul li i {
    color: #aeaeae
}

#payment-list ul li p {
    margin-right: 3px;
    font-size: 13px;
    float: left
}

.to-top {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 70px;
    right: 20px;
    text-align: center;
    background: #0288D1;
    border-radius: 300px;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    display: none
}

.to-top:hover {
    color: #fff
}

.pricing-column2 {
    background: #03A9F4;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 30px;
    position: relative;
	box-sizing: border-box;
	 border:1em solid #181818;
	border-width: 3px ;
	margin-bottom: 1px;		/*0288d1*/
}