body{-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;left:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;
     font-family:'brandon_text_regularregular';}

h1, .h1, h2, .h2, h3, .h3 {
margin-top: 0;
margin-bottom: 0;}

ul {padding-left: 0}
ul li {list-style: none}
.btn-default-gn:hover, .btn-default-gn:focus {color: #fff}

.btn-order-green:hover, .btn-order-blue:hover, .btn-order-blue:focus, .btn-order-green:focus {color: #fff}

p {font-size: 18px;color: #7A7A7A;font-family: 'brandon_text_regularregular'}
a:hover, a:focus {text-decoration: none}

input[type=radio], input[type=checkbox] {margin: 4px 10px 0 0px;}

.title-h2 {font-size: 25px;padding: 40px 0 30px}
a {outline: none}

/* --- DROPDOWN --- */

.metro, .metro span, .metro div , .metro ul {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}

.metro,
.metro div,
.metro li,
.metro div::after,
.metro .carat,
.metro .carat:after,
.metro .selected::after,
.metro:after{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.metro .selected::after,
.metro.scrollable div::after{
	-webkit-pointer-events: none;
	-moz-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
}

/* WRAPPER */

.metro {position: relative;width: 100%;cursor: pointer;font-weight: 200;background: #fff;display: inline-block;-webkit-user-select: none;-moz-user-select: none;padding: 19px 12px;border: 1px solid #1F6599;}
.metro.open{z-index: 2;}
.metro:hover{background: #fff;}
.metro:after{content: '';position: absolute;right: 3px;bottom: 3px;top: 2px;width: 30px;background: transparent;}

/* CARAT */

.metro .carat,
.metro .carat:after{content: '';
position: absolute;right: 10px;top: 50%;margin-top: -4px;z-index: 2;-webkit-transform-origin: 50% 20%;-moz-transform-origin: 50% 20%;-ms-transform-origin: 50% 20%;transform-origin: 50% 20%;	}

.metro .carat {background:transparent url(../img/arrow-global.png) no-repeat;height: 20px;width: 20px;z-index: 1}
.metro .carat:after{margin-top: -10px;right: -8px;}
.metro.open .carat{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

/* OLD SELECT (HIDDEN) */

.metro .old{position: absolute;left: 0;top: 0;height: 0;width: 0;overflow: hidden;}
.metro select{position: absolute;left: 0px;top: 0px;}
.metro.touch select{left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}

/* SELECTED FEEDBACK ITEM */ 

.metro .selected,
.metro li{font-size: 17px;line-height: 1;color: #000;padding: 9px 12px;overflow: hidden;white-space: nowrap;}

.metro .selected::after{content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 60px;border-radius: 0 2px 2px 0;}

/* DROP DOWN WRAPPER */

.metro div{position: absolute;left: 0;right: 0;top: 100%;background: #fff;overflow: hidden;opacity: 0;outline: 1px solid #1F6599;}

/* Height is adjusted by JS on open */

.metro.open div{opacity: 1;z-index: 2;}

/* FADE OVERLAY FOR SCROLLING LISTS */

.metro.scrollable div::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 50px;}
.metro.scrollable.bottom div::after{opacity: 0;}

/* DROP DOWN LIST */

.metro ul{position: absolute;left: 0;top: 0;height: 100%;width: 100%;list-style: none;overflow: hidden;}
.metro.scrollable.open ul{overflow-y: auto;}

/* DROP DOWN LIST ITEMS */

.metro li{list-style: none;padding: 18px 24px;}

/* .focus class is also added on hover */

.metro li.focus{background: #EFF3F7;color: #505050;position: relative;z-index: 3;}
.metro li.active{background: #1F6599;color: #fff;}

.back-input .metro {width: 24%}

.btn-default-gn {
	border: none;
	cursor: pointer;
	padding: 16px 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
        background: #237cbe;
	color: #fff;
        overflow: hidden;
        display: inline-block; 
}

.btn-default-gn:hover {
	background: #3695DB;
}

.green {
        background: #87bb3b;
}

.green:hover {
        background: #8FCA39;
}

.delete {background: #e22f37}
.delete:hover {background: #ee2e36}


.btn-order-blue {
	border: none;
        border-radius: 0;
	cursor: pointer;
	padding: 14px 26px;
	text-transform: uppercase;
	font-weight: 700;
        font-size:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
        background: #1F6599;
	color: #fff;
        overflow: hidden;
        display: inline-block; 
        text-decoration: none
}

.btn-order-green {
	border: none;
        border-radius: 0;
	cursor: pointer;
	padding: 14px 26px;
	text-transform: uppercase;
	font-weight: 700;
        font-size:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
        background: #7fc04b;
	color: #fff;
        overflow: hidden;
        display: inline-block; 
        text-decoration: none
}

.btn-order-add {
	border: none;
        border-radius: 0;
	cursor: pointer;
	padding: 14px 16px;
	text-transform: uppercase;
	font-weight: 700;
        font-size:13px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
        background: #7fc04b;
	color: #fff;
        overflow: hidden;
        display: inline-block; 
        text-decoration: none
}


.btn-order-reset {
	border: none;
        border-radius: 0;
	cursor: pointer;
	padding: 14px 16px;
	text-transform: uppercase;
	font-weight: 700;
        font-size:13px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
        background: #e12f38;
	color: #fff;
        overflow: hidden;
        display: inline-block; 
        text-decoration: none
}


.btn-order-green i, .btn-order-blue i {
background: url(../img/arrow-button.png);
width: 5px;
height: 10px;
display: inline-block;margin-left: 18px;
vertical-align: middle;}

.btn-order-add i, .btn-order-reset i {
width: 10px;
height: 10px;
display: inline-block;margin-right: 10px;}

.btn-order-reset i {background: url(../img/reset-icon.png) center no-repeat}
.btn-order-add i {background: url(../img/add-icon.png) center no-repeat}


.btn-order-blue:hover {background: #237cbe;color: #fff;text-decoration: none}
.btn-order-blue:after {display:none}

.btn-order-green:hover {background: #86d14a;color: #fff;text-decoration: none}
.btn-order-green:after {display:none}

.btn-order-add:hover {background: #83cf46;color: #fff;text-decoration: none}
.btn-order-reset:hover {background: #ee2e37;color: #fff;text-decoration: none}

.bg-menu-order {box-shadow:0 5px 5px -5px rgba(0, 0, 0, 0.5)}
.header-order .logo-order span {font-size: 18px;vertical-align: sub;padding-left:5px}
.header-order .logo-order img.logo {padding-right:12px}
.header-order {padding: 30px 0}

.select-langue {
	height:50px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
    padding:14px 0px 13px 14px ;
	border-radius: 0;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    cursor:pointer;
    margin-right: 20px;
    font-size: 16px;
        background: none;
	}
       

                
.cart-order {display: inline-block;margin-top: 10px}
.cart-order div {font-size: 16px;color: #888;}
.cart-order div img {padding-right: 6px;vertical-align: sub;margin-bottom: 1px;}
.cart-order div span {font-weight: bold;color:#237cbe}


.footer-order {background:#f0f3f5;margin-top: 40px }






.down-footer {padding: 40px 0;}
.down-footer div div div p {font-size: 16px;font-family:'brandon_text_regularregular';margin-bottom: 3px;color: #888;}
.down-footer div div div a {padding-left: 9px;padding-right: 9px; text-decoration: none;color: #444;}
.down-footer div div div h2 {font-size:20px;font-weight:normal;color:#fff;text-transform: initial;font-family:'brandon_text_regularregular';}
.down-footer div div div ul {float: right;list-style: none;padding: 0}
.down-footer div div div ul li {float:left;margin-left: 9px;height: 34px;width: 53px;}

.down-footer div div div ul li {text-indent: -9999px}
.down-footer div div div ul li.paypal {background: url(../../../img/cards/paypal.png)}
.down-footer div div div ul li.hipay {background: url(../../../img/cards/hipay.png)}
.down-footer div div div ul li.mastercard {background: url(../../../img/cards/mastercard.png)}
.down-footer div div div ul li.moneybookers {background: url(../../../img/cards/moneybookers.png)}
.down-footer div div div ul li.visa {background: url(../../../img/cards/visa.png)}
.down-footer div div div ul li.m2t {background: url(../../../img/cards/m2t.png)}
.down-footer div div div ul li.mtc {background: url(../../../img/cards/mtc.png)}
.down-footer div div div ul li.cmi {background: url(../../../img/cards/cmi.png)}
.down-footer div div div ul li.fpay {background: url(../../../img/cards/fpay.png)}
.down-footer div div div ul li.payza {background: url(../../../img/cards/payza.png)}

@media screen and (max-width: 1024px){.util-container{border-bottom: 0;}}
@media screen and (min-width: 1024px){.domain-searchbox .col-md-3{padding-right: 0;}}

@media screen and (max-width: 1024px){nav.util ul>li>a.locales-btn span.globe {margin-right: 0;}}


@media screen and (max-width: 992px){.down-footer {text-align: center}}
@media screen and (max-width: 992px){.down-footer div div div ul li {float: none;display: inline-block}}

@media screen and (max-width: 992px){.down-footer div div div ul  {float: none;margin-top: 30px}}
@media screen and (max-width: 992px){.down-footer div div div a  {padding-left: 7px;padding-right: 7px;}}
@media screen and (max-width: 992px){.down-footer div div div a:nth-of-type(1) {padding-left: 0;}}
@media screen and (max-width: 992px){.down-footer div div div a:nth-of-type(6) {border-right: 0;}}
@media screen and (max-width: 992px){.down-footer div div div ul li {padding-left: 1px;margin-left:1px}}
@media screen and (max-width: 1024px){.down-footer {background: #f0f3f5;}}

/* --- COMMANDE --- */

.config {
    border:1px solid #e3e9ef;
    border-radius:0
}

.config ul li {
    display: inline-block;
    width: 25%;
    background: #f0f5fa;
    text-align: center;
}


.config ul li a {
    padding: 18px 12px;
    border-radius: 0;
    border:0;
    margin-right: 0;
    border: 0;border-bottom-color: rgba(0, 0, 0, 0);border-right: 1px solid #dfe6ed;border-bottom: 1px solid #dfe6ed;
    font-size: 16px;
    color:#404040
}

.config ul li:first-child a {
    border-top-left-radius: 6px; 
}

.config ul li:last-child a {
    border-top-right-radius:6px;
}

.config ul li:last-child a {
    border-right:0;
}

.config ul li:last-child a:hover {
    border-right:0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {border: 0;border-bottom: 1px solid rgba(0, 0, 0, 0);border-right: 1px solid #dfe6ed}
.nav > li > a:hover, .nav > li > a:focus {background: #F7F9FC;border: 0;border-bottom-color: rgba(0, 0, 0, 0);border-right: 1px solid #dfe6ed}
.title-config {
    padding: 7px 23px;
    background: #237cbe url(../../../img/icon-ram.png);
    background-repeat: no-repeat;
    background-position: center left 20px;
    border-radius:0;
    color: #fff;
}
@media screen and (max-width:1200px){.config-your-server {display: none}}
.content-config {border: 1px solid #237cbe;padding: 23px;margin: 0px 0px 30px 0px;border-radius:0;  border-top: 1px solid #237cbe;}
.content-config input[type=radio] {margin-right: 12px}
.content-config div {margin-bottom: 8px;}
.content-config tr {vertical-align: sub}
.content-config table td {font-size: 15px}

.content-config .fieldarea .form-group {padding-bottom: 0}
.content-config .metro {padding: 8px 0px;}
.content-config .metro .selected, .metro li {font-size: 14px;padding: 10px 14px;}

/* --- LOGIN --- */

.languageswitcher {display:inline}
.connect {margin: 60px 0 40px 65px;border-left: 1px solid #D7DEE5;padding-left: 50px;}
.inscription {margin: 60px 0 40px 0;}

.control-label {text-align: right;font-family:'brandon_text_regularregular';font-size: 16px;color: #777;}
.page-login {width: 42%;height: 40px}
.control-group input {width: 100%;
margin-bottom: 8px;
padding: 4px;}
.control-group {margin-top: 23px}
 .select-choice {margin-bottom: 12px;width: 100%}
.controls {margin-left: 14px;
outline: none;
border-radius: 0;
width: 54%;
display: inline-block;}

.inscription h2 {margin-bottom: 29px;color:#666666;font-size: 36px}
.connect h2 {margin-bottom: 26px;color:#666666;font-size: 36px}

.connect .input-checkbox {color: #8D8D8D;padding-right: 20px}
.input-checkbox {display:inline}
.input-checkbox input {margin-right: 9px}


.form-1, .form-2 {margin-bottom: 30px;}
.reply-question {margin-top: 20px}
.end-form {text-align: right;border-top:1px solid #dbdbdb;padding-top: 30px;}
.end-form .input-checkbox {display:block;}
.end-form .input-checkbox label {font-size: 16px;color: #6D6D6D;}

.inscription-title {padding: 60px 0 20px 0;border-bottom:1px solid #dbdbdb;margin-bottom: 20px;}
.inscription-title h1 {color:#237cbe;display: inline-block;padding-right: 20px}
.inscription-title p {display: inline-block}
.alert-danger h4 {font-weight: bold}
.alert-danger p {font-size: 16px;color: #A94442;}


.bloc-cart-products, .bloc-cart-payment, .bloc-cart-contact {border:1px solid #E0E6EC;padding: 45px 30px;overflow: auto;background: #F4F6F8;border-radius: 0;margin-bottom: 20px;}
.bloc-cart-payment {margin-bottom: 20px}
.container-button {text-align: right}

.bloc-cart-payment input {margin: 4px 4px 0 0px;}
.bloc-cart-payment label {margin-right: 3px;}
.clear-cart {padding: 14px 26px;background: #e22f37;font-size: 12px;margin-right: 12px;}
a.clear-cart:hover {background: #ffeaea;color: #bd1212;}

a.disabled {background: #EBEBEB;cursor: default;margin-top: 30px;color: #C7C7C7;}
a.disabled:hover {background: #EBEBEB;color: #C7C7C7;}

.contact-in h3 {font-size: 16px;margin-top: 10px;}
.contact-in select {margin-bottom: 0}

/** TABLE **/

table.disabled tbody tr td:first-child {border-right: none;}
table.disabled thead tr th:first-child {border-right: none;}

.alert-danger {margin-bottom: 20px}

.table-cart {background: #fff;border: 1px solid #DDE3E8;border-collapse: separate;border-radius:0;border-right: 0;border-left: 0}
@media screen and (max-width: 992px){.table-cart {background: #fff;border: 1px solid #DDE3E8;border-collapse: separate;border-radius:0;border-right: 1px solid #DDE3E8;border-left: 1px solid #DDE3E8}}

.table-cart>thead>tr>th,
.table-cart>tbody>tr>th,
.table-cart>tfoot>tr>th,
.table-cart>thead>tr>td,
.table-cart>tbody>tr>td,
.table-cart>tfoot>tr>td {padding: 20px;}

.table-cart>thead>tr>th,
.table-cart>tbody>tr>td {font-size: 18px;color:#5F5F5F}


.table-cart>tbody>tr>td.price-cart h3 {font-size:21px;font-family: 'brandon_textbold';}
.table-cart>tbody>tr>td.price-cart div {font-size: 15px;}

.table>thead>tr>th {border-bottom:0}
.table-cart>thead>tr>th, .table-cart>tbody>tr>td {border-right: 1px solid #E0E6EC}
.table-cart>thead>tr>th:last-child, .table-cart>tbody>tr>td:last-child {border-right: 0}


.period-cart {font-size:21px;font-family: 'brandon_textbold';}

.table-products>thead>tr>th, .table-products>tbody>tr>th, .table-products>tfoot>tr>th, .table-products>thead>tr>td, .table-products>tbody>tr>td, .table-products>tfoot>tr>td {
    padding: 9px;
border-top: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
padding-left: 20px;
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
background-color: transparent}

.table-products {border: 1px solid #EAEAEA;margin:60px 0;}
.table-products .btn-default-gn {font-size: 10px;padding: 14px 10px;width: 100%;white-space: nowrap;margin-top: 10px}
.price-table {font-size: 21px;font-family: 'brandon_textmedium';color:#237cbe}
.table-products h2 {font-size: 21px;}
.table-products .metro {margin-bottom: 5px;padding: 15px 12px;}
.table-products .metro .selected, .table-products .metro li {font-size: 15px;padding: 15px 16px;}
.table-products>thead>tr>th {padding-bottom: 20px;padding-top: 20px}

.options-product {margin-top: 12px}
.options-product li {display: inline-block}
.button-options-products {border-radius:30px;font-size:12px;text-transform: none; padding: 3px 8px;vertical-align: middle}

.product li {font-size: 15px;margin-left: 20px;list-style-type:disc }
.product ul {margin-top: 1px}

.product .Switch {margin-top: 7px}



.empty-div-cart {background: #fff;border-radius: 0;border: 1px solid #DDE3E8;padding: 20px;margin-bottom: 20px;}
.empty-div-cart p {margin: 0}


.price-total-cart {overflow: auto;background: #237cbe;padding: 22px;}
.price-total-command {outline: 1px solid #237cbe;}
.price-total-cart h3 {width: 25%;float: left;color:#5F5F5F;font-size: 30px;font-family: 'brandon_textmedium';color: #fff}
.price-total-cart div {width: 70%;float: right;text-align: right;}
.price-total {font-size:24px;color: #fff;}
.price-total span {font-weight: bold;color:#fff}

.bloc-cart-products .price-total-cart {background: #fff;
border-radius: 0;
border: 1px solid #DDE3E8;
padding: 20px;}

.code-promo-cart {background: #fff;
border-radius: 0;
border: 1px solid #DDE3E8;
padding: 20px;}

.code-promo-cart {padding:20px;overflow: auto}
.code-promo-cart p {font-size: 16px;width: 100%;margin-top: 8px;}
.code-promo-cart input {outline: none;border: 1px solid #CBCBCB;border-radius: 0;padding: 9px;width: 49%;}
.code-promo-cart input.btn-default-gn {width: 49%;border: 0;font-size: 11px;padding: 13px;vertical-align: top}
.code-promo-cart form {width: 100%;float: left}

.code-promo-cart button {background: #FFFFFF url(../img/check.png);
background-repeat: no-repeat;
padding: 19px;
border: 1px solid #dde3e8;
background-position: center;
border-radius: 0;
vertical-align: middle;
margin-top: -4px;
margin-left: 9px;}

.bloc-cart-products .price-total-cart h3 {color: #838383;}
.bloc-cart-products .price-total-cart .price-total span {color: #1F6599;}
.bloc-cart-products .price-total-cart .setup-fee {color: #323232;}


.payment-cart a {padding-left: 20px;}
.payment-cart a input {margin-right: 12px;}
.payment-cart .col-md-8 {text-align: right}
.payment-cart .list-gateways div {display: inline-block;border: 1px solid #E0E6EC;margin-left: 5px;margin-bottom: 10px;padding: 3px 12px;border-radius: 28px;background: #fff;}

.config-container a.btn-order-blue {margin: 0px 30px 30px 30px;}

.sidebar-summary {border-radius: 0;background:#fff ;border: 1px solid #237cbe;margin-bottom: 20px}
.sidebar-total {padding: 0px 18px 14px;}

.sidebar-total p {display:inline;font-size: 14px;color: #000;}
.sidebar-total select {vertical-align: text-bottom;margin-left: 12px}
.sidebar-summary h3, .sidebar-total h3 {padding: 12px 0 18px;margin-bottom: 18px;}

.sidebar-summary .title-config-summary {padding: 4px 0px 4px 0px;}
.sidebar-summary .title-product {padding: 4px 0px;}

.sidebar-summary h3 {font-size: 16px;margin-bottom: 0px;font-weight: bold}
.sidebar-summary div:last-child {border-bottom:none;} 
.title-config-summary {width: 70%;}
.sidebar-summary .title-config-summary p {margin: 0;font-size: 14px;color: #000;font-weight: bold}
.price-config-summary {width: 30%;text-align: right;margin-top:5px;color: #1F6599;font-size: 14px}
.container-configuration {padding: 12px 18px;}


.bloc-ndd table tbody tr th {background: #fff}
.bloc-ndd {border: 1px solid #dfe6ed;border-radius:0;margin-bottom: 30px}
.bloc-ndd .title-box-ndd {padding: 22px;background: #F0F5FA;border-bottom: 1px solid #DFE6ED;font-weight: bold;color:#428BC2;overflow: auto}
.title-box-ndd h3 {display: inline-block}
.bloc-ndd .title-box-ndd span {font-weight: normal;color:#727272; font-size: 18px}
.title-box-ndd a {float: right}
.bloc-ndd table tbody tr th {padding: 12px 22px;}
.bloc-ndd table {margin: 20px 0;font-size:14px}
.bloc-ndd table tbody tr th label {font-weight: normal;display: block;margin-left: 25px;}
.bloc-ndd table tbody tr th .help-block {margin-left: 25px}
.bloc-ndd table tbody tr th .form-group {padding-bottom: 0;margin-bottom: 0}
.bloc-ndd table tbody tr th input[type=checkbox] {float: left}
.bloc-ndd table tbody tr th label input {margin-right: 9px}
.bloc-ndd .form-control {height: 35px;margin-bottom: 10px;width: auto}
.bloc-ndd .title-box-ndd a {margin-left: 12px}
.bloc-ndd .well {
background-color: #FAFAFA;border: 0;
border-top: 1px solid #DFE6ED;
border-radius: 0px;box-shadow: none;margin-bottom: 0;}
.bloc-ndd .control-group {margin-top: 18px;}

.ndd-page .page-login {width: auto;}
.ndd-page .control-label {width: auto;padding-top: 7px;font-size: 14px}
.ndd-page .control-group input {padding: 7px;padding-left: 10px;}
.ndd-page .control-group {margin-top: 20px;}

.name-servers h3 {color:#428BC2}
.name-servers p {font-size: 16px;}
.name-servers .control-group {margin-top: 16px}

.btn-lg, .btn-group-lg>.btn {
padding: 8px 13px;
font-size: 16px;
line-height: 1.33;
border-radius: 0;
}

.open>.dropdown-menu {
border-radius: 0;
}

.dropdown {background: #0d1933;
color: #fff;
border-radius: 0;
float: right;
}

.dropdown a {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 12px;
    display: block;

}

/* --- ADD DOMAIN --- */
.panel-group .panel {overflow: visible}
.groupe-adddomain .control-group {margin-top: 0;padding: 12px;}
.groupe-adddomain .control-group input {width: 60%;margin-left: 0;padding: 12px}
.groupe-adddomain .control-group select {margin-left: 9px;}
.groupe-adddomain .panel {margin-bottom: 12px;}

.groupe-adddomain .control-group input.epp {width: 30%;margin: 12px 0 0 10px}

.groupe-adddomain .control-group input.namewithextension {width: 60%}
.groupe-adddomain .control-group input.extension {width: 20%;margin-right: 7px}
.groupe-adddomain input[type=radio] {margin-right: 9px}
.groupe-adddomain .metro, .sidebar-total .metro {width: auto;padding: 12px 16px 12px 0;margin-right: 10px;margin-left: 10px;}
.groupe-adddomain .metro .selected, .sidebar-total .metro .selected,.groupe-adddomain .metro li,.sidebar-total .metro li {font-size: 14px;padding: 12px}
.groupe-adddomain .metro .carat,.sidebar-total .metro .carat {right: 2px}
.groupe-adddomain span {font-size: 16px;}
.groupe-adddomain .control-group .btn-default-gn {padding: 16px;font-size: 11px;display: initial;width: auto;vertical-align: top;}
.groupe-adddomain .control-group .action {display: inline}

.pageaddname {margin-top: 0}

.steps {position: relative;margin-top: 40px;}
.steps .container-circle {width: 32.5%;display: inline-block;text-align: center}
.steps .circle {color: #AEAEAE;font-size: 18px;padding: 18px;height: 60px;width: 60px;background: #f0f3f5;border-radius: 30px;margin: 0 auto;position: relative;z-index: 2;margin-bottom: 10px;}
.steps .circle-active {color: #fff;font-size: 18px;padding: 14px;height: 60px;width: 60px;border: 4px solid #f0f3f5;border-radius: 30px;margin: 0 auto;background: #87bb3b;position: relative;z-index: 2;margin-bottom: 10px;}
.steps span {display: inline-table;font-size: 15px;margin-top: 12px;color: #6E6E6E;}

/*** HOME ***/

.slide-home {background:#3b4652 url(../img/bg-home-order.jpg) center no-repeat;min-height: 29px;padding: 100px 0 }

.slide-home .title-slide h1 {font-weight: bold;text-transform: uppercase;font-size: 30px}
.slide-home .title-slide h1, .slide-home .title-slide h3 {color: #fff;}
.slide-home .title-slide h3 {padding-top: 7px;padding-bottom: 7px;padding-left: 20px;border-left: 1px solid #4D5E71;font-weight: 100;}

.product-bloc {
    min-height: 210px;
    text-align: center;
    padding: 20px 20px;
    border: 1px solid #d9e0e4;
    margin-top: 30px;
    -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
    }

.product-bloc i  {
    width: 60px;
    height: 60px;
    display: inline-block;
    -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.modal-content .domain-searchbox .form-control {  width: auto;display: inline-block;}
.modal-content .domain-searchbox input {width: 30%}
.product-bloc i {background: url(../img/boxs-home/01.png) center no-repeat}

.icon-product-3 i {background: url(../img/boxs-home/01.png) center no-repeat}
.icon-product-13 i {background: url(../img/boxs-home/02.png) center no-repeat}
.icon-product-1 i {background: url(../img/boxs-home/03.png) center no-repeat}
.icon-product-7 i {background: url(../img/boxs-home/03.png) center no-repeat}
.icon-product-24 i {background: url(../img/boxs-home/05.png) center no-repeat}
.icon-product-6 i {background: url(../img/boxs-home/07.png) center no-repeat}
.icon-product-23 i {background: url(../img/boxs-home/07.png) center no-repeat}
.icon-product-5 i {background: url(../img/boxs-home/08.png) center no-repeat}
.icon-product-22 i {background: url(../img/boxs-home/08.png) center no-repeat}
.icon-product-28 i {background: url(../img/boxs-home/09.png) center no-repeat}
.icon-product-20 i {background: url(../img/boxs-home/06.png) center no-repeat}
.icon-product-25 i,.icon-product-29 i {background: url(../img/boxs-home/11.png) center no-repeat}
.icon-product-18 i {background: url(../img/boxs-home/10.png) center no-repeat}
.icon-product-30 i {background: url(../img/boxs-home/12.png) center no-repeat}

.product-bloc h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #5d5d5d;
    padding: 6px 0;
    }
    
.product-bloc p {
    font-size: 16px;
    -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin-bottom: 0
    }
    
a:hover .product-bloc {
    background: #237cbe;
    border: 1px solid #237cbe;
    -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
    }
    
a:hover .product-bloc h3, a:hover .product-bloc p {
    color: #fff;
    -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
    }
    
a:hover .product-bloc i {background: url(../img/boxs-home/01hover.png) center no-repeat; -ms-transform: rotate(7deg);-webkit-transform: rotate(7deg);transform: rotate(7deg);}
    
a:hover .icon-product-3 i {background: url(../img/boxs-home/01hover.png) center no-repeat;}
a:hover .icon-product-13 i {background: url(../img/boxs-home/02hover.png) center no-repeat;}
a:hover .icon-product-1 i {background: url(../img/boxs-home/03hover.png) center no-repeat;}
a:hover .icon-product-7 i {background: url(../img/boxs-home/03hover.png) center no-repeat;}
a:hover .icon-product-24 i {background: url(../img/boxs-home/05hover.png) center no-repeat;}
a:hover .icon-product-6 i {background: url(../img/boxs-home/07hover.png) center no-repeat;}
a:hover .icon-product-23 i {background: url(../img/boxs-home/07hover.png) center no-repeat;}
a:hover .icon-product-5 i {background: url(../img/boxs-home/08hover.png) center no-repeat;}
a:hover .icon-product-22 i {background: url(../img/boxs-home/08hover.png) center no-repeat;}
a:hover .icon-product-28 i {background: url(../img/boxs-home/09hover.png) center no-repeat}
a:hover .icon-product-20 i {background: url(../img/boxs-home/06hover.png) center no-repeat}
a:hover .icon-product-25 i,a:hover .icon-product-29 i {background: url(../img/boxs-home/11hover.png) center no-repeat}
a:hover .icon-product-18 i {background: url(../img/boxs-home/10hover.png) center no-repeat}
a:hover .icon-product-30 i {background: url(../img/boxs-home/12hover.png) center no-repeat}
    







/************************************/
/************ BARRE SEARCH DOMAIN NAMES ************/
/************************************/


.domain-searchbox{background-color:#1f6599; padding: 18px;margin-bottom: 20px}
.beforecontent > .beforecontenttext{color:#fff;}

.back-input {background: #fff;padding: 8px;}
.back-input .btn-default-gn {width: 100%}
.domain-searchbox input { width: 75%;height:62px;margin-bottom: 0}


.btn-commande {font-size: 12px;padding: 14px 23px;}



.domain-searchbox input{
    padding: 16px 16px;
    font-size:16px;
    border: 0;
    outline: 0;
    font-family: 'brandon_textlight';
}

.domain-searchbox a {
color: #fff;
font-size: 17px;
font-weight: bold;
display: block;
margin-top: 15px;
margin-bottom: 3px;
text-decoration: underline;}

/***************************************** MODAL MESSAGE AREA CLIENT MESSAGE *****************************************/
	
.modal-content-ndd .modal-message-emails h4 {
	padding:30px 30px;
	background:#1F6599;
	color:#fff;
	line-height:normal;
	margin-bottom:0;
        margin-top:0;
        font-weight: bold;
        margin: -30px;
	}

	
.modal-content-ndd .modal-message-emails p {
	padding: 55px 0px 15px;
        font-size: 16px;
        
	}
	
.modal-content-ndd {
	border-radius:0;
	}
        
.modal-content-ndd textArea {margin: 0px 0px 10px; height: 150px; width: 100%;max-width: 100%;padding: 12px;}
        
.modal-content-ndd input, .modal-content textarea {font-size: 12px;}
.modal-content-ndd input:focus, .modal-content textarea:focus {border: 1px solid #1F6599;outline: 0;}

.modal-content-ndd button.btn-default-gn {padding: 16px 24px;background: #1F6599;font-size: 12px;}
	
.modal-content-ndd .modal-footer {
	padding: 19px 20px 20px;
	margin-top: 15px;
	text-align: right;
	border-top: 1px solid #E5E5E5;
	background:#F0F3F7;
	border:0;
        margin: -30px;
        margin-top: 20px;
}

.modal-content-ndd .modal-footer button {
	padding:10px 26px;
	background: #BFCBD3;
	color: #233F51;
	outline:none;
        border-radius: 0;
        border: 0;
	}
        
.modal-content-ndd .modal-footer button:hover {border: 0;outline: none;}



/*** MODAL LOGIN ***/

.modal-login .modal-content {border-radius: 0;text-align: center;}
.modal-login label {display: inline}
.modal-login h3 {text-align: center;margin-bottom: 30px;}
.modal-login .input-checkbox {display: block;margin: 15px 0;padding-bottom: 0}
.modal-login input[type=checkbox] {display: inline-block;}
.modal-login .btn-default-gn {padding: 10px 15px;font-size: 12px;}

.modal-login .modal-footer {background: #F0F3F5}
.modal-login .modal-footer a {float: left;margin-top: 6px;}
.modal-login .modal-footer button {float: right;}
.modal-login ul.tabs-modal li {width: 50%;background: #777;float: left;background:#237CBE;position: relative}
.modal-login ul.tabs-modal li a {border-radius: 0;color: #fff}
.modal-login ul.tabs-modal li.active {background: #2470A8;}

.modal-login ul.tabs-modal li a {display: block;padding: 16px;}
.tabs-modal {padding-bottom: 40px;padding-right: 0}
.modal-login .tab-pane {margin-top: 20px;
padding: 30px;
}
.modal-login .tab-pane .form-control {height: 35px}
.modal-login .tab-pane .control-label {font-size: 15px}
.modal-login .end-form {padding-top: 0}
.modal-login .form-1,.modal-login .form-2 {margin-top: 10px}
.modal-login .modal-footer {margin-top: 0}
.modal-login .tabs-modal li.active i {
    width: 14px;
    height: 12px;
    display: inline-block;
    position: absolute;
    bottom: -10px;
    background: url(../img/arrowdown.png) center no-repeat;
    margin: 0 auto;
}
.modal-login .end-form .input-checkbox label {font-size: 15px}




.form-control {height: 40px;font-weight: 100}

.form-control-configuration {
    height: 35px;
    margin-bottom: 12px;display: inline-block;width: 40%;padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
margin-right: 10px;
vertical-align: sub;

}


.tabs-list-ndd  {border: 1px solid #e7e7e7;padding: 0;background: #f7f7f7;margin-bottom: 20px;margin-top: 20px}
.tabs-list-ndd div.tab-content {background: #FFF;padding: 20px 40px;border-left: 1px solid #e7e7e7}
.tabs-list-ndd ul.nav-tabs {margin-bottom: 0!important;}
.tabs-list-ndd .tabs-left > .nav-tabs > li > a {border-left: 0;border-right: 0;font-size: 16px}
.tabs-list-ndd .tabs-left > .nav-tabs > li:nth-child(1) > a {border-top: 0;}
.tabs-list-ndd .tabs-left > .nav-tabs .active > a, .tabs-list-ndd .tabs-left > .nav-tabs .active > a:hover {border-left: 0}
.tabs-list-ndd .tabs-left > .nav-tabs > li > a {color:#6B6B6B}
.tabs-list-ndd .tabs-left > .nav-tabs .active > a {color:#5F5F5F;margin-right: -1px;}
.tabs-list-ndd .nav-tabs li a i {background: url(../img/fleche-grey.png)}
.tabs-list-ndd .tabs-left > .nav-tabs .active > a i, .tabs-list-ndd .tabs-left > .nav-tabs .active > a i:focus {background: url(../img/fleche-grey.png)}










.panel-default {border: 1px solid #2873ab;}
.panel-group .panel {border-radius: 0}

.panel-default>.panel-heading {color: #FFF;
background: #2873AB url(../img/less.png) center right 20px;background-repeat: no-repeat;
border-radius: 0;}

.panel-default>.panel-heading a {text-decoration: none}
.panel-default>.panel-heading a.collapsed {background: #FFF url(../img/more.png) center right 20px;color: #505050;background-repeat: no-repeat;}


.nav-tabs li a:hover i {margin-left: 28px;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
  z-index: 1
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
}

.tabs-left > .nav-tabs {
  float: left;
  padding-right: 0
}

.tabs-left > .nav-tabs > li > a {
border-bottom:1px solid #e7e7e7;
border-left:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
background: #f7f7f7;
border-radius: 0;
font-size: 19px;color: #414141;font-family: 'brandon_text_regularregular';
padding: 16px 30px;
}

.tabs-left > .nav-tabs > li > a:focus {
  background:none;
}


.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
    background: #fff;
    color: #1F6599;border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;border-bottom: 1px solid #E7E7E7;
}

.tabs-left > .nav-tabs .active > a i,
.tabs-left > .nav-tabs .active > a i:focus {
    background: url(../img/fleche-blue.png);
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.nav-tabs {border: 0}

.panel-heading {padding: 0}

.panel-title>a {
color: inherit;
display: block;
padding: 18px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {border: 0}
.panel-body {padding:30px}

.alert {margin-top: 10px;margin-bottom: 0;padding: 12px;margin-bottom: 10px}



.nav-tabs li a i {background: url(../img/fleche-grey.png);
width: 6px;
height: 12px;
display: inline-block;
margin-left: 18px;
position: absolute;
top: 25px;right: 9%;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
}

.nav-tabs li a:hover i {right: 6%}

div.apps-genie div.tabbable div div.tab-pane h2 {margin-bottom: 30px;margin-top: 0}
div.apps-genie div.tabbable div div.tab-pane div.app,
div.apps-genie div.tabbable div div.panel-body div.app{
    display: inline-block;
text-align: center;
border: 1px solid #D9E1E6;
padding-top: 18px;
width: 31%;
margin-right: 9px;
margin-bottom: 9px;
min-height: 210px;
position: relative;
}








.ndd-price>thead>tr>th,
.ndd-price>tbody>tr>th, 
.ndd-price>tfoot>tr>th, 
.ndd-price>thead>tr>td, 
.ndd-price>tbody>tr>td, 
.ndd-price>tfoot>tr>td {
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    border-bottom: 1px solid #ddd;
    border-top: 0;
}

.ndd-price tr:last-child th {border-bottom: 0}
.ndd-price tr:last-child td {border-bottom: 0}
.ndd-price th {background: #fff}


div.tab-pane div.ndd-price:last-child {border-bottom: 0}
.price-ndd {text-align: right;font-weight:bold;font-size: 16px;}



.ndd-price .btn-default-gn {padding: 12px;margin-left: 9px;font-size: 11px;}



p.ndd {font-size: 16px;font-family: 'brandon_textlight';}



.info {display: inline;}
.info i {display: inline-block;width: 14px;height: 14px;background: url(../img/info.png) center no-repeat;vertical-align: sub;margin-right: 3px;margin-bottom: 1px;}
.info span {vertical-align: text-bottom;}
.agree-ndd {vertical-align: middle;font-size: 14px;color: #3F9E25;}
.disagree-ndd {font-size: 14px;vertical-align: middle;color: #747474;}

.icon-checkcheck {display: inline-block;width: 18px;height: 18px;background: url(../img/check.png);vertical-align: sub;}
.icon-cross {display: inline-block;width: 18px;height: 18px;background: url(../img/disagree.png);vertical-align: sub;}

.slide-commande {background: #237cbe;padding: 50px 0;box-shadow: inset 0 6px 5px -5px rgba(0, 0, 0, 0.5), inset 5px 0 5px -5px rgba(0, 0, 0, 0.5);}
.slide-commande h3 {font-size: 30px;color: #fff}


.box-pack {border: 1px solid #e7ecef;}
.title-box {background: #e7ecef;text-align: center;padding: 20px 0;}
.title-box h3 {font-size: 36px;}
.title-box p {font-size: 24px;}
.features-listing {padding-left: 0;list-style: none;padding: 30px 20px;font-size: 16px;color: rgb(76, 76, 76);}
.price-total-cart .setup-fee {font-size: 14px;color: #fff}



/*------------------------------------------------*/
/* Switch SECTION START*/
/*------------------------------------------------*/
.Switch {
position: relative;
display: inline-block;
font-weight: bold;
color: #ccc;
text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
height: 18px;
padding: 6px 6px 5px 6px;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 30px;
cursor: pointer;
font-size: 11px;
height: 26px;
background: #fff;
width: 80px;
}

body.IE7 .Switch { width: 78px; }

.Switch span { display: inline-block; width: 22px; }
.Switch span.On { color: #5F5F5F; }

.Switch .Toggle {
position: absolute;
top: 2px;
width: 41px;
height: 20px;
border-radius: 30px;
background: #2F78B0;
z-index: 12;
left: 2px;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
}

.Switch.On .Toggle { left: 3%; }
.Switch.Off .Toggle { left: 45%;}

.Switch span.Off {float: right}


/* Round Switch */
.Switch.Round {
padding: 0px 20px;
border-radius: 40px;
}

body.IE7 .Switch.Round { width: 1px; }

.Switch.Round .Toggle {
border-radius: 40px;
width: 14px;
height: 14px;
}

.Switch.Round.On .Toggle { left: 3%; background: #33d2da; }
.Switch.Round.Off .Toggle { left: 58%; }

.table-ssl a.btn-default-gn {font-size: 11px;white-space: nowrap;padding: 9px 16px;text-align: center}
.table-ssl tr td:first-of-type {font-weight: bold}


.control-group input.error {border: 1px solid #E20000;}
div.error {color:#D20606}
.form-group {clear: both;padding-bottom: 40px;}

.error404 {text-align: center;margin: 80px auto;
width: 700px;
padding: 50px;background: #fff;border: 1px solid #E0E6EC;}

.maintenance {text-align: center;margin: 80px auto;
width: 900px;
padding: 50px;background: #fff;border: 1px solid #E0E6EC;}

.error404 h1 {font-size: 130px;
color: #575757;
font-family: 'brandon_textmedium';}

.maintenance h1 {font-size: 46px;
color: #3F3F3F;margin: 10px 0;
font-family: 'brandon_textbold';text-transform: uppercase}

.maintenance i {width: 121px;height: 104px;background: url(../img/under.png) no-repeat center;display: block;margin: 0 auto}
.maintenance p {margin: 0px;}

.error404 p {margin-bottom: 30px;}
.error404 h3 {margin-bottom: 10px;color: #3A3A3A}
.body404, .bodymaintenance {background: #F4F6F8;}

.sidebar-container {position: relative}
.loading .loader {
    background: #fff url(../img/loader.gif) center no-repeat;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
}





/*! jQuery UI */

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/* Component containers
----------------------------------*/

.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #237CBE;
background: #ffffff;
color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #237CBE;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #237CBE;
background: #FFFFFF;
outline: none;
}

.fieldarea {width: 100%;
vertical-align: middle;
padding-left: 20px;}

.slide-input {width: 50px;height: 50px;background:#237CBE;color:#fff;border: 0;text-align: center;margin-left: 10px;float: right;}

tr.slider-row {border: 1px solid #237CBE;margin-bottom: 20px;
display: block;}

tr.slider-row td {padding: 10px}
.slider-config {width: 80%;display: inline-block;vertical-align: middle;margin-bottom: 0;margin-top: 20px;}
.fieldlabel {vertical-align: middle;width: 18%}

.header-cart h2 {display: inline-block;margin-top: 5px;}
.header-cart .btn-order-blue i {margin-right: 18px;background: url(../img/arrow-left.png);margin-left: 0}

.bloc-addons {border: 1px solid #e2e5e8;padding: 24px;margin-bottom: 20px;}
.bloc-addons form label {color: #4F4F4F;width: 100%;display: inline;}

.bloc-addons form label .price {float: right;color: #4C4C4C;}
.bloc-addons form label .size {color: #7A7A7A;}

.bloc-addons p {font-size: 16px;margin-bottom: 16px;}
.bloc-addons h3 {color: #696969;display: inline-block;font-size: 18px;vertical-align: middle;margin-left: 12px;font-weight: bold}

.ssl-addons-title i {display: inline-block;width: 40px;height: 40px;background: url(../img/addons/icon-ssl.png) center no-repeat;vertical-align: middle;}
.r1soft-addons-title i {display: inline-block;width: 70px;height: 70px;background: url(../img/addons/icon-r1soft.png) center no-repeat;vertical-align: middle;}
.ftp-addons-title i {display: inline-block;width: 70px;height: 70px;background: url(../img/addons/icon-ftp.png) center no-repeat;vertical-align: middle;}
.cdn-addons-title i {display: inline-block;width: 40px;height: 40px;background: url(../img/addons/icon-cdn.png) center no-repeat;vertical-align: middle;}

.ssl-addons-title,
.r1soft-addons-title,
.ftp-addons-title,
.cdn-addons-title {margin-bottom: 16px}

.bloc-addons form div:nth-of-type(odd) {background: #f0f3f5;}
.bloc-addons form div {padding: 6px 10px}



/** PAGE SLIDER UI **/


.label {border-radius: 0;font-size: 12px;padding: 6px}
.QsControls {padding-right: 10px;}
.config-your-server {margin-left: 0;margin-right: 0;background: #237CBE;padding: 25px 8px 25px;}
.config-your-server h1, .config-your-server p {color: #fff;text-align: center;text-transform: uppercase;font-size: 16px}
.config-your-server h1 {margin-bottom: 10px;font-size: 30px}
.config-your-server .box-cpu,
.config-your-server .box-memory,
.config-your-server .box-hdd {background: #3486c3;padding: 18px;margin-top:0px;}
.config-your-server .cpu {background: #3486c3 url(../img/slider-ui/cpu.png) no-repeat center;width: 170px;height: 85px;margin: 0 auto;}
.config-your-server .memory {background: #3486c3 url(../img/slider-ui/ram.png) no-repeat center;width: 170px;height: 85px;margin: 0 auto;}
.config-your-server .hdd {background: #3486c3 url(../img/slider-ui/hdd.png) no-repeat center;width: 170px;height: 85px;margin: 0 auto;}
.icon-cpu {background: url(../img/slider-ui/cpu-active.png) center no-repeat;height: 42px;width: 42px;float: left}
.icon-memory {background: url(../img/slider-ui/ram-active.png) center no-repeat;height: 42px;width: 42px;float: left}
.icon-hdd {background: url(../img/slider-ui/hdd-active.png) center no-repeat;height: 42px;width: 42px;float: left}

.QsPrice {text-align: center}
.container-price-vps {border-left: 1px solid #E3E9ED;padding-left: 20px}
.slabel-slider {float: right;margin-bottom: 0}
.slabel-slider .values .label {background-color: #237CBE;}
.slabel-slider .values {margin-bottom: 0}
.qsSlider .slider-config {margin-top: 0;width: 100%;margin-bottom: 16px}
.qsSlider .slide-input {height: 30px}
.switch-period span { font-size: 12px}
.sidebar-container .sidebar-summary div.switch-period {border: 1px solid #D0D4D7;height: 31px;width: 124px;margin-left: 10px;}
.switch-period .Toggle {width: 65px;height: 25px;top: 2px}
.switch-period span {width: 43px;color: #5F5F5F;}
.switch-period.On .Toggle {left: 3%}
.qsSlider select {background: #FFFFFF;border-radius: 0;float: right;margin-bottom: 6px;border: 1px solid #ccc;height: 32px;outline: 0;font-size: 14px;margin-top: 0px;}
.config-select {margin-top: 14px;height: 35px;}

.sidebar-total .config-select {width: auto;display: inline-block;vertical-align: sub;height: 35px;margin-top: 0}
.config-title {padding: 30px 0 25px;color: #646464;}
.container-configuration hr {background: #E0E8ED;height: 1px;margin: 0;border: 0;}

.metro.disabled .carat {display:none;}
.metro.disabled {cursor: default;}

.modal-content {border-radius: 0}

.modal-hosting .table-products {margin: 0;border-right: 0;}
.modal-hosting .panel-body {padding: 0}
.modal-hosting .panel-default {border: 0;margin: 10px;}


.modal-hosting .table-products>thead>tr>th {padding-bottom: 10px;padding-top: 10px}
.modal-hosting .panel-default>.panel-heading a.collapsed {border: 1px solid #2873AB}
.modal-hosting .table-products .metro {padding: 10px 0px}
.modal-hosting .table-products .btn-default-gn {padding: 12px 32px}


.modal-hosting .panel-default>.panel-heading+.panel-collapse .panel-body {margin-bottom: 12px;padding: 12px 0px;border-top: 0}
.modal-hosting .table-products h2 {font-size: 16px}


.modal-hosting .table-products>thead>tr>th, 
.modal-hosting .table-products>tbody>tr>th, 
.modal-hosting .table-products>tfoot>tr>th, 
.modal-hosting .table-products>thead>tr>td, 
.modal-hosting .table-products>tbody>tr>td, 
.modal-hosting .table-products>tfoot>tr>td {
    padding: 5px;
    font-size: 14px;
}

.modal-hosting .price-table {font-size: 16px}
.modal-hosting select {margin-bottom: 12px;width: 100%;}



@media screen and (max-width: 992px){
    .btn-default-gn {  padding: 10px 16px;font-size: 10px;}
    .button-options-products {  padding: 3px 8px;font-size: 12px}
    .back-input .btn-default-gn {margin-top: 12px}
    p {font-size: 15px}
    .table-products {display: block;overflow: auto}
    .back-input .metro {width: 100%;margin-bottom: 10px}
    .metro {padding: 12px}
    .domain-searchbox .col-md-3 {padding-left: auto}
    .product-bloc {min-height:12px;padding: 10px;margin-top: 10px;}
    .product-bloc i,.product-bloc p {display: none}
    .product-bloc h3 {padding: 0;font-size: 14px}
    .slide-home {min-height: 20px;padding: 30px 0;}
    .slide-home .title-slide {margin-top: 0px;text-align: center}
    .slide-home .title-slide h3 {font-size: 18px;border: 0;padding: 0}
    .slide-home .title-slide h1 {font-size: 23px}
    .header-order {text-align: center}
    .header-order a.btn-default-gn {float: none!important}
    .dropdown {float:none}
    .bloc-cart-products, .bloc-cart-payment, .bloc-cart-contact {padding: 14px 0}
    .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {font-size: 15px}
    .table-cart>thead>tr>th, .table-cart>tbody>tr>th, .table-cart>tfoot>tr>th, .table-cart>thead>tr>td, .table-cart>tbody>tr>td, .table-cart>tfoot>tr>td {padding: 12px}
    .product li {font-size: 14px}
    .product p {margin-bottom: 0}
    .options-product {margin-top: 10px;margin-bottom: 3px}
    .table-cart>tbody>tr>td.price-cart h3 {font-size: 17px}
    .code-promo-cart {margin-bottom: 12px;text-align: center}
    .contact-in h3 {margin-bottom: 10px}
    .payment-cart h3 {font-size: 18px;margin-bottom: 12px;}
    .bloc-cart-payment,.list-gateways,.contact-in {text-align: center}
    .code-promo-cart input.btn-default-gn {width: 100%;}
    .code-promo-cart form {width: 100%}
    .code-promo-cart input {margin-left: 0;  width: 100%;margin-bottom: 12px;}
    .code-promo-cart p {font-size: 14px;float: none;width: auto}
    .domain-searchbox input {font-size: 16px}
    .button-options-products {vertical-align: sub;white-space: nowrap;}
    .footer-order {margin-top: 20px}
    .open>.dropdown-menu {width: 100%}
}
@media screen and (max-width: 480px){.header-order .logo-order img.logo{width: 150px}}





.pack-mobile-offer h3 {font-size: 21px;}
.pack-mobile-offer {
border: 1px solid #E7ECEF;}
ul.features-offer-pack li {
font-size: 16px;margin-bottom: 4px;
}
ul.features-offer-pack {
padding: 12px;}





  th {text-align: left; padding-right: 1em}

 
  .table .st-key {
    font-weight: bold;
  }
  .stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }



/* RESPONSIVE TABLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 992px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}

/*** ADD CSS ***/

.button-add-products {border-radius: 30px;
  font-size: 13px;
  text-transform: none;
  padding: 7px 14px;
  vertical-align: middle;
  float: right;
  margin: 46px 0px 6px 10px;
  background: #fff;
  border: 2px solid #1F6599;
  color: #1F6599;}
.button-add-products:hover {  background: #1F6599;}
.modal-content .product-bloc {
  text-align: center;
  padding: 12px;
  border: 1px solid #d9e0e4;
  margin-top: 12px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: #4F4F4F;min-height: 56px}

.modal-content .product-bloc:hover {  color: #FFFFFF;
  background: #1F6599;border: 1px solid #fff}

.modal-content .product-bloc h3 {  font-size: 14px;}
.modal-content .domain-searchbox {padding: 15px 26px}
.modal-content .domain-searchbox .form-control {  width: auto;display: inline-block;}
.modal-content .domain-searchbox a {font-size: 15px}
.modal-content .domain-searchbox input {padding: 16px 16px 16px 0;width: 66%}
.modal-content .domain-searchbox input.btn-default-gn {width: 100%;font-size: 12px;padding: 10px}
.modal-content .btn-default-gn {  padding: 23px 12px;font-size: 12px;}
.modal-content .btn-default-gn i {display: none}

@media screen and (max-width: 480px){.modal-content .domain-searchbox .form-control{width: 100%;margin-bottom: 12px}
.modal-content .btn-default-gn {  padding: 14px 12px;}}

@media screen and (max-width: 992px){
    .button-add-products {float: none; margin: 0px 10px 20px;}
    .header-cart {text-align: center}

}

.conditions-agree { text-align: right; margin-bottom: 12px;}
p.conditions-law, .conditions-agree p {font-size: 14px;}

#form_order .help-block {color: #E22F37; font-weight: 900; font-size: 13px;}

.btn-bordering {
    border: 1px solid #00000054;
    border-radius: 0;
    cursor: pointer;
    padding: 14px 26px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: none;
    color: #000000f5;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-bordering .icon-globe {
    width: 12px;
    height: 12px;
    background: url("../img/globe.svg") center no-repeat;
    margin-right: 10px;
    background-size: cover;
}

.btn-bordering .icon-arrow-black {
    width: 8px;
    height: 8px;
    background: url("../img/arrow-down-black.svg") center no-repeat;
    margin-left: 10px;
    background-size: contain;
}


.modal-switcher,
.modal-extensions {
    max-width: 600px; }
.modal-switcher .modal-content,
.modal-extensions .modal-content {
    border-radius: 0;
    border: none;
    padding: 40px;
    box-shadow: 0 5px 85px #00000021;}
@media (max-width: 768px) {
    .modal-switcher .modal-content,
    .modal-extensions .modal-content {
        padding: 40px 10px 20px; } }
.modal-switcher .modal-content button.btn-close,
.modal-extensions .modal-content button.btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0.8;
    outline: none;
    box-shadow: none; }
.modal-switcher .modal-content .blocs-switcher,
.modal-extensions .modal-content .blocs-switcher {
    display: flex;
    justify-content: center; }
@media (max-width: 768px) {
    .modal-switcher .modal-content .blocs-switcher,
    .modal-extensions .modal-content .blocs-switcher {
        flex-wrap: wrap;
        justify-content: left; } }
.modal-switcher .modal-content .blocs-switcher span.separator,
.modal-extensions .modal-content .blocs-switcher span.separator {
    height: 30px;
    background: #00081c36;
    width: 1px;
    align-self: center;
    margin: 0px 40px;
    max-width: 1px;
    min-width: 1px; }
@media (max-width: 768px) {
    .modal-switcher .modal-content .blocs-switcher span.separator,
    .modal-extensions .modal-content .blocs-switcher span.separator {
        display: none; } }
@media (max-width: 768px) {
    .modal-switcher .modal-content .blocs-switcher .bloc-switcher,
    .modal-extensions .modal-content .blocs-switcher .bloc-switcher {
        width: 50%; } }
.modal-switcher .modal-content .blocs-switcher .bloc-switcher p,
.modal-extensions .modal-content .blocs-switcher .bloc-switcher p {
    text-align: left;
    letter-spacing: 4px;
    font-size: 13px;
    margin-bottom: 10px;text-transform: uppercase;color: #000 }
.modal-switcher .modal-content .blocs-switcher .bloc-switcher .styled-input-single,
.modal-extensions .modal-content .blocs-switcher .bloc-switcher .styled-input-single {
    padding: 0px 0 5px 0px;display: flex;}
.modal-switcher .modal-content .blocs-switcher .bloc-switcher .styled-input-single label,
.modal-extensions .modal-content .blocs-switcher .bloc-switcher .styled-input-single label {
    color: #010F38;
    font-size: 14px; }
.modal-switcher .modal-content .blocs-switcher .bloc-switcher .styled-input-single label:after,
.modal-extensions .modal-content .blocs-switcher .bloc-switcher .styled-input-single label:after {
    background: #010F38;
    width: 8px;
    height: 8px;
    margin: -8px 0 0; }
.modal-switcher .modal-content .blocs-switcher .bloc-switcher .styled-input-single label:before,
.modal-extensions .modal-content .blocs-switcher .bloc-switcher .styled-input-single label:before {
    border: 1px solid #010F38;
    width: 16px;
    height: 16px;
    margin: -12px 0 0; }
.modal-switcher .modal-content .blocs-switcher .bloc-switcher select,
.modal-extensions .modal-content .blocs-switcher .bloc-switcher select {
    border: 0;
    padding-left: 0;
    font-size: 14px;
    font-family: brandon_textbold;
    outline: none;
    box-shadow: none;
    width: auto;
    padding-top: 0;
    padding-bottom: 0; }

.modal-switcher .modal-body {
    position: initial;
}

.modal-switcher .for-x-26 {
    margin-bottom: 30px;
    color: #000;
    font-family:brandon_textbold;
}

.modal-switcher .btn-order-blue {
    margin-top: 30px;
}

.d-flex {
    display: flex;
    align-items: center;
    justify-content: end;
}

.d-flex .btn-bordering {
    margin-right: 10px;
}
a.btn-clear-cart {
    margin: 40px 0px;
    background: white;
    color: #bd1212;
    border: 1px solid #bd1212;
}

@media screen and (max-width: 992px){
    a.btn-clear-cart{
        float: none!important;
        margin: 10px 0px 20px;
    }
}

#cart-container a.delete {
    background: #ff0000;
}

#cart-container a.addhosting {
    background: #479c00;
}

a.continue-order {
    background: #479c00;
}

a.continue-order:hover {
    background: #387b00;
}

@media (min-width: 768px){
    .modal-dialog {
        width: 800px;
    }
}

.logo-anrt {
    width: 100px;
    margin: 20px auto;
    display: flex;
}

.avis-anrt {
    max-width: 500px;
    border: 1px solid #E0E6EC;
    background: #F4F6F8;
    padding: 30px;
    margin: auto;
    font-family: "brandon_text_regularregular", sans-serif;
}

.avis-anrt-btn {
    border-radius: 0;
    cursor: pointer;
    padding: 18px 26px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
    text-decoration: none;
    background: #0d1933;
    border: 0;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

.input-avis-anrt {
    border-radius: 0;
    padding: 18px 26px;
    font-weight: 700;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    background: white;
    display: flex;
    width: 100%;
    border: 1px solid #D5DCE3;
    color: #000;
}

.check-avis-anrt {
    margin-bottom: 20px;
    color: #000000b5;
    font-size: 14px;
}

.avis-anrt p {
    font-size: 14px;
    line-height: 21px;
}

.avis-anrt h4 {
    font-size: 18px;
}

.avis-anrt-btn-little {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    color: #1332c5;
    font-size: 14px;
}

.down-cndp {
    max-width: 500px;
    margin: auto;
}

.down-cndp p {
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-family: "brandon_text_regularregular", sans-serif;
}