/*** TEMPLATE  NAJA7HOST ***/
/* 1 - Google Font
------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,800);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
/* 1 - Google Font End 
------------------------------------------------------------------------*/
html,
body {font-size: 16px;font-family: "Roboto", 'Open Sans', "PT Sans", 'Droid Arabic Kufi',  Sans-serif;overflow-x: hidden;/*overflow: hidden;*/}
body{color:#858585}
a, a:hover, a:active{color: #36A9E1;text-decoration:none;}
img{max-width:100%}
blockquote {background: #f9f9f9;border-right: 10px solid #ccc;border-left: 5px solid #36A9E1;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";}
blockquote:before {color: #ccc;content: open-quote;font-size: 4em;line-height: 0.1em;margin-right: 0.25em;vertical-align: -0.4em;}
blockquote p {display: inline;}

/* table styles */
.table-responsive {overflow-x: visible;}
tr.expand {cursor: pointer;border-bottom: 1px solid #DDD;border-top: 1px solid #DDD;}
tr.expand_details {display: none;}
thead {background: #E6E8EC none repeat scroll 0% 0%;}

/* --------------------------- */
/* --------- COMMMUN ---------- */
/* --------------------------- */
.circle {border-radius: 100% !important;}
.pr-5 {padding-right: 5px;}
.pl-10 {padding-left: 10px;}
.pt-10 {padding-top: 10px;}
.pb-10 {padding-bottom: 10px;}
.pt-20 {padding-top: 20px;}
.pb-20 {padding-bottom: 20px;}
.no-left-margin{margin-left: 0px !important;}
.no-right-margin{margin-right: 0px !important;}
.no-left-padding{padding-left: 0px !important;}
.no-right-padding{padding-right: 0px !important;}
/*Hide elements by display none only*/
.hide {display: none !important;}
/* Remove borders */
.no-border {border: 0px !important;}
/* Remove padding */
.no-padding {padding: 0px ;}
/* Remove margins */
.no-margin {margin: 0px !important;}
/* Remove box shadow */
.no-shadow {box-shadow: none!important;}
/* Remove border radius */
.flat {-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;}
.cl_title_line {height: 3px;padding: 0px;margin: 15px auto 20px;text-align: center;background: transparent url("../images/title_line.png") no-repeat scroll center top;}
.lt_title_big {font-size: 43px;padding: 0px;margin: 0px;font-weight: 300;text-align: center;text-transform: uppercase;}

/* --------------------------- */
/* -------- HEADER --------- */
/* --------------------------- */
.header-top {color: #FFF;background-color: #0171BC;padding: 0px 0px !important;margin-bottom: 0px;/*color: #666;background-color: #F1F1F1;border-bottom: 1px solid #DADADA;box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.03) inset;*/}

.header-top.dark {background-color: #36A9E1;/*background-image: linear-gradient(to bottom, #325DA7, #2C5293);background-repeat: repeat-x;*/}
.header-top .navbar-header {float: left;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 0px !important;/*padding: 9px 5px;margin: 8px 0px 8px 5px;*/}
.header-top .navbar-header ul{margin:5px 0 0 0 !important;}

.header-top .staff .btn{padding: 6px 12px;}
.header-top .dropdown-menu > li > a:focus, 
.header-top .dropdown-menu > li > a:hover{background: #DADADA none repeat scroll 0% 0%;/*color:#fff*/}

/*** Login Form ***/
.header-top #login-dp {padding: 0px 0px;}/* Remove the default padding */
.header-top .login-form {width: 300px;padding: 10px;position: relative; box-shadow: 	0 0 1px rgba(0, 0, 0, 0.3), 	0 3px 7px rgba(0, 0, 0, 0.3), 	inset 0 1px rgba(255,255,255,1),	inset 0 -3px 2px rgba(0,0,0,0.25);border-radius: 5px;background: linear-gradient(#eeefef, #ffffff 10%);}
.header-top .login-form .field {position: relative;}/* For the icon positioning */
.header-top .login-form .field i {left: 0px;top: 0px;position: absolute;height: 36px;width: 36px;border-right: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);color: #777777;text-align: center;line-height: 42px;transition: all 0.3s ease-out;pointer-events: none;}
.header-top .login-form input[type=text],
.header-top .login-form input[type=password] {text-shadow: 0 1px 0 rgba(255,255,255,0.8);width: 100%;padding: 7px 18px 9px 45px;border: none; /* Remove the default border */box-shadow: 	inset 0 0 5px rgba(0,0,0,0.1),	inset 0 3px 2px rgba(0,0,0,0.1);border-radius: 3px;background: #f9f9f9;color: #777;transition: color 0.3s ease-out;}
.header-top .login-form input[type=text] {margin-bottom: 10px;}
.header-top .login-form input[type=text]:hover ~ i,
.header-top .login-form input[type=password]:hover ~ i {color: #E97900;}
.header-top .login-form input[type=text]:focus ~ i,
.header-top .login-form input[type=password]:focus ~ i {color: #E97900;}
.header-top .login-form input[type=text]:focus,
.header-top .login-form input[type=password]:focus,
.header-top .login-form button[type=submit]:focus {outline: none;}
.header-top .login-form .submit {width: 65px;height: 65px;position: absolute;top: 17px;right: -25px;padding: 10px;z-index: 2;background: #ffffff;border-radius: 50%;box-shadow: 0 0 2px rgba(0,0,0,0.1),0 3px 2px rgba(0,0,0,0.1),inset 0 -3px 2px rgba(0,0,0,0.2);}
.header-top .login-form .submit:after {content: "";width: 10px;height: 10px;position: absolute;top: -2px;left: 30px;background: #ffffff;box-shadow: 0 62px white, -32px 31px white;}
.header-top .login-form button {width: 100%;height: 100%;margin-top: -1px;line-height: 1.75;color: white;border: none; border-radius: inherit;background:#0171BC ;box-shadow: inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.35),inset 0 3px 2px rgba(255,255,255,0.2),inset 0 -3px 2px rgba(0,0,0,0.1);cursor: pointer;}
.header-top .login-form button:hover,
.header-top .login-form button[type=submit]:focus {background: #E97900;transition: all 0.3s ease-out;}
.header-top .login-form button:active {background: #E97900;box-shadow: inset 0 0 5px rgba(0,0,0,0.3),inset 0 3px 4px rgba(0,0,0,0.3);}

.header-top .user-tools {float:left;}
.header-top .user-tools li {border-right: 1px solid #E3E3E3;}
.header-top .user-tools li:last-child {border-right: medium none;}
.header-top .user-tools li:hover {/*background-color: #FAFAFA;*/}
.header-top .user-tools li > .btn {background-color: #0171BC;}
.header-top .user-tools li > .btn:hover {background-color: #ffffff;color:#000000}
.header-top .user-tools li > .btn:focus {color: #0171BC;background: #fff;}
.header-top .user-tools li.order a {color: #ffffff;background-color: #858585;padding: 6px 12px;}
.header-top .user-tools .style-switcher ul li {height: 25px;}
.header-top .user-tools .style-switcher ul li:hover {background-color: none;}
.header-top .company-info {float:right;}
.header-top .company-info .basmallah {font-weight:bold;}
.header-top .company-info li:last-child {border-left: 1px solid #E3E3E3;}

/* --------------------------- */
/* ---- Navbar & Brand ----- */
/* --------------------------- */
.header-navigation {/*background:#ffffff;border-bottom:2px solid #36A9E1;padding:0;*/}
.header-navigation .header {background: #ffffff;border-bottom: 1px solid rgba(0, 0, 0, 0.08);z-index: 999;position: relative;padding: 0;border-bottom: 1px solid #DADADA;box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.03) inset;}
.header-navigation .navbar-brand,
.login .logo .navbar-brand {padding: 25px;height: 100px;max-height: 100%; background: url('../images/logo.png') no-repeat scroll center top transparent;background-size: 450px;background-position: -195px 15px;}

.header-navigation .btn-brand{ background-color: #ff4800; border-color: #ff4800;color:#fff}
.header-navigation .btn-brand:hover,
.header-navigation .btn-brand:focus, 
.header-navigation .btn-brand:active, 
.header-navigation .btn-brand.active, 
.header-navigation .open .dropdown-toggle.btn-brand {color: #fff; /*background-color: #F07341;*/ border-color: #F07341;}

.header-navigation .navbar-collapse {/*background: #fff;*/z-index: 9999;}
.header-navigation .navbar-toggle {border-radius: 0;outline:0}
.header-navigation .navbar-toggle span {border-color: #ff0000;background: red;}

.header-navigation .nav>li>a:hover, 
.header-navigation .nav>li>a:focus {text-decoration: none;color: #1F262D;background-color: #F1F1F1;}
.header-navigation .nav .open>a, 
.header-navigation .nav .open>a:hover,
.header-navigation .nav .open>a:focus {background-color: #fff; border-color: #428bca;}

.header-navigation .navbar-nav>li>a {line-height: 32px;/*padding-top: 15px;padding-bottom: 8px;*/color: #858585;}
.header-navigation .navbar-nav>li.active>a, 
.header-navigation .navbar-nav>li>a:hover {color: #0171BC;background: #fff;}
.header-navigation .navbar-nav>li i.icon {/*height: 37px;*/background-position: 50% 0px;background-repeat: no-repeat;text-align: center;display: block;margin-bottom: 6px;font-size: 34px;line-height: 1.2em;}
.header-navigation .navbar-nav .navbar-right:last-child {margin-right: -15px;margin-top: 34px; margin-bottom: -18px;}
.header-navigation .navbar-right .dropdown-menu {right: 0px;}

/*** Sticky Navbar & Brand ***/
.header-navigation .sticky-wrapper {/*background: #ffffff ;border-bottom:2px solid #36A9E1;*/}
.header-navigation .is-sticky {width: 100%;height: auto;/* background: #ffffff ;border-bottom:2px solid #36A9E1;*/}
.header-navigation .is-sticky .collapse {/*background-color: #325DA7;*/}

.header-navigation .is-sticky .nav>li>a {/*color: #fff;padding-top: 15px;*/}
.header-navigation .is-sticky .nav>li i.icon {display:none;}
.header-navigation .is-sticky .nav>li.active>a,
.header-navigation .is-sticky .nav>li>a:hover,
.header-navigation .is-sticky .nav>li>a:focus {color: #1F262D;background-color: #f1f1f1;}
.header-navigation .is-sticky .navbar-brand ,
.login .logo .navbar-brand {padding: 1px;height: 60px;width: 80px;background-position: -185px -6px;}

.header-navigation .is-sticky .navbar-brand  img{height: 100%;}

.header-navigation .is-sticky .collapse.in  .nav > li {border-bottom:1px solid ;}
.header-navigation .is-sticky .collapse.in  .nav > li span.icon {display:inline; padding: 10px;}

/* --------------------------- */
/* ------ BreadCump ------- */
/* --------------------------- */
.breadcrumb {width: 100%;border-bottom: 0;}
.breadcrumb {height: 36px;padding: 0;line-height: 36px;list-style: none;background-color: transparent;}
.breadcrumb li{width: 1%;display: table-cell;float: none;position: relative;}
.breadcrumb li:first-child a {border-radius: 4px 0 0 4px;-webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px;}
.breadcrumb li a, 
.breadcrumb li span {display: inline-block;vertical-align: top;}
.breadcrumb li a{width: 100%;}
.breadcrumb li:not(:first-child) {margin-left: -5px;}
.breadcrumb li+li:before {padding: 0;content: "";}
.breadcrumb li span {padding: 0 10px;}
.breadcrumb li a, 
.breadcrumb li:not(:first-child) span {height: 36px;padding: 0 10px 0 25px;line-height: 36px;}
.breadcrumb li:first-child a{padding: 0 10px}
.breadcrumb li:last-child a:before {right:0px;border-left-style: none;border-left-width: 0px;}
.breadcrumb li:last-child a:after {right: 0px;border-left: none;}
.breadcrumb li a {position: relative;color: #fff;text-decoration: none;border: 1px solid #ccc;color: #333;background-color: #fff;	}
.breadcrumb li:first-child a {padding-left: 10px}
.breadcrumb li a:after, 
.breadcrumb li a:before {position: absolute;top: -1px;width: 0;height: 0;content: '';border-top: 18px solid transparent;border-bottom: 18px solid transparent}
.breadcrumb li a:before {right: -10px;z-index: 3;border-left-color: #fff;border-left-style: solid;border-left-width: 11px;}
.breadcrumb li a:after {right: -11px;z-index: 2;border-left: 11px solid #ccc;}
.breadcrumb li a:focus, 
.breadcrumb li a:hover {background-color: #e6e6e6;border: 1px solid #ccc;}
.breadcrumb li a:focus:before, 
.breadcrumb li a:hover:before {border-left-color: #e6e6e6;}
.breadcrumb li.active a ,
.breadcrumb li a:active {background-color: #e6e6e6;border: 1px solid #ccc;}
.breadcrumb li.active a:after ,
.breadcrumb li a:active:after{border-left-color: #ccc;}
.breadcrumb li.active a:before,
.breadcrumb li a:active:before {border-left-color: #e6e6e6;}
.breadcrumb li span , 
.breadcrumb li em {color: #434a54;}
.breadcrumb li a {color: #3498DB;}

.hosting-page .breadcrumb li a {color: #000000;}
.hosting-page .breadcrumb li {display: inline-block;width: auto;}
.hosting-page .breadcrumb li:last-child a:before {right: -10px;border-left-style: solid;border-left-width: 11px;}
.hosting-page .breadcrumb li:last-child a:after {right: -11px;border-left: 11px solid #ccc;}

/* --------------------------- */
/* -------- FOOTER --------- */
/* --------------------------- */

.footer-top {background:#f7f7f7 ; padding:18px 0; border-top: 1px solid #e7e7e7;}
.footer-top .titlefooter{border-bottom:1px dotted #3498DB;display:block;margin: 10px 0px 15px;}
.footer-top h3{font-size:16px;color:#337AB7; border-bottom:3px solid #FF8000;display: inline-block;margin: 0px 0px -2px;padding-bottom: 5px;}
.footer-top .address {color: #000; background: url('../images/contact-map.png') no-repeat scroll center top transparent;background-size: contain;font-size: 12px;font-weight:bold;}
.footer-top .address .add  i  ,
.footer-top .address h6  i  {font-size: 14px;margin-right: 8px;color:#FF8000;}
.footer-top .address address {margin-left: 20px;text-align:justify;}
.footer-top .address p.add {/*line-height: 1.8em;*/}
.footer-top .contact {background-color: #FFEFBF;border: 1px solid #FF8000;border-radius: 5px;padding: 0 10px;}

.footer-top .three_cols {padding-left: 0px;list-style: none;}
.footer-top .three_cols > li {overflow: hidden;text-align:center;width: 48%;float: left;display:block;margin: 2px;padding: 2px; border:1px solid #FF8000;border-radius: 3px;/*-webkit-border-radius: 3px;-moz-border-radius: 3px;*/}
.footer-top .three_cols > li {/* effect vtransaction */-webkit-transition: background 0.5s linear;-moz-transition: background 0.5s linear;-ms-transition: background 0.5s linear;-o-transition: background 0.5s linear;transition: background 0.5s linear;}
.footer-top .three_cols > li:hover {color:#fff;background:#00468C; border:1px solid #3498DB;border-radius: 3px;/*-webkit-border-radius: 3px;-moz-border-radius: 3px;*/}
.footer-top .three_cols > li a{display:block;color:#000;}
.footer-top .three_cols > li a:hover {color:#fff;}

/* Social Links */
.footer-top .list-inline {padding-left: 0px;list-style: none outside none;margin-left: -5px;}
.footer-top .list-inline > li {display: inline-block;padding-left: 5px;padding-right: 5px;}
.footer-top .social {margin-bottom: 15px;}

.footer-top .social {/*background: transparent url("../images/separador-vertical.gif") repeat-y scroll left top;*/}
.footer-top .social ul {padding: 0px;}
.footer-top .social ul li {padding: 0px 0px 6px;margin: 0px;list-style: outside none none;display: inline-block;width: 100%;}
.footer-top .social ul li a {float:left;}
.footer-top .social ul li strong {background: transparent url("../images/pie-fd-dato.gif") no-repeat scroll;float: left;text-align: left;margin-top: 1px;padding-left: 10px;padding-top: 1px;width: 50%;}

/* Latest News */
.footer-top .foot-item ul li {border-bottom: 1px dotted #FF8000;padding: 5px 0px;}
.footer-top .foot-item ul li:last-child{border-bottom:0;}
.footer-top .foot-item ul li :before{font-family:FontAwesome;content:"\f105";font-size:13px;margin-right:7px;font-weight:400;color:#002DB3;}
.footer-top .foot-item ul li a{color:#858585;display:block;}
.footer-top .foot-item ul li:hover{background:#FF8000;}
.footer-top .foot-item ul li a:hover{color:#fff;}

/* Footer Copyright */
.footer-bottom{background: #333 ; padding:18px 0; color:#fff;}
.footer-bottom .brand {padding: 0px 25px;max-height: 100%; background: url('../images/logo_black.png') no-repeat scroll center top transparent;background-size: 450px;background-position: 0px 0px;}
.footer-bottom .copyright {float: left;/*width: 50%;*/}

.footer-bottom .copyright dl {}
.footer-bottom .copyright dt {margin-bottom: 7px;}
.footer-bottom .copyright dd {width: 50px;height: 0px;padding-top: 30px;margin: 0px 2px;display: inline-block;overflow: hidden;}
.footer-bottom .copyright dd:first-of-type {/*margin-left: 0px;*/}
.footer-bottom .copyright .american-express {background: transparent url("../images/we_accept_american-express.png") no-repeat scroll 0% 0% ;background-size:cover;}
.footer-bottom .copyright .mastercard {background: transparent url("../images/we_accept_mastercard.png") no-repeat scroll 0% 0%;background-size:cover;}
.footer-bottom .copyright .paypal {background: transparent url("../images/we_accept_paypal.png") no-repeat scroll 0% 0%;background-size:cover;}
.footer-bottom .copyright .visa {background: transparent url("../images/we_accept_visa.png") no-repeat scroll 0% 0%;background-size:cover;}
.footer-bottom .copyright .cmi {background: transparent url("../images/we_accept_cmi.png") no-repeat scroll 0% 0%;background-size:cover;}
.footer-bottom .copyright .sgm {background: transparent url("../images/we_accept_sgm.png") no-repeat scroll 0% 0%;background-size:cover;}
.footer-bottom .copyright .diners-club {background: transparent url("../images/we_accept_diners-club.png") no-repeat scroll 0% 0%;background-size:cover;}
.footer-bottom .copyright .jcb {background: transparent url("../images/we_accept_jcb.png") no-repeat scroll 0% 0%;background-size:cover;}
.footer-bottom .copyright .discover {background: transparent url("../images/we_accept_discover.png") no-repeat scroll 0% 0%;background-size:cover;}
.footer-bottom .copyright .western-union {background: transparent url("../images/we_accept_western-union.png") no-repeat scroll 0% 0%;background-size:cover;}
.footer-bottom .copyright .moneygram {background: transparent url("../images/we_accept_moneygram.png") no-repeat scroll 0% 0%;background-size:cover;}
.footer-bottom .copyright .cash-plus {background: transparent url("../images/we_accept_cash-plus.png") no-repeat scroll 0% 0%;background-size:cover;}
.footer-bottom .copyright .barid-bank {background: transparent url("../images/we_accept_barid-bank.png") no-repeat scroll 0% 0%;background-size:cover;}
.footer-bottom .copyright .wafa-cash {background: transparent url("../images/we_accept_wafa-cash.png") no-repeat scroll 0% 0%;background-size:cover;}

/* --------------------------- */
/* ------- Panels Style ------ */
/* --------------------------- */
.panel, 
.panel .panel-footer {border-radius: 0px;box-shadow: 0px;}
.panel .panel-footer {border: 1px solid #5AA845;/*padding: 5px 0px 5px 15px; !!!*/}
.panel .panel-footer .pagination{margin: 0;}
.panel .panel-body {padding: 15px 0px;border-bottom: 2px solid #36A9E1;}
.panel .panel-body .btn-default,
.columnBlock .tab-content .btn-default {background-color: #777;border-radius: 0px;border-color: #777;color:#fff;text-shadow: none;margin: 0px ;}
.panel .panel-body .btn-default {}
.panel .panel-nav {margin: 0px 0px 10px;background: #eee;}

.panel .panel-heading a {font-size: 1em;font-weight: 400;text-decoration: none;color:#000;}
.panel .panel-heading-link a:after {font-family: 'FontAwesome';content: "\f107";font-size: 1.2em;float: right;background-color: #e97900;color: #fff;padding: 3px 0px;margin-top: -5px;margin-right: -15px;width: 33px;text-align: center;}
.panel .panel-heading-link a.collapsed:after {content: "\f104";}

.panel .panel-primary {border-color: #e97900;}

.panel.panel-default {border-color: #e5e5e5;}
.panel.panel-default .panel-heading {background: #E6E8EC;border-color: #e5e5e5;padding: 16px 50px;position: relative;text-transform: uppercase;}

.panel-heading-link,
.panel-plus-link {background-color: transparent;padding: 0;margin: 0;border: 0;position: relative;}
.panel-plus-link a {background-color: inherit;padding-top: 10px !important;padding-bottom: 10px !important;}
.panel-plus-link a:hover,
.panel-plus-link a:focus,
.panel-plus-link a:active {background-color: transparent !important;}

.panel .panel-heading {border-radius: 0px;}
.panel .panel-heading i {margin-right: 5px;font-size: 1.1em;}
.panel .panel-heading .panel-plus-link > a, 
.panel .panel-heading .panel-heading-link > a {display: block;padding: 5px 15px;}
.panel .panel-heading .panel-plus-link > a,
.panel .panel-heading .panel-heading-link > a {display: block;padding: 5px 15px;}
.panel .panel-heading .panel-heading-link > a > i {margin-right: 10px;}

.panel-group .panel {border-radius: 0px;}
.panel-group .panel > .panel-heading.panel-plus-link a.collapsed:before {font-family: 'FontAwesome';content: "\f067";font-size: 1.4em;margin-right: 10px;vertical-align: middle;font-weight: normal;font-style: normal;text-decoration: inherit;*margin-right: .3em;}
.panel-group .panel > .panel-heading.panel-plus-link a:before {font-family: 'FontAwesome';content: "\f068";font-size: 1.4em;margin-right: 10px;vertical-align: middle;font-weight: normal;font-style: normal;text-decoration: inherit;*margin-right: .3em;}

.panel-blesta > .panel-heading {color: #000;background-color: #e6e8ec ;padding: 16px 50px;position: relative;}
.panel-blesta > .panel-heading h3::before {background-color: #777 /*#36A9E1*/ ;font-family: FontAwesome;position: absolute;left: 0px;top: 0px;color: #FFF;padding: 16px;border-radius: 2px;content: "\f142";}

.panel-title {font-size: 0.875em;font-weight: 700;text-transform: uppercase;}
.panel-title a:before, 
.panel-title a.collapsed:before{font-family: FontAwesome;position: absolute;left: 0px;top: 0px;background-color: #777 ;color: #ffffff;padding: 16px;border-radius: 2px;}
.panel-title a.collapsed:before{content: "\f067";}
.panel-title a:before{content: "\f068";}
.panel-links {padding: 0px;list-style: none;font-size: 12px;margin: 0px;}
.panel-links>li{display: inline-block;color: #000000;padding: 4px 15px 4px 15px;text-transform: uppercase;/*background-color: #36A9E1;border: 1px solid #36A9E1;border-radius: 4px;padding: 5px;font-weight: 800;*/}
.panel-links a , 
.panel-links>li.active a:hover , 
.panel-links>li.active:hover  a {/*color: #ffffff;*/}
.panel-links>li.active , 
.panel-links>li:hover  {color: #36A9E1;/*background-color: #fff;*/border-bottom: 1px solid #36A9E1;}
.panel-links>li.active:hover{color: #FFF;}
.panel-links>.active, .panel-links>.active a  ,
.panel-links>li:hover  a {color: #36A9E1;}
.panel-group .panel-heading+.panel-collapse>.panel-body, 
.panel-group .panel-heading+.panel-collapse>.list-group {border-color: #e9e9e9;}

.panel-pad {padding-top: 10px;padding-left: 10px;padding-right: 10px;}

/* --------------------------- */
/* ---- Area Nav Menu ----- */
/* --------------------------- */
.side-menu {overflow-y: auto;z-index: 100000;position: fixed;width: 40px;height: 100%;-webkit-transition: all 0.25s;transition: all 0.25s; }
.side-menu .navbar-header {width: 100%;border-bottom: 0px solid #e7e7e7;}
.side-menu .navbar-header .navbar-brand {width: 455px;line-height: 60px;height: 60px;padding: 0;width: 100%;overflow: hidden;}
.side-menu .navbar-header .navbar-brand .icon {width: 40px;text-align: center;display: inline-block;}
.side-menu .navbar-header .navbar-brand .title {margin-left: -10px;display: none;background:transparent;}
.side-menu .navbar-header .navbar-expand-toggle {position: absolute;right: 0;width: 60px;height: 60px;background-color: transparent;border: 0px;-moz-transition: all 0.25s linear;-webkit-transition: all 0.25s linear;transition: all 0.25s linear;opacity: 0.75; }
.side-menu .navbar {border: none;padding-left: 0px; }
.side-menu .navbar-nav li {display: block;width: 100%;overflow: hidden; }
.side-menu .navbar-nav li a {padding: 0 ;height: 46px;line-height: 46px;display: block;white-space: nowrap;}
.side-menu .navbar-nav li a .icon {margin-left: 0px;width: 38px;text-align: center;font-size: 1.1em;display: inline-block;}
.side-menu .navbar-nav li a .title {background:transparent;width: 0px;white-space: nowrap;padding-left: 6px;display: none;}
.side-menu .navbar-nav li.dropdown {border: 0;margin-bottom: 0;border-radius: 0;box-shadow: none; }
.side-menu .navbar-nav li.dropdown ul li a {height: 44px;line-height: 44px;vertical-align: middle;padding: 0em 1.2em;}
.side-menu .navbar-nav li.dropdown > a:after {content: "";position: absolute;right: 1em; }
.side-menu .navbar-nav .panel-collapse.in {display: none; }
.side-menu:hover {width: 200px;}
.side-menu:hover .navbar-header .navbar-brand .title {display: inline-block;}
.side-menu:hover .navbar-nav li a .title {width: 192px;display: inline-block;}
.side-menu:hover .navbar-nav li a:hover {background:#777;}
.side-menu:hover .navbar-nav li.dropdown > a:after {font-family: FontAwesome;content: "\f107";position: absolute;right: 1em;}
.side-menu:hover .panel-collapse.in {display: block;}
.side-body {padding-top: 30px;}
.side-body.padding-top {padding-top: 84px;}

.side-menu {background-color: #FFF;/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);*/}
.side-menu .navbar-header {background-color: #777;margin-bottom: 4px; }
.side-menu .navbar-header .navbar-brand {color: #fff;}
.side-menu .navbar-nav {width: 100%;}
.side-menu .navbar {background-color: #FFF;border-bottom: 0px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.side-menu .navbar li > a {color: #363c46;}
.side-menu .navbar li.active {border-left: 0;}
.side-menu .navbar li.active > a {border-right: 4px solid #777;background-color: #FFF;}
.side-menu .navbar > li:hover > a {background-color: #FA2A00;color: #FFF;}
.side-menu .navbar li.dropdown {background-color: transparent;}
.side-menu .navbar li.dropdown > .panel-collapse {background-color: #E4E4E4;}
.side-menu .navbar li.dropdown .panel-body {padding: 0 7px;}
.side-menu.sidebar-inverse {background-color: #333 ;/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); */}
.side-menu.sidebar-inverse .navbar {background-color: transparent;border-bottom: 0px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; }
.side-menu.sidebar-inverse .navbar li {border-left: 0;}
.side-menu.sidebar-inverse .navbar li > a {color: #FFF;}
.side-menu.sidebar-inverse .navbar li.active > a {color: #353d47;border-left: 3px solid #22A7F0;border-right: 0px solid #333;background-color: #FFF; }
.side-menu.sidebar-inverse .navbar li.active > a .icon {margin-left: -3px;}
.side-menu.sidebar-inverse .navbar > li:hover > a {background-color: #FA2A00;color: #FFF;}
.side-menu.sidebar-inverse .navbar li.dropdown > .panel-collapse {background-color: rgba(0, 0, 0, 0.1);}
.side-menu.sidebar-inverse .navbar li.dropdown .panel-body {padding: 0;border-bottom: 2px solid transparent;}
.side-menu.sidebar-inverse .navbar li.dropdown .panel-body {}
.side-menu.sidebar-inverse .navbar li.dropdown .panel-body ul li{border-left: 3px solid #C8D2DE;}
.side-menu.sidebar-inverse .sub-menu {padding: 0px 0px 0px 15px;margin: 0px;background: #24292E none repeat scroll 0% 0%;}

/* --------------------------- */
/* --- CONTENT BODY ---------- */
/* --------------------------- */
.page-wrapper {min-height:450px;padding-top: 20px;/*background: #312F33 none repeat scroll 0% 0%;*/}
.page-wrapper .welcome_back .page-header ,
.page-wrapper .welcome_back .page-header h2{margin-top: 0px;}

.bannerSection{background:#e5e5e5; padding:0;margin-top: -30px;}

/* Profile sidebar */
.panel .panel-body.profile{padding:  0px !important;}
.panel .panel-body.profile ul{margin-bottom: 00px;}
.panel .panel-body.profile .profile-sidebar {padding: 20px 0 0;margin-bottom: 0px;}
.panel .panel-body.profile .profile-userpic img {float: none;margin: 0 auto;width: 50%;height: 50%;-webkit-border-radius: 50% !important;-moz-border-radius: 50% !important;border-radius: 50% !important;}
.panel .panel-body.profile .profile-usertitle {text-align: center;margin-top: 20px;}
.panel .panel-body.profile .profile-usertitle-name {color: #5a7391;	font-size: 16px;font-weight: 600;margin-bottom: 7px;}
.panel .panel-body.profile .profile-usertitle-job {text-transform: uppercase;	color: #5b9bd1;	font-size: 12px;font-weight: 600;margin-bottom: 15px;}
.panel .panel-body.profile .profile-userbuttons {text-align: center;margin-top: 10px;}
.panel .panel-body.profile .profile-userbuttons .btn {text-transform: uppercase;font-size: 11px;font-weight: 600;padding: 6px 15px;margin-right: 5px;}
.panel .panel-body.profile .profile-userbuttons .btn:last-child {margin-right: 0px;}
.panel .panel-body.profile .profile-usermenu {margin-top: 30px;}
.panel .panel-body.profile .profile-usermenu ul{padding: 0 !important;}
.panel .panel-body.profile .profile-usermenu ul li {border-bottom: 1px solid #f0f4f7;position: relative;display: block;padding: 10px 15px;color: #93a3b5;font-size: 14px;font-weight: 400;}
.panel .panel-body.profile .profile-usermenu ul li i {margin-right: 8px;font-size: 14px;}
.panel .panel-body.profile .profile-usermenu ul li:last-child {border-bottom: none;}
.panel .panel-body.profile .profile-usermenu ul li:hover {background-color: #f6f9fb;color: #5b9bd1;	border-left: 2px solid #5b9bd1;  }
.panel .panel-body.profile .profile-usermenu ul li.active {border-bottom: none;color: #5b9bd1;background-color: #f6f9fb;border-left: 2px solid #5b9bd1;margin-left: -2px;}

.box-gray {background: none repeat scroll 0% 0% #F8F8F8;padding: 20px 20px 30px;}
.box-gray h4, .box-gray i {margin-bottom: 20px;}
.box-gray p {text-align: justify;}
.box-bottom {background: none repeat scroll 0% 0% #68A4C4;}
.box-bottom {padding: 20px 0px;text-align: center;}
.box-bottom a {color: #FFF;font-weight: 700;}

.box {position:relative;border-radius:3px;background:#ffffff;border-top:3px solid #d2d6de;margin-bottom:20px;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
.box.box-primary {border-top-color:#3c8dbc}
.box.box-info {border-top-color:#00c0ef}
.box.box-danger {border-top-color:#dd4b39}
.box.box-warning {border-top-color:#f39c12}
.box.box-success {border-top-color:#00a65a}
.box.box-default {border-top-color:#d2d6de}

.box {padding-bottom:10px;}
.box .profile-userbuttons {text-align: center;margin: 0px;}
.box .profile-userbuttons .btn {text-transform: uppercase;font-size: 11px;font-weight: 600;padding: 6px 15px;margin-right: 5px;}
.box .profile-userbuttons .btn:last-child {margin-right: 5px;}
.box .profile-usermenu {margin-top: 0px;}
.box .profile-usermenu ul{padding: 0 !important;margin: 0;}
.box .profile-usermenu ul li {border-bottom: 1px solid #f0f4f7;position: relative;	display: block;	padding: 10px 15px; 	color: #93a3b5;	font-size: 14px;	font-weight: 400;	}
.box .profile-usermenu ul li i {margin-right: 8px;font-size: 14px;}
.box .profile-usermenu ul li:last-child {border-bottom: none;}
.box .profile-usermenu ul li:hover {background-color: #f6f9fb;color: #5b9bd1;border-left: 2px solid #5b9bd1;  }
.box .profile-usermenu ul li.active {border-bottom: none;color: #5b9bd1;	background-color: #f6f9fb;border-left: 2px solid #5b9bd1;	margin-left: -2px;  }
.box .media {margin-top: 10px;}

/* Component: Small boxes */
.small-box {position: relative;display: block;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin-bottom: 15px;}
.small-box > .inner {padding: 10px;}
.small-box > .small-box-footer {position: relative;text-align: center;padding: 3px 0;color: #fff;color: rgba(255, 255, 255, 0.8);display: block;z-index: 10;background: rgba(0, 0, 0, 0.1);text-decoration: none;}
.small-box > .small-box-footer:hover {color: #fff;background: rgba(0, 0, 0, 0.15);}
.small-box h3 {font-size: 38px;font-weight: bold;margin: 0 0 10px 0;white-space: nowrap;padding: 0;}
.small-box p {font-size: 15px;}
.small-box p > small {display: block;color: #f9f9f9;font-size: 13px;margin-top: 5px;}
.small-box h3, .small-box p {z-index: 5px;}
.small-box .icon {position: absolute;top: auto;bottom: 5px;right: 5px;z-index: 0;font-size: 1em;color: rgba(0, 0, 0, 0.15);}
.small-box:hover {text-decoration: none;color: #f9f9f9;}
.small-box:hover .icon {animation-name: tansformAnimation;animation-duration: .5s;animation-iteration-count: 1;animation-timing-function: ease;animation-fill-mode: forwards;-webkit-animation-name: tansformAnimation;-webkit-animation-duration: .5s;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;-webkit-animation-fill-mode: forwards;-moz-animation-name: tansformAnimation;-moz-animation-duration: .5s;-moz-animation-iteration-count: 1;-moz-animation-timing-function: ease;-moz-animation-fill-mode: forwards;}

/* Colors */
.blue{background:#36A9E1;}
.red{background:#ED6842 /*#ff0000*/ ;}
.green{background:#006600;}
.orange{background:#F39C12 /*d93600*/ ;}
.white{background:#ffffff;}
.black{background:#000000;}
.grey{background:#bbbbbb;}

/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {color: #f9f9f9 !important;}

.bg-gray {background-color: #eaeaec !important;}
.bg-black {background-color: #222222 !important;}
.bg-red {background-color: #f56954 !important;}
.bg-yellow {background-color: #f39c12 !important;}
.bg-aqua {background-color: #00c0ef !important;}
.bg-blue {background-color: #0073b7 !important;}
.bg-light-blue {background-color: #36A9E1 !important;}
.bg-green {background-color: #00a65a !important;}
.bg-navy {background-color: #001f3f !important;}
.bg-teal {background-color: #39cccc !important;}
.bg-olive {background-color: #3d9970 !important;}
.bg-lime {background-color: #01ff70 !important;}
.bg-orange {background-color: #ff851b !important;}
.bg-fuchsia {background-color: #f012be !important;}
.bg-purple {background-color: #932ab6 !important;}
.bg-maroon {background-color: #85144b !important;}

tr.odd .column1 {background:#ffffff;}
.column1 {background-color:#daf2ff;}
.column2 {background-color:#eaffd3;}
.column3 {background:#ffffff; /* no alternating rows for now */}
.column4 {background-color:#eaf5a1;}
.column5 {background-color:#ef8181;}

/* Text colors */
.text-red {color: #f56954 !important;}
.text-yellow {color: #f39c12 !important;}
.text-aqua {color: #00c0ef !important;}
.text-blue {color: #0073b7 !important;}
.text-light-blue {color: #36A9E1 !important;}
.text-green {color: #00a65a !important;}
.text-navy {color: #001f3f !important;}
.text-teal {color: #39cccc !important;}
.text-olive {color: #3d9970 !important;}
.text-lime {color: #01ff70 !important;}
.text-orange {color: #ff851b !important;}
.text-fuchsia {color: #f012be !important;}
.text-purple {color: #932ab6 !important;}
.text-maroon {color: #85144b !important;}
.text-white {color: #ffffff !important;}

/* --------------------------- */
/* -- OVERRIDE BOOTSRAP CSS -- */
/* --------------------------- */

/* Add fade animation to dropdown menus */
.open > .dropdown-menu {animation-name: fadeAnimation;animation-duration: .7s;animation-iteration-count: 1;animation-timing-function: ease;animation-fill-mode: forwards;-webkit-animation-name: fadeAnimation;-webkit-animation-duration: .7s;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;-webkit-animation-fill-mode: forwards;-moz-animation-name: fadeAnimation;-moz-animation-duration: .7s;-moz-animation-iteration-count: 1;-moz-animation-timing-function: ease;-moz-animation-fill-mode: forwards;}
/* Botton FLAT */
.btn {/*margin-top: 5px;margin-bottom: 5px;*/border-radius: 1px;border-width: 1px;}
.btn .btn-default {background-color: #F0F0F0;border-color: #EAEAEA;}

/* Component: alert */
.alert {padding-left: 30px;margin-left: 15px;position: relative;margin-right: 15px;/*margin-top: 15px;*/}
.alert > .fa,
.alert > .glyphicon {position: absolute;left: -15px;top: -15px;width: 35px;height: 35px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;line-height: 35px;text-align: center;background: inherit;border: inherit;}

/* Component: nav-tabs */
.nav-tabs {background-color: #EEE;padding-bottom: 1px;border-bottom: 0px none;}
.nav.nav-tabs + .tab-content, .tabs-vertical-env .tab-content {background: #FFF none repeat scroll 0% 0%;padding: 30px;margin-bottom: 30px;}
.nav.nav-tabs > li > a {border-width: 2px medium medium;border-style: solid none none;border-color: #EEE -moz-use-text-color -moz-use-text-color;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;background-color: #EEE;margin-right: 5px;padding-left: 20px;padding-right: 20px;cursor: pointer;border-radius: 0px;}
.nav.nav-tabs > li.active > a, 
.tabs-vertical-env .nav.tabs-vertical li.active > a {background-color: #fff;border-width: 2px 0px 0px;border-style: solid none none;border-color: #D8D6D6 ;/*-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;*/}
.nav.nav-tabs > li > a {border: medium none;margin-right: 0px;padding: 15px 30px;font-size: 16px;}

/* Component: Checkbox */
.checkbox label, .radio label {padding-left: 0px;}
.cancel_service .checkbox label, .radio label {padding-left: 20px;}
/* Component: list-group */
.list-group-item.active, 
.list-group-item.active:focus, 
.list-group-item.active:hover {background-color: #36A9E1;border-color: #36A9E1;}

/* Component: Forms */
.form-control {color:#434a54;border-color:#aab2bd}
.form-control,.form-control:focus {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.form-control:focus {border-color:#3bafda}
.form-control:-ms-input-placeholder,.form-control::-moz-placeholder,.form-control::-webkit-input-placeholder {color:#e6e9ed}
.form-control.disabled,.form-control[disabled] {border-color:#e6e9ed;background-color:#e6e9ed}
.input-group-btn .btn+.btn {border-width:1px;border-style:solid;border-color:#96a0ad}
.input-group-btn .btn+.btn.btn-default {border-color:#ededed}
.input-group-btn .btn+.btn.btn-primary {border-color:#269ecb}
.input-group-btn .btn+.btn.btn-info {border-color:#2fa084}
.input-group-btn .btn+.btn.btn-success {border-color:#7ab03f}
.input-group-btn .btn+.btn.btn-warning {border-color:#f4af20}
.input-group-btn .btn+.btn.btn-danger {border-color:#d1293a}
.input-group-addon {background-color:#aab2bd;border-color:#96a0ad;color:#fff}
.input-group-addon .checkbox,.input-group-addon .radio {margin:-3px 0 -4px!important}
.form-search .search-query,.form-search .search-query:first-child,.form-search .search-query:last-child {padding:0 17px;-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px}
.input-group .form-control:last-child {-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0}
.input-group .form-control:first-child {-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0}

.form-search .btn {-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px}
.search-only {position:relative}
.search-only .search-icon {position:absolute;top:2px;left:8.5px;width:30px;line-height:30px;text-align:center;font-size:17px;color:#e6e9ed;z-index:20}
.search-only .form-control:last-child {padding-left:40px}

.selectboxit-container {display: block;}
.selectboxit-container .selectboxit-options {/*width: 400px;*/}
#countrySelectBoxIt{width:100%}
.selectize-input {min-width: 100px;padding: 5px 30px;}

/* --------------------------- */
/* --- columnBlock  -------- */
/* --------------------------- */

.domainsearch {padding: 35px 0px;background: #333  none repeat scroll 0% 0%;color:#000;margin-bottom:15px;background-image: url("../images/search_domaine.png");}
.domainsearch .overlay{background-image: url("../images/blank.png");}
.domainsearch form {margin: 0px 1px 20px 1px;}
.domainsearch form fieldset {margin: 0px;}
/* .domainsearch form input[type="search"] {float: left;padding: 16px 15px;margin: 0px;width: 70%;border: medium none;box-sizing: border-box;} */
.domainsearch form > fieldset > .btn {float: left;width: 30%;padding: 16px ;line-height: 21px;background-color: #E97900;background-image: none;border-color: #E97900;color: #FFF;font-size:1.2em;}
.domainsearch .domain-offers {color: #FFF;font-size: 1.4em;}

.servicesBlock {padding-bottom:20px; overflow: hidden; position: relative;}
.servicesBlock .hosting,
.servicesBlock .resellers,
.servicesBlock .cloudvps,
.servicesBlock .dedicated,
.servicesBlock .ssl{height: 200px;overflow: hidden;margin-bottom: 5px;}
.servicesBlock .hosting  > div.image {background: #E7E7E7 url("../images/hosting.png") no-repeat scroll 50% 50%;}
.servicesBlock .resellers > div.image {background: #E7E7E7 url("../images/resellers.png") no-repeat scroll 50% 50%;}
.servicesBlock .cloudvps > div.image {background: #E7E7E7 url("../images/cloudvps.png") no-repeat scroll 50% 50%;}
.servicesBlock .dedicated > div.image {background: #E7E7E7 url("../images/dedicated.png") no-repeat scroll 50% 50%;}
.servicesBlock .ssl > div.image {/*background: #E7E7E7 url("../images/ssl.png") no-repeat scroll 50% 50%;*/}
.servicesBlock .hosting  > div.image,
.servicesBlock .resellers  > div.image,
.servicesBlock .cloudvps > div.image,
.servicesBlock .dedicated  > div.image,
.servicesBlock .ssl  > div.image {position: absolute;height: 200px;width: 100%;-moz-transition: all .5s;-webkit-transition: all .5s;transition: all .5s;-moz-transform: scale(1,1);-webkit-transform: scale(1,1);transform: scale(1,1);-moz-background-size: cover;-webkit-background-size: cover;background-size: cover;z-index: -1;}
.servicesBlock > div > div:hover > a{width: 100%;transition: all 0.2s ease-in 0s;height: 100%;margin: 0px;}
.servicesBlock > div > div > a{padding: 10px;height: 80%;width: 40%;margin: 2%;transition: all 0.2s ease-in 0s;/*float:right;transition: all 0.2s ease-in 0s;position:relative;z-index: 99;*/}
.servicesBlock .hosting a,
.servicesBlock .dedicated a{float:right;}
.servicesBlock .resellers a,
.servicesBlock .cloudvps a{float:left;}
.servicesBlock div.content {position: absolute;top: 16%;}
.servicesBlock .hosting div.content ,
.servicesBlock .dedicated div.content{right: 5%;}
.servicesBlock .resellers div.content ,
.servicesBlock .cloudvps div.content{left: 5%;}
.servicesBlock div.content p {font-size: 1.5em;font-weight:bold;}
.servicesBlock .bg-blue {background-color: rgba(0, 115, 183, 0.8) !important;}
.servicesBlock .bg-orange {background-color: rgba(255, 133, 27, 0.8) !important;}
.servicesBlock a.block {border: 2px solid #FFF;color: #FFF;padding: 0.4em 2em;display: inline-block;font-size: 1.5em;margin-top: 1em;text-decoration: none;}
.servicesBlock a.block:hover {background-color: #ffffff;border: 1px solid #ffffff;color: #000000;}

.columnBlock .panel-heading{padding: 5px 5px 0 5px;}
.columnBlock .nav-tabs{border-bottom: 1px solid #0171BC;background-color: #fff;padding: 0px;}
.columnBlock .nav-justified{margin-bottom: -1px;}
.columnBlock h4 {margin: 0px 13px;float: left;padding: 10px 15px;}
/*** PANEL PRIMARY ***/
.columnBlock .nav-tabs > li > a {border: 1px solid transparent;border-radius: 4px 4px 0px 0px;}
.columnBlock .nav-tabs > li > a {color: #fff;background-color: #0171BC;border-color: transparent;font-weight: bold;padding: 11px 15px;}
.columnBlock .nav-tabs > li > a:hover,
.columnBlock .nav-tabs > li > a:focus {background-color: #E97900;/*color: #fff;border-color: transparent;font-weight: bold;padding: 10px 15px;*/}
.columnBlock .nav-tabs > li.active > a,
.columnBlock .nav-tabs > li.active > a:hover,
.columnBlock .nav-tabs > li.active > a:focus ,
.columnBlock .nav-tabs > .open > a,
.columnBlock .nav-tabs > .open > a:hover,
.columnBlock .nav-tabs > .open > a:focus {color: #428bca;background-color: #fff;border: 1px solid #0171BC;border-bottom: 1px solid;	border-bottom-color: transparent;}
.columnBlock .tab-content .tab-pane .host-img {float:left;padding: 15px;}
.columnBlock .tab-content .tab-pane .description {float:left; width: 50%; padding: 15px; text-align:left;}
.columnBlock .tab-content .tab-pane .info { width: 200px; text-align:left;float: left;}
.columnBlock .tab-content .tab-pane .info img{padding-right:5px;}
.columnBlock .tab-content .tab-pane .price {float:right; text-align:center; color: #ff5a00;}
.columnBlock .tab-content ul {list-style: outside none none;padding: 0px;}

.serviceBlock{ /*padding:38px 0;*/ margin:18px 0; background-color:#E7E7E7;}
.serviceBlock i {float: left;padding: 0px 14px 0px 0px;color: #00B8FF;font-size: 6em;text-align: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.serviceBlock p{text-align:justify}
.serviceBlock .title {background: #0171BC none repeat scroll 0% 0%;}
.serviceBlock .title h1{color: #FFF;padding: 30px 0px;font-weight:bold;} /*background: #0171BC none repeat scroll 0% 0%;background-size: 450px;background-position: -195px 15px;background: url('../images/logo.png') no-repeat scroll center top transparent;*/

.servicesSection {padding:38px 0; margin:18px 0;}
.servicesSection .panel-plus-link > a, 
.servicesSection .panel-heading   > a {display: block;padding: 5px 15px;}
.servicesSection .panel-default > .panel-heading {color: #333;background-color: #F5F5F5;border-color: #DDD;padding: 0px;}
.servicesSection .panel .panel-body {padding: 15px ;border-bottom: none;}
.servicesSection .panel-body .service-image {float: left;width: 200px;/*padding-right: 30px;*/}

/* --------------------------- */
/* ------- SIDE TABS   ------- */
/* --------------------------- */

.blogShort{ border-bottom:1px solid #ddd;}
.nav-sidebar {margin-right: -15px; /* width: 100%;padding: 30px 0;border-right: 1px solid #ddd;*/}
.nav-sidebar a {color: #333;-webkit-transition: all 0.08s linear;-moz-transition: all 0.08s linear;-o-transition: all 0.08s linear;transition: all 0.08s linear;}
.nav-sidebar .active a {cursor: default;background-color: #f1f1f1; color: #000000; }

.nav-sidebar .text-overflow a,
.nav-sidebar .text-overflow .media-body {white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis; }

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

/*hosting-page*/

.hosting-page .content {border-left: 3px solid #f1f1f1;border-bottom: 3px solid #f1f1f1;margin-bottom: 10px;}
.hosting-page .content .tab-content {/*padding : 10px;*/}
.hosting-page .content #dev-table-filter {margin-top: -5px;}
.hosting-page .content .add{background: #333; padding: 10%; height: 300px;}
.hosting-page section .fa {color:#0171BC;}
.hosting-page .why-choose-us .media img {width:100px;}
.hosting-page .why-choose-us .media .media-heading {color:#0171BC;}

.section_compare {width: 100%;padding: 35px 0 40px 0;margin: 0px;/*float: left;*/}
.section_compare .price_table_holder {/*float: left;*/padding: 0;margin:0;}
.section_compare .price_table {/*float: left;*/width:100%;padding: 0;margin: 20px 0 0 0;text-align:center;background-color: #272727;border-right:1px solid #4b4b4b;transition-property: background-color, color;transition-duration: 0.3s;transition-timing-function: ease-out;}
.section_compare .price_table .title {width: 100%;font-size: 30px;font-weight: 600;padding: 20px 0 20px 0;color: #fff;text-align: center;margin: 0px 0 10px 0;border-bottom: 1px solid #4b4b4b;}
.section_compare .price_table .price {color: #fff;font-size: 45px;font-weight: bold;line-height: 45px;text-align: center;padding: 8px 0px 8px;border-bottom: 1px solid #4b4b4b;}
.section_compare .price_table .price sup {font-size: 22px;font-style: normal;}
.section_compare .price_table .price i {font-size: 16px;font-style: normal;font-weight: 500;}
.section_compare .price_table .margin_top3 {/*float: left;*/width: 100%;margin-top: 30px;}
.section_compare .price_table ul.plan_features {/*float: left;*/width: 100%;text-align: center;padding: 0;margin: 0;list-style: outside none none;}
.section_compare ul.plan_features li {width: 70%;color: #a9a9a9;text-align: center;padding: 8px 0;margin: 0 auto;border-bottom: 1px solid #4b4b4b;}
.section_compare .plan_info .singup_but {color: #fff;text-align: center;padding: 8px 30px;margin: 0 0px 25px 0px;background-color: #fe7e20;}
.section_compare .plan_info .singup_but:hover {color: #fff;background-color: #272727;}

/*hover styles*/	
.section_compare .price_table:hover {background-color: #f39c12;padding:0 0;margin: 20px 0 0 0;}
.section_compare .price_table:hover .title {color: #fff;border-bottom: 1px solid #f79d5b;}
.section_compare .price_table:hover .price {color: #fff;border-bottom: 1px solid #f79d5b;}
.section_compare .price_table:hover .plan_features li {color: #fff;border-bottom: 1px solid #f79d5b;}
.section_compare .price_table:hover .singup_but {color: #272727;background-color: #fff;}
/*active styles*/	
.section_compare .price_table.active {position:relative;background-color: #0171BC;padding:20px 0;margin: 0 0 0 0;}
.section_compare .price_table.active .title {color: #fff;border-bottom: 1px solid #f79d5b;}
.section_compare .price_table.active .price {color: #fff;border-bottom: 1px solid #f79d5b;}
.section_compare .price_table.active .plan_features li {color: #fff;border-bottom: 1px solid #f79d5b;}
.section_compare .price_table.active .singup_but {color: #272727;background-color: #fff;}

.os_icon {margin-top: -5px;width:32px;}

/*** CONTACT PAGE ***/

.contact .overlay {background-color: rgba(255, 255, 255, 0.89);height:100%;width: 100%;position: absolute;top: 0px;z-index: 99;display: none;}
.contact .overlay .sending {position:absolute;bottom:100px;width:100%;font-size: 1.5em;}

/*** SUpport tickets pages ***/

.replier small {background-color: #36a9e1;color: #f3f3f9;display: block;padding: 5px;}
.response .attachments {/*border: 1px solid #ddd;*/background:#dff0d8 none repeat scroll 0% 0%;padding: 10px;border-radius: 4px;}
.response .attachments a{color: #3c763d;}

#map-container { height: 400px }

/*** order domains ***/ 
.whois .search .btn-group .btn {border-right: 1px solid #ffffff;}

/* --------------------------- */
/* -------- RIBBONS  ------- */
/* --------------------------- */

#ribbon-container {top: 15px;left: -20px;overflow: visible;font-size: 18px; line-height: 18px;}
#ribbon-container:before {content:"";height: 0;width: 0;display: block;position: absolute;top: 3px;left: 0;}
#ribbon-container:after {content:"";height: 3px;display: block;position: absolute;bottom: -3px;left: 58px;right:3px;}
#ribbon-container span {display:block;padding:20px;position:relative; background:#0171BC;overflow:visible;height:58px;margin-right:29px;color:#fff;text-decoration:none;left:-15px;}
#ribbon-container span:after {content:""; height: 0;width: 0;display:block;position:absolute;bottom:-15px;left:0;border-top: 15px solid #004a70; border-left: 15px solid transparent;}
#ribbon-container span:before {content:"";height: 0;width: 0;display:block;position:absolute;top:0;right:-29px;border-top: 29px solid #0171BC; border-bottom: 29px solid #0171BC; border-right: 29px solid transparent;border-left: 29px solid transparent;}
#ribbon-container span:hover {background:#009ff1;}
#ribbon-container span:hover:before {border-top: 29px solid #009ff1; border-bottom: 29px solid #009ff1;}

/* --------------------------- */
/* ------ ANIMATION CSS ------ */
/* --------------------------- */

/* Animation CSS */
@keyframes fadeAnimation {
  from {    opacity: 0;    top: 120%;  }
  to {    opacity: 1;    top: 100%;  }
}
@-webkit-keyframes fadeAnimation {
  from {    opacity: 0;    top: 120%;  }
  to {    opacity: 1;    top: 100%;  }
}
@keyframes tansformAnimation {
  from {font-size: 1em;}
  to {font-size: 1.2em;}
}
@-webkit-keyframes tansformAnimation {
  from {font-size: 1em;}
  to {font-size: 1.2em;}
}

@media (min-width: 1100px) {
	/*code for destop*/
}
@media (max-width: 1100px) {
	/*code for ipad and netbooks*/
}
/* small screen */
@media (max-width: 768px) {
	.navbar {padding-left: 0; }
	.navbar .navbar-header {	width: auto;	display: block; }
	.navbar .navbar-nav {	width: auto;margin: 0; }
	.navbar .navbar-nav > li {	display: inline-block; }
	.navbar .navbar-right {	position: absolute;	top: 0;	right: -100%;	height: 100%;	width: 100%;	-moz-transition: all 0.25s linear;	-webkit-transition: all 0.25s linear;	transition: all 0.25s linear; }
	.navbar .navbar-right .open .dropdown-menu {	position: absolute; }
	.navbar .navbar-right.expanded {	right: 0; }
	.navbar-top {min-width: 300px; }
	.side-menu {/*margin-left:-250px;width:0px;*/}
	.side-menu {/*margin-left:0px;width:250px;*/}	
	.side-body {/*margin-left:10px;*/}
	.navbar-top {min-width: 480px;padding-left: 0px; }

	.app-footer .wrapper, 
	.flat-blue.expanded .app-footer .wrapper {	padding-left: 25px; } 
	
	.company-info {width: 100%;}
	.company-info li:first-child {float: left;}
	.user-tools {text-align: center;width: 100%;}
	.user-tools .navbar-nav{margin: 0px -5px;}
	.servicesBlock .hosting,
	.servicesBlock .resellers,
	.servicesBlock .cloudvps,
	.servicesBlock .dedicated,
	.servicesBlock .ssl {margin: 8px;padding-left: 15px !important; }
	.servicesBlock .hosting > div.image,
	.servicesBlock .resellers > div.image, 
	.servicesBlock .cloudvps > div.image,
	.servicesBlock .dedicated > div.image,
	.servicesBlock .ssl > div.image {position: unset;}
	.container.domains {padding-right: 15px;padding-left: 15px;}
	.domain-search {overflow:hidden;}
	.domainsearch .input-group {display: block !important;}
	.header-top .login-form {width: 95%;}
	.navbar-nav .open .dropdown-menu {width: 100%;background-color: #ffffff;}
	.header-top .user-tools > .nav > li {display:block;border-bottom: #ffffff 1px solid;}
	.header-top .user-tools > .nav > li > ul > li {border-bottom: #000000 1px solid;}
	/* .header-top .user-tools li a {} */
	.header-top .user-tools .navbar-nav .open .dropdown-menu {position: absolute;}

}

@media (max-width: 480px) {
	/*code for mobile here*/
	/* .domain-search .input-group {display: block;} */
}
@media screen and (max-width: 480px) {
  .small-box {text-align: center;  }
  .small-box .icon {display: none;  }
  .small-box p {font-size: 12px;  }
  .domainsearch .input-group {display: block;}
}

/* Don't display when printing */
@media print {
  .no-print {display: none;}
  .left-side,
  .header,
  .content-header {display: none;}
  .right-side {margin: 0;}
}

/* --------------------------- */
/* ------- LOGIN PAGE  ------- */
/* --------------------------- */
.form-box {margin-top: 35px;}
.form-top {overflow: hidden;padding: 0 25px 15px 25px;background: #444;background: rgba(0, 0, 0, 0.35);-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
.form-top-left {/*float: left;*/width: 75%;padding-top: 25px;}
.form-top-left h3 { margin-top: 0; color: #fff; }
.form-top-left p { opacity: 0.8; color: #fff; }

.form-top-right {/*float: left;*/width: 25%;padding-top: 5px;font-size: 66px;color: #fff;line-height: 100px;text-align: right;opacity: 0.3;}
.form-bottom {padding: 25px 25px 30px 25px;background: #444;background: rgba(0, 0, 0, 0.3);-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}
.form-bottom form button.btn {width: 100%;}
.form-bottom form .input-error {border-color: #de615e;}