/**
 * WHMCS Bootstrap Override Sheet
 *
 * These styles override Bootstrap's defaults.
 *
 * @project   WHMCS
 * @cssdoc    version 1.0-pre
 * @package   WHMCS
 * @author    WHMCS Limited <development@whmcs.com>
 * @copyright Copyright (c) WHMCS Limited 2005-2015
 * @license   http://www.whmcs.com/license/
 * @link      http://www.whmcs.com/
*/

@import url("//fonts.googleapis.com/css?family=Open+Sans:400,600|Raleway:400,700");

body,
input,
button,
select,
textarea {
  font-family: "Open Sans", Verdana, Tahoma, serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #333333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.navbar-main {
    margin-bottom: 0;
    background-color: #006687;
    border: 0;
    min-height: 38px;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
}

.navbar-main .navbar-nav > li > a {
    color: #fff;
}

.navbar-main .navbar-nav > li > a {
    padding-top: 9px;
    padding-bottom: 9px;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus,
.navbar-main .navbar-nav > .active > a,
.navbar-main .navbar-nav > .active > a:hover,
.navbar-main .navbar-nav > .active > a:focus,
.navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav > .open > a:focus {
    color: #222222;
    background-color: #eee;
}

#main-menu .navbar-nav {
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 768px) {
    .navbar-main .navbar-nav .open .dropdown-menu > li > a {
        color: #ddd;
    }
    .navbar-main .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
    }
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

.panel {
  font-size: 0.9em;
}

.list-group {
  font-size: 0.9em;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    background-color: #006687;
}

.pagination {
    font-size: 0.8em;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: white;
    background-color: #006687;
    border-color: #006687;
}

.navbar-main .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #006687;
}

.label {
    border-radius: 0;
}

input[type='file'].form-control {
    height: inherit;
    margin-bottom: 5px;
}

.list-group-item {
    padding: 7px 15px;
}
.panel-body {
    padding: 10px 15px;
}

/* 
 * We use a larger font-size than the bootstrap default, which requires an increase 
 * in the top offset to maintain correct alignment in form control feedback. 
 */
.has-feedback label ~ .form-control-feedback {
    top: 27px !important;
}

.list-group-item > i.fa.fa-circle-o {
    color: #808080;
}

/*8-2-21*/
.panel-sidebar>.panel-heading {
    color: #fff;
    background-color: #0091e2;
    margin: 0;
}
body{
    font-family: "Montserrat", sans-serif;
}
.panel-sidebar .panel-title {
    font-family: "Montserrat", sans-serif;
    color: #fff;
}
.panel.panel-sidebar {
    margin-bottom: 20px;
    border: 1px solid #0091e2;
    -webkit-box-shadow:  0px 0px 10px 0px rgb(0 145 226 / 50%);
    box-shadow: 0px 0px 10px 0px rgb(0 145 226 / 50%);
    background: none;
}

.sidebar .list-group{
    display:block;
}
.panel-sidebar .list-group-item {
    border-width: 1px !important;
    border-color: #001c47;
    background-color: rgba(0,11,25,0.1);
    color: #0091e2;
    font-size: 14px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    padding:12px 15px;
}
.main-content p{
    font-size: 14px;
    font-weight: 300;
    font-family: "Montserrat", sans-serif; 
    color:#fff;
    line-height:20px;
}
.domain-pricing {
    background: rgba(0,4,33,0.98) !important;
    padding: 18px 15px 0;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #001c47 !important;
}
.domain-pricing h4 {
    color: #0091e2;
    font-size: 23px;
}
.domain-pricing .tld-row {
    background: #0091e2;
}
.row.tld-row.filtered-row {
    color: #fff;
}
.row.tld-row.filtered-row.highlighted {
    color: #0091e2;
}
.domain-promo-box {
    border: 1px solid #001c47 !important;
    background-color: rgba(0,4,33,0.98) !important;
    /* box-shadow: 0px 0px 10px 0px rgb(0 145 226 / 50%); */
}
.domain-promo-box h3 {
    color: #fff;
}
.row.tld-pricing-header.text-center {
    background: #fff;
}
div.header-lined h1 {
    border-bottom: 1px solid #186db6 !important;
    font-weight: 600 !important;
    color: #0091e2 !important;
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
}
.domain-promo-box .small {
    color: #fff !important;
}
.domain-promo-box i {
    color: #fff;
}
.domain-promo-box a.btn {
    color: #fff;
    background: #006CB6;
    border-color: #006CB6;
}
.domain-promo-box a.btn:hover{
    color:#006CB6;
    background: #fff;
}
#order-standard_cart .default-captcha-register-margin {
    margin: 18px auto 5px auto !important;
    max-width: 527px !important;
    padding: 0 0 20px !important;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #fff;
    text-decoration: none;
    background: none;
}
.panel-sidebar a.list-group-item.active, .panel-sidebar a.list-group-item.active:focus, .panel-sidebar a.list-group-item.active:hover {
    background-color: rgba(0,4,33,0.98) !important;
    border-color: #001c47;
    color:#fff;
}
.lojo-body form {
    background: rgba(0,4,33,0.98) !important;
    margin: 0 auto !important;
}
.domain-checker-container .input-group-box {
    padding: 0 !important;
}
.domain-checker-container{
    background: -webkit-gradient(linear,0 0,0 100%,from(#007abf),to(#008ddc30)) !important;
    background: -webkit-linear-gradient(top,#007abf,#008ddc30) !important;
    background: -moz-linear-gradient(top,#007abf,#008ddc30) !important;
    background: -ms-linear-gradient(top,#007abf,#008ddc30) !important;
    background: -o-linear-gradient(top,#007abf,#008ddc30) !important;
}
#order-standard_cart .view-cart-tabs {
    padding: 20px 0 0;
}
#order-standard_cart .summary-container {
    background-color: #0091e2 !important;
    color: #fff;
    border-radius:0px 0px 3px 3px !important;
}
#order-standard_cart .view-cart-empty {
    color: #fff;
}
#order-standard_cart .order-summary h2 {
    font-size: 20px;
    font-weight: 600;
    background: rgba(0,4,33,0.98) !important;
    border: 1px solid #0091e2;
    font-family: "Montserrat", sans-serif;
} 
#order-standard_cart .btn-checkout {
    padding: 7px 15px;
    background: #fff;
    color: #0091e2;
}
.login-form label {
    color: #fff;
    font-weight: 300;
}
.logincontainer {
    padding: 10px 0px 0 !important;
    box-shadow: 0px 0px 10px 5px rgb(22 93 155 / 20%);
}
#order-standard_cart .products .product {
    border: 0 !important;
    color: #fff;
    background-color: #0091e2 !important;
}
#order-standard_cart .products .product ol, 
#order-standard_cart .products .product ul {
    padding-left: 14px;
}
#order-standard_cart .products .product a.btn{
    color: #0091e2;
    background-color: #fff !important;
    border:1px solid #0091e2;
}
#order-standard_cart .products .product header span {
    color: #0091e2 !important;
    font-weight: 600;
}
form#frmDomainHomepage {
    background: none !important;
}
section#home-banner {
    background: none !important;
    color: #fff;
}
section#home-banner .btn.search {
    background-color: #0091e2;
}
form#frmDomainTransfer {
    background: none !important;
}

@media only screen and (min-width: 992px){
#order-standard_cart .col-md-9.pull-md-right:last-child {
    position: relative;
    height: 500px;
    top: -450px;
    left: 15px;
    margin: 0 0 60px 0;
    padding-right: 43px;
}
}

.suggested-domains .card-header, .suggested-domains .panel-heading {
    color: #fff;
}
#order-standard_cart label {
    color: #fff !important;
}
.form-group {
    color: #fff;
}
#order-standard_cart .panel-addon .panel-add {
    background-color: #337ab7 !important;
}




/**
 * WHMCS Main Style Sheet
 *
 * Additional styles for WHMCS beyond Bootstrap
 *
 * This stylesheet contains all the customized styling used
 * by WHMCS.  Overrides to Bootstrap styles can be found in
 * overrides.css.
 *
 * @project   WHMCS
 * @cssdoc    version 1.0-pre
 * @package   WHMCS
 * @author    WHMCS Limited <development@whmcs.com>
 * @copyright Copyright (c) WHMCS Limited 2005-2015
 * @license   http://www.whmcs.com/license/
 * @link      http://www.whmcs.com/
 */



*{
	margin:0 auto;
	padding:0;
	outline:none;
}

@font-face {

  font-family: 'SourceSansPro-Regular';

  src: url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro-Regular.ttf')  format('truetype'), url('../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

	font-family: 'Conv_SourceSansPro-ExtraLight';

	src: url('../fonts/SourceSansPro-ExtraLight.eot');

	src: local('☺'), url('../fonts/SourceSansPro-ExtraLight.woff') format('woff'), url('../fonts/SourceSansPro-ExtraLight.ttf') format('truetype'), url('fonts/SourceSansPro-ExtraLight.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-family: 'Conv_SourceSansPro-Light';

	src: url('../fonts/SourceSansPro-Light.eot');

	src: local('☺'), url('../fonts/SourceSansPro-Light.woff') format('woff'), url('../fonts/SourceSansPro-Light.ttf') format('truetype'), url('../fonts/SourceSansPro-Light.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'Conv_SourceSansPro-BoldItalic';

	src: url('../fonts/SourceSansPro-BoldItalic.eot');

	src: local('☺'), url('../fonts/SourceSansPro-BoldItalic.woff') format('woff'), url('../fonts/SourceSansPro-BoldItalic.ttf') format('truetype'), url('../fonts/SourceSansPro-BoldItalic.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'Conv_SourceSansPro-Black';

	src: url('../fonts/SourceSansPro-Black.eot');

	src: local('☺'), url('../fonts/SourceSansPro-Black.woff') format('woff'), url('../fonts/SourceSansPro-Black.ttf') format('truetype'), url('../fonts/SourceSansPro-Black.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}




html,body {
    height: 100%;
}

a {
    color: #058;
	text-decoration:none;
	outline:none;
}


/**
 * -------------------------
 * @section Sections
 * -------------------------
 */
 
section#banner-section {
    margin: 0;
	background:url(../img/The-Company-Logo_-_-Background-Image-of-Earth.jpg) no-repeat center center;
    border-radius: 5px 5px 0 0;
	min-height:200px;
	background-size:cover;
	margin-bottom: 20px;
}

section#main-body {
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 350px;
}

section#main-content {
    margin-bottom: 60px;
}

.main-content {
    margin-bottom: 60px;
    min-height: 300px;
}
.top-menu{
	background:rgba(255,255,255,0.9);
	position:fixed;
	padding:8px 0;
	width:100%;
	z-index:99;
}
.banner-contant h4 {
    color: #fff;
    font-size: 36px !important;
    padding:154px 0 0 0;
}
.support{
	text-align:center;
	padding-top:25px;
}


section#footer p {
    margin: 25px 0 0 0;
    border-top: 20px solid #006687;
    line-height: 40px;
    color: #666;
    font-size: 0.7em;
    text-align: center;
}

.adminreturndiv {
    display: none !important;
}

/**
 * -------------------------
 * @section General Styles
 * -------------------------
 */

div.header-lined h1 {
    margin-top: 0;
    margin-bottom: 15px;
    padding:6px 0;
    border-bottom:1px solid #ccc;
    font-weight: 400;
    color: #058;
}

div.header-lined .breadcrumb {
    margin-top: -15px;
    font-size: 0.7em;
    border-radius: 0 0 4px 4px;
}

div.header-lined small {
    white-space: nowrap;
    overflow: hidden;
}

@media (max-width: 600px) {
    h1,.h1{font-size:26px}
    h2,.h2{font-size:20px}
    h3,.h3{font-size:16px}
    h4,.h4{font-size:14px}
    h5,.h5{font-size:12px}
    h6,.h6{font-size:11px}
    div.header-lined small {
        display: none;
    }
}

@media (min-width: 380px) {
    .btn-input-padded-responsive {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (min-width: 500px) {
    .btn-input-padded-responsive {
        padding-left: 35px;
        padding-right: 35px;
    }
}

/**
 * -------------------------
 * @section Margin Classes
 * -------------------------
 */

.margin-10 {
    margin: 10px;
}
.margin-bottom {
    margin-bottom: 20px;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}

.col-button-left {
    padding-left: 0;
    padding-right: 7px;
}
.col-button-right {
    padding-left: 7px;
    padding-right: 0;
}

/**
 * -------------------------
 * @section Form Classes
 * -------------------------
 */

.input-inline {
    display: inline-block;
}

.input-inline-100 {
    width: 100px;
}

.select-inline {
    display: inline-block;
    width: auto;
}

/**
 * -------------------------
 * @section Responsive Pull Left & Right
 * -------------------------
 */

@media (min-width: 992px) {
    .pull-md-left {
        float: left;
    }
    .pull-md-right {
        float: right;
    }
}
@media (min-width: 768px) {
    .pull-sm-left {
        float: left;
    }
    .pull-sm-right {
        float: right;
    }
    .text-right-sm {
        text-align: right;
    }
}

/**
 * -------------------------
 * @section Login Page
 * -------------------------
 */

.logincontainer {
    margin: 40px auto 100px auto;
    padding: 0 10px;
    max-width: 500px;
}

@media (max-width: 600px) {
    .logincontainer {
        margin: 0 auto 30px auto;
    }
}

/**
 * -------------------------
 * @section Icons
 * -------------------------
 */

i.icon-rss {
    color: #ff6600;
}

/**
 * -------------------------
 * @section Main Menu
 * -------------------------
 */

section#main-menu {
    background-color: #006687;
}

/**
 * -------------------------
 * @section Home Page Banner
 * -------------------------
 */

section#home-banner {
    margin: 0;
    padding: 50px 0 60px;
    background-color: #2E363F;
    color: #fff;
}

section#home-banner h2 {
    margin: 0;
    padding: 0 25px 10px 25px;
}

@media (max-width: 992px) {
    section#home-banner h2 {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    section#home-banner h2 {
        font-size: 22px;
    }
}

/**
 * -------------------------
 * @section Home Page Shortcut Buttons
 * -------------------------
 */

.home-shortcuts {
  margin: 0;
  background: #15A4D3;
  color: #fff;
}
.home-shortcuts ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.home-shortcuts li {
  float: left;
  width: 24%;
  padding: 5px 3px;
  border-right: 1px solid #0E88B0;
  font-size: 0.9em;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
}
.home-shortcuts li:first-child {
  border-left: 1px solid #0E88B0;
}
.home-shortcuts li a {
  display: block;
  color: #fff;
  text-decoration: none;
}
.home-shortcuts li i {
  font-size: 22px;
}
.home-shortcuts li p {
  margin: 2px 0 0;
  text-transform: uppercase;
}
.home-shortcuts li span {
  display: none;
}
.home-shortcuts li:hover span {
  display: inline-block;
}
.home-shortcuts .lead {
  margin: 0;
  line-height: 55px;
}
@media (max-width: 992px) {
  .home-shortcuts ul {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .home-shortcuts li {
    display: block;
    float: none;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid #0E88B0;
  }
  .home-shortcuts li:first-child {
    border-left: 0;
  }
  .home-shortcuts li:last-child {
    border: 0;
  }
  .home-shortcuts ul:hover li {
    width: 100%;
  }
}

/**
 * -------------------------
 * Client Homepage
 * -------------------------
 */

.text-domain {
    font-size: 12px;
    color: #006687;
}

.client-home-panels .panel > .panel-heading {
    background-color: #fff;
    border-bottom: 0;
    font-weight: bold;
}
.client-home-panels .panel > .panel-heading .panel-title .btn {
    color: #fff;
    border: 0;
}
.client-home-panels .panel > .panel-heading .panel-title .btn:hover {
    color: #000;
}
.client-home-panels .panel small {
    color: #888;
}
.client-home-panels .panel > .panel-body {
    padding: 0;
    max-height: 170px;
    overflow: auto;
}
.client-home-panels .panel > .panel-footer {
    border-top: 0;
}
.client-home-panels .panel > .panel-body p {
    padding: 10px 15px;
}
.client-home-panels .panel > .list-group {
    max-height: 170px;
    overflow: auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.client-home-panels .panel > .list-group .list-group-item {
    padding: 4px 10px;
}

.client-home-panels .panel > .list-group .list-group-item:last-child {
    border-bottom: 0;
}

.home-kb-search {
    margin-bottom: -8px;
}
.home-kb-search .form-control {
    border: 0;
    background-color: #444;
    color: #fff;
    padding-left: 50px;
}
.home-kb-search i {
    position: relative;
    top: -35px;
    left: 20px;
    color: #777;
}

/**
 * -------------------------
 * Client Homepage Tiles
 * -------------------------
 */

.tiles {
    margin: 0 15px 15px 15px;
}
.tiles .tile {
    padding: 12px 20px;
    background-color: #f8f8f8;
    border-right: 1px solid #ccc;
}
.tiles .tile a {
    text-decoration: none;
}
.tiles .tile:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}
.tiles .tile .highlight {
    margin-top: 4px;
    height: 2px;
    border-radius: 2px;
}
.tiles .tile:last-child {
    border: 0;
}
@media (max-width: 767px) {
    .tiles .tile:nth-child(2) {
        border: 0;
    }
    .tiles .tile:nth-child(1),
    .tiles .tile:nth-child(2) {
        border-bottom: 1px solid #ccc;
    }
}
.tile .icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 48px;
    line-height: 1;
    color: #ccc;
}
.tile .stat {
    margin-top: 20px;
    font-size: 40px;
    line-height: 1;
}
.tile .title {
    font-weight: bold;
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
}

/**
 * -------------------------
 * Panel Accents
 * -------------------------
 */

.panel.panel-accent-gold {
    border-top: 3px solid #f0ad4e;
}
.panel.panel-accent-green {
    border-top: 3px solid #5cb85c;
}
.panel.panel-accent-red {
    border-top: 3px solid #d9534f;
}
.panel.panel-accent-blue {
    border-top: 3px solid #5bc0de;
}
.panel.panel-accent-orange {
    border-top: 3px solid #f39c12;
}
.panel.panel-accent-pink {
    border-top: 3px solid #e671b8;
}
.panel.panel-accent-purple {
    border-top: 3px solid #7b4f9d;
}
.panel.panel-accent-lime {
    border-top: 3px solid #8cbf26;
}
.panel.panel-accent-magenta {
    border-top: 3px solid #ff0097;
}
.panel.panel-accent-teal {
    border-top: 3px solid #00aba9;
}
.panel.panel-accent-turquoise {
    border-top: 3px solid #1abc9c;
}
.panel.panel-accent-emerald {
    border-top: 3px solid #2ecc71;
}
.panel.panel-accent-amethyst {
    border-top: 3px solid #9b59b6;
}
.panel.panel-accent-wet-asphalt {
    border-top: 3px solid #34495e;
}
.panel.panel-accent-midnight-blue {
    border-top: 3px solid #2c3e50;
}
.panel.panel-accent-sun-flower {
    border-top: 3px solid #f1c40f;
}
.panel.panel-accent-pomegranate {
    border-top: 3px solid #c0392b;
}
.panel.panel-accent-silver {
    border-top: 3px solid #bdc3c7;
}
.panel.panel-accent-asbestos {
    border-top: 3px solid #7f8c8d;
}

/**
 * -------------------------
 * Background Colors
 * -------------------------
 */

.bg-color-gold {
    background-color: #f0ad4e;
}
.bg-color-green {
    background-color: #5cb85c;
}
.bg-color-red {
    background-color: #d9534f;
}
.bg-color-blue {
    background-color: #5bc0de;
}
.bg-color-orange {
    background-color: #f39c12;
}
.bg-color-pink {
    background-color: #e671b8;
}
.bg-color-purple {
    background-color: #7b4f9d;
}
.bg-color-lime {
    background-color: #8cbf26;
}
.bg-color-magenta {
    background-color: #ff0097;
}
.bg-color-teal {
    background-color: #00aba9;
}
.bg-color-turquoise {
    background-color: #1abc9c;
}
.bg-color-emerald {
    background-color: #2ecc71;
}
.bg-color-amethyst {
    background-color: #9b59b6;
}
.bg-color-wet-asphalt {
    background-color: #34495e;
}
.bg-color-midnight-blue {
    background-color: #2c3e50;
}
.bg-color-sun-flower {
    background-color: #f1c40f;
}
.bg-color-pomegranate {
    background-color: #c0392b;
}
.bg-color-silver {
    background-color: #bdc3c7;
}
.bg-color-asbestos {
    background-color: #7f8c8d;
}

/**
 * -------------------------
 * @section Navigational Bar
 * -------------------------
 */

#top-nav {
    float: right;
    margin: 0;
    padding: 0;
}
#top-nav .nav {
    margin: 0;
    padding: 0;
    line-height: 22px;
    font-size: 11px;
}
#top-nav a.quick-nav {
    margin: 0 0 0 15px;
    padding: 0;
    color: #888;
}

/**
 * -------------------------
 * @section Twitter Feed
 * -------------------------
 */

div.home-twitter {
    margin-top: 20px;
    margin-bottom: 40px;
}
div.tweet > i {
    color: #2BABCF;
    float: left;
    margin-right: 15px;
}
div.tweet span {
    font-size: 12px;
    color: #ccc;
}

/* ===== Domain Checker ===== */

div.domainresults div:not(.btn-group) {
    margin: 0;
    padding: 10px 25px;
    background-color: #ddd;
    color: #666;
    font-size: 1.0em;
    border-radius: 6px 6px 0 0;
}

div.domainresults div:not(.btn-group) span {
    padding-left: 20px;
    font-size: 14px;
    color: #888;
}

div.domainresults table tr td {
    padding: 5px 30px;
    line-height: 40px;
}

.domain-checker-container {
    margin: 20px 0;
    padding: 0;
    background-color: #ffce44;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb201), to(#ffd960));
    background: -webkit-linear-gradient(top, #ffd960, #ffb201);
    background: -moz-linear-gradient(top, #ffd960, #ffb201);
    background: -ms-linear-gradient(top, #ffd960, #ffb201);
    background: -o-linear-gradient(top, #ffd960, #ffb201);
}

.domain-checker-bg {
    margin: 0;
    padding: 80px 0;
    background-repeat: no-repeat;
    background-position: 110% -5px;
    background-image:url('../img/globe.png');
}

@media (max-width: 992px) {
    .domain-checker-bg {
        padding: 40px 0;
    }
}

.domain-checker-container .input-group-box {
    margin: 0 auto;
    padding: 10px;
    background-color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.domain-bulk-options-box {
    position: absolute;
    top: 18px;
    right: 134px;
    z-index:100;
}

.domain-check-availability {
    width: 100px;
}

.domain-step-options {
    min-height: 300px;
}

.domain-checker-result-headline {
    margin: 20px;
    font-size: 1.6em;
    text-align: center;
}
.domain-checker-available {
    color: #5cb85c;
}
.domain-checker-unavailable {
    color: #d9534f;
}

div.domainresults div.domain-checkout-area {
    display: none;
    float: right;
    padding: 8px 40px 0;
}

.domain-disclaimer-area {
    margin: 0 0 25px 0;
    font-size: 12px;
}

.domain-bulk-domain-well {
    width: 60%;
}

.domain-tld-pricing-table-responsive {
    border: 0;
    margin-bottom: 0;
}

a.domain-tld-pricing-category {
    display: block;
    text-align: center;
}

/**
 * -------------------------
 * @section Announcements Page
 * -------------------------
 */

div.announcement-single {
    margin: 0 0 20px 0;
}
div.announcement-single blockquote {
    margin-top: 30px;
}
div.announcement-single .label {
    margin-right: 10px;
}

/**
 * -------------------------
 * @section Product Details Page
 * -------------------------
 */

div.product-details {
    margin: 0 0 20px 0;
}
div.product-details div.product-icon {
    margin: 0;
    padding: 0;
    background-color: #efefef;
    border-radius: 10px;
    padding: 30px;
    font-size: 60px;
    line-height: 1em;
}

.product-status {
    margin: 0 0 20px 0;
    padding: 0;
    border-radius: 10px;
}
.product-status-pending {
    background-color: #F89406;
}
.product-status-active {
    background-color: #46A546;
}
.product-status-suspended {
    background-color: #0768B8;
}
.product-status-terminated,
.product-status-cancelled {
    background-color: #666;
}
.product-status-fraud {
    background-color: #000;
}
.product-status-text {
    padding: 5px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

div.product-details-tab-container {
    margin: 0;
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 0;
}

.module-client-area {
    padding: 15px 15px 0 15px;
}

/**
 * -------------------------
 * @section List Tables
 * -------------------------
 */

.dataTables_wrapper {
    background-color: #E6ECEF;
    border: 1px #ccc solid;
    border-radius: 4px;
    font-size: 0.9em;
}

.dataTables_wrapper .dataTables_info {
    padding: 9px 10px;
    background-color: #006587;
    border: 0;
    border-bottom: 1px solid #fff;
    font-size: 0.9em;
    color: #fff;
    border-radius: 4px 4px 0 0;
    text-align: left !important;
}

.dataTables_wrapper table.table-list {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
}
.dataTables_wrapper .dataTables_filter label {
    padding: 6px 6px 0;
}
.dataTables_wrapper .dataTables_filter label .form-control {
    padding: 1px 10px !important;
    background-color: #f8f8f8;
    border: 1px solid #fff;
    font-size: 0.9em;
    height: 25px;
    width: 160px;
}

@media (max-width: 600px) {
    .dataTables_wrapper .dataTables_info {
        padding: 9px 10px 40px;
    }
    .dataTables_wrapper .dataTables_filter {
        float: right;
        margin-top: 30px;
        width: 100%;
    }
    .dataTables_wrapper .dataTables_filter label {
        display: block;
        margin: 5px;
        padding: 0;
    }
    .dataTables_wrapper .dataTables_filter label .form-control {
        margin: 0;
        width: 100%;
    }
}

.dataTables_wrapper .dataTables_length {
    float: left;
}
.dataTables_wrapper .dataTables_length label {
    padding: 10px 10px 0;
}
.dataTables_wrapper .dataTables_length label .form-control {
    display: inline-block;
    padding: 2px;
    height: 25px;
    width: auto;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    padding: 6px 10px 0;
}
.dataTables_wrapper .dataTables_paginate .pagination > li > a,
.dataTables_wrapper .dataTables_paginate .pagination > li > span {
    padding: 4px 8px;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    top: inherit !important;
    box-shadow: none !important;
    line-height: 16px !important;
}

.table-container {
    padding: 0 0 25px 0;
}

table.table-list thead th {
    background-color: #E6ECEF;
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 13px;
}

.table-list > tbody > tr:hover {
    cursor: pointer;
    cursor: hand;
}

.table-list > tbody > tr > td {
    background-color: #fff;
    font-size: 12px;
}

.table-list > tbody > tr:nth-child(odd) > td, .table-list > tbody > tr:nth-child(odd) > th {
    background-color: #FAFAFA;
}

.table-list > tbody > tr:hover > td {
    background-color: #E6ECEF;
}

table.table-list th {
    text-align: center;
}
table.table-list tbody td, table.table-list tbody td {
    padding: 5px 10px;
    vertical-align: middle;
}

table.dtr-inline .dtr-title:empty {
    display: none !important;
}

table.dtr-inline .responsive-edit-button {
    display: none;
}

table.dtr-inline.collapsed .responsive-edit-button {
    display: inherit;
}
/**
 * -------------------------
 * @section Status Lights
 * -------------------------
 */

.status {
    display: block;
    font-size: 0.9em;
    line-height: 22px;
    background-color: #888;
}

.status-custom {
    background-color: white;
    color: black;
    border: 1px solid black;
    padding: 1px;
}

.status-pending {
    background-color: #D9534F;
}
.status-pending.transfer {
    background-color: #A68500;
}
.status-active,
.status-open {
    background-color: #3fad46;
}
.status-suspended {
    background-color: #F0AD4E;
}
.status-customer-reply {
    background-color: #ff6600;
}
.status-fraud,
.status-answered {
    background-color: #000000;
}
.status-expired {
    background-color: #004258;
}
.status-cancelled {
    background-color: #9FA29A;
}
.status-terminated {
    background-color: #666;
}
.status-onhold {
    background-color: #224488;
}
.status-inprogress {
    background-color: #cc0000;
}
.status-closed {
    background-color: #888;
}

.status-paid {
    background-color: #498302;
}
.status-unpaid {
    background-color: #ED3E48;
}
.status-cancelled {
    background-color: #87939F;
}
.status-collections {
    background-color: #9A141E;
    color: #FFFFFF;
}
.status-refunded {
    background-color: #319FC3;
}

.status-customer-reply {
    background-color: #ff6600;
}

.status-delivered {
    background-color: #224488;
}

.status-accepted {
    background-color: #498302;
}
.status-lost, .status-dead {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
}

/**
 * -------------------------
 * @section Affiliates Page
 * -------------------------
 */

.affiliate-stat {
    margin: 0;
    padding: 15px;
    font-size: 1.6em;
    text-align: center;
}

.affiliate-stat span {
    display: block;
    font-size: 2.4em;
}

.affiliate-stat i {
    float: left;
    padding: 10px;
    font-size: 4em;
}

.affiliate-referral-link {
    margin: 40px 0;
}

.affiliate-referral-link span {
    display: block;
    margin: 0;
    padding: 10px;
    font-size: 1.4em;
    border-radius: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .affiliate-stat {
        font-size: 1.2em;
    }
    .affiliate-stat span {
        font-size: 2.1em;
    }
    .affiliate-stat i {
        font-size: 3.6em;
    }
}

@media (max-width: 992px) {
    .affiliate-stat {
        font-size: 1.0em;
    }
    .affiliate-stat span {
        font-size: 1.6em;
    }
    .affiliate-stat i {
        font-size: 3em;
    }
}

/**
 * -------------------------
 * @section Support Tickets
 * -------------------------
 */

.ticket-attachments-message {
    padding-top: 4px;
    font-size: 0.8em;
}

.ticket-reply {
    margin: 10px 0;
    padding: 0;
    border: 1px solid #efefef;
    background-color: #fff;
}

.ticket-reply.staff {
    border: 1px solid #CCE4FC;
}

.ticket-reply .date {
    float: right;
    padding: 8px 10px;
    font-size: 0.8em;
}

.ticket-reply .user {
    padding: 5px 0;
    background-color: #f8f8f8;
}

.ticket-reply.staff .user {
    background-color: #F2F9FF;
}

.ticket-reply .user i {
    float: left;
    font-size: 2.2em;
    padding: 2px 15px;
}

.ticket-reply .user .name {
    display: block;
    font-size: 0.9em;
}

.ticket-reply .user .type {
    display: block;
    font-weight: bold;
    font-size: 0.8em;
}

.ticket-reply .message {
    padding: 12px 15px;
}

.ticket-reply .rating,
.ticket-reply .rating-done {
    float: right;
    padding: 5px 10px;
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 24px;
}
.ticket-reply .rating span.star,
.ticket-reply .rating-done span.star {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}
.ticket-reply .rating-done .rated {
    display: inline-block;
    font-size: 12px;
    font-family: Tahoma;
}
.ticket-reply .rating span.star:hover {
    cursor: pointer;
}
.ticket-reply .rating span.star:before,
.ticket-reply .rating-done span.star:before {
    content: "\f006";
    padding-right: 0;
    color: #999;
}
.ticket-reply .rating span.star:hover:before,
.ticket-reply .rating span.star:hover ~ span.star:before,
.ticket-reply .rating-done span.star.active:before  {
    content: "\f005";
    color: #F2DE88;
}

.ticket-reply .attachments {
    margin: 0;
    padding: 10px 20px;
    border-top: 1px dashed #efefef;
    background-color: #f8f8f8;
    font-size: 0.8em;
}

.ticket-reply .attachments ul {
    margin: 0;
    padding: 0 0 0 15px;
    list-style: none;
}

.ticket-reply .clear {
    clear: both;
}

.panel > .list-group .ticket-details-children {
    border-width: 0;
}
.panel > .list-group .ticket-details-children .title {
    font-weight: bold;
}
.panel > .list-group .ticket-details-children:nth-child(even) {
    background-color: #f2f2f2;
}
.panel > .list-group .ticket-details-children:last-child {
    border-width: 0 0 1px 0;
}

/**
 * -------------------------
 * @section Support Ticket Feedback
 * -------------------------
 */

.ticketfeedbackstaffcont {
    margin: 10px auto;
    padding: 15px;
    width: 90%;
    background-color: #efefef;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.ticketfeedbackrating {
    padding: 0 100px;
}

.ticketfeedbackrating .rate {
    float: left;
    padding: 0 10px;
    min-width: 30px;
    text-align: center;
}

/**
 * -------------------------
 * @section Client Notifications
 * -------------------------
 */

.popover-user-notifications {
    font-size: 0.8em;
}
.popover-user-notifications .popover-content {
    padding: 0;
}
.clientalert {
    margin: 0;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
}
.clientalert:hover {
    background-color: #efefef;
}
.clientalert:last-child {
    border-bottom: 0;
}
.clientalert .btn-xs {
    font-family: Verdana;
    font-size: 10px;
}

/**
 * -------------------------
 * @section Captcha
 * -------------------------
 */

.captchaimage {
    margin: 0;
    padding: 3px 0 4px;
    -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;
    text-align: right;
}

/**
 * -------------------------
 * @section Credit Cards
 * -------------------------
 */

div.credit-card {
    margin: 0 auto 30px;
    max-width: 400px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 8px;
}

div.credit-card div.card-type {
    float: right;
    padding: 10px 20px;
    font-size: 1.2em;
}
div.credit-card div.card-icon {
    float: left;
    padding: 7px 7px;
    font-size: 1.2em;
}

div.credit-card div.card-number {
    padding: 10px;
    background-color: #ccc;
    font-size: 1.6em;
    text-align: center;
    clear: both;
}

div.credit-card div.card-start {
    float: left;
    padding: 20px 0 50px 50px;
    font-size: 1.3em;
    text-align: right;
}

div.credit-card div.card-expiry {
    float: right;
    padding: 20px 50px 50px 0;
    height: 120px;
    font-size: 1.3em;
    text-align: right;
}

div.credit-card div.end {
    clear: both;
}

@media (max-width: 600px) {
    div.credit-card {
        max-width: 250px;
    }
    div.credit-card div.card-type {
        font-size: 1.0em;
    }
    div.credit-card div.card-icon {
        font-size: 1.0em;
    }
    div.credit-card div.card-number {
        padding: 6px 10px;
        font-size: 1.2em;
    }
    div.credit-card div.card-start {
        padding: 20px 0 30px 50px;
        font-size: 0.9em;
    }
    div.credit-card div.card-expiry {
        padding: 20px 50px 30px 0;
        height: 80px;
        font-size: 0.9em;
    }
}

.auth3d-area {
    border: 1px solid #fff;
}

.submit-3d {
    width: 80%;
    border: 1px solid #fff;
}

.invoice-summary {
    margin: 0 0 25px 0;
    padding: 15px;
    height: 500px;
    background-color: #f8f8f8;
    border: 4px dashed #efefef;
    border-radius: 10px;
}

.invoice-summary-table {
    margin: 25px 0 25px 0;
    max-height: 300px;
    overflow: auto;
}

.invoice-summary-table td {
    font-size: 0.8em;
}

.invoice-summary-table td.total-row {
    background-color: #efefef;
    font-weight: bold;
}

/* Card colors colorpicked from website logos */
div.credit-card .logo-visa {
    color: #1a1f71;
}

div.credit-card .logo-amex {
    color: #43abdf;
}

div.credit-card .logo-mastercard {
    color: #ed0b00;
}

div.credit-card .logo-discover {
    color: #000000;
}
/**
 * -------------------------
 * @section Sidebar Responsive Behaviour Classes
 * -------------------------
 */

div.sidebar .list-group-item-selected {
    background-color: #319FC3;
    color: #FFFFFF;
}
div.sidebar .list-group-item-selected .badge {
    background-color: #FFFFFF;
    color: #319FC3;
}

@media (max-width: 991px) {

    .panel-actions {
        border: 0;
        box-shadow: none;
    }

    .panel-actions > .panel-heading > .panel-title {
        display: inline;
    }

    .panel-actions > .panel-heading {
        border-radius: 3px;
    }

    .panel-actions > .list-group {
        padding: 10px;
        overflow-x: scroll;
        overflow-y: none;
        white-space: nowrap;
    }

    .panel-actions > .list-group .list-group-item {
        display: inline-block;
        border: 1px solid #ddd !important;
        border-radius: 3px !important;
        white-space: nowrap;
        text-align: center;
        padding: 5px 25px;
        margin: 2px;
    }

    .panel-actions > .list-group .list-group-item > .badge {
        float: none;
        margin: -2px 0 0 10px;
    }

}

/**
 * -------------------------
 * @section Two Factor Authentication
 * -------------------------
 */

div#twofaactivation {
    margin: 0 auto;
    padding: 15px 30px;
    width: 85%;
    background-color: #efefef;
    border-radius: 10px;
}

div#twofaactivation .errorbox {
    margin: 0 0 20px 0;
    padding: 10px 20px;
    background-color: #FF4F4F;
    text-shadow: none;
    color: #fff;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

div#twofaactivation p {
    margin: 15px 0;
}

/**
 * -------------------------
 * @section Popups
 * -------------------------
 */

#popup-backdrop {
    background-color: #2E363F;
    padding: 15px;
    height: 100%;
}

.popup-header-padding {
    margin-top: 5px;
    margin-bottom: 5px;
}

/**
 * -------------------------
 * @section Uncategorized
 * -------------------------
 */

.btn.btn-action {
    background-color: #72CA06;
    border-color: #498302;
}

/**
 * -------------------------
 * @section Knowledgebase
 * -------------------------
 */

.kbcategories a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 5px;
    text-decoration: none;
}
.kbcategories a .glyphicon {
    color: #ed8;
    margin-right: 5px;
}
.kbcategories a small {
    color: #000;
    font-size: 80%;
    font-weight: 400;
    margin-left: 5px;
}

.kbarticles {
    padding: 0 0 25px 0;
    font-size: 0.8em;
}
.kbarticles a {
    font-size: 1.2em;
    font-weight: 700;
}
.kbarticles a .glyphicon {
    color: #8ce;
}

h3.kb-alsoread {
    padding: 8px 15px;
    background-color: #eee;
    border-radius: 6px;
    font-size: 0.9em;
}

/**
 * -------------------------
 * @section Domain Checker Responsive
 * -------------------------
 */

#stepResults {
    font-size: 20px;
}
#stepResults .label {
    font-size: 20px;
}

@media (max-width: 992px) {
    #stepResults {
        font-size: 14px;
    }
    #stepResults .label {
        font-size: 14px;
    }
    div.domainresults table tr td {
        padding: 5px 5px;
    }
}

/**
 * -------------------------
 * Printing
 * -------------------------
 */

@media print {
    .sidebar,
    #main-menu,
    #top-nav,
    .header-lined {
        display: none;
    }
    a[href]:after {
        content:"" !important;
    }
}

/**
 * -------------------------
 * Badges Spacing
 * -------------------------
 */

h3.with-badge::after {
    content: '.';
    color: #fff;
}

h3.with-badge span, h3.with-badge i {
    float: left;
    padding-right: 8px;
}

h3.with-badge .badge {
    line-height: initial;
    margin-top: 3px;
}

@media (min-width: 992px) {
    h3.with-badge .badge {
        padding: 3px 7px 3px 8px;
    }
    .sidebar .list-group-item .badge {
        margin-top: -2px;
        padding: 3px 7px 3px 8px;
        line-height: initial;
        min-width: 36px;
    }
}

/**
 * -------------------------
 * Admin Masquerade Notice
 * -------------------------
 */

.admin-masquerade-notice {
    margin: 25px 0 0 auto;
    padding: 4px 10px;
    max-width: 240px;
    font-family: Tahoma;
    font-size: 0.7em;
    text-align: right;
}
.admin-masquerade-notice a {
    text-decoration: underline;
}

/**
 * -------------------------
 * Language Chooser
 * -------------------------
 */

.language-popover {
    max-width: 450px;
    width: 100%;
    background-color: rgba(20, 20, 20, 0.98);
    background-image: url('../img/worldmap.png');
    background-repeat: no-repeat;
    font-size: 0.8em;
}
.language-popover.popover.bottom > .arrow:after {
    border-bottom-color: rgba(20, 20, 20, 0.97);
}
.language-popover .popover-content ul {
    margin: 6px 0 14px 0;
    padding: 0;
    max-width: 400px;
    list-style-type: none;
    overflow: hidden;
}
.language-popover .popover-content li {
    float: left;
    display: inline;
    padding: 0 20px 0 40px;
    width: 33.333%;
    line-height: 2em;
}
.language-popover .popover-content li a {
    color: #f2f2f2;
}

@media (max-width: 480px) {
    .language-popover {
        max-width: 250px;
        background-position: -50px 0;
    }
    .language-popover .popover-content li {
        padding: 0 20px;
        width: 50%;
    }
}

/**
 * -------------------------
 * Login or Register Popover
 * -------------------------
 */

.login-popover {
    font-size: 12px;
}
.login-popover .form-group {
    margin-bottom: 5px;
}
.login-popover hr {
    margin: 5px 0;
}

/**
 * -------------------------
 * Mass Pay
 * -------------------------
 */

tr.masspay-invoice-detail td {
    font-size: 0.8em;
}
tr.masspay-total td {
    background-color: #efefef;
    font-weight: bold;
}

/**
 * -------------------------
 * Error Page
 * -------------------------
 */

.error-container {
    text-align: center;
}
.error-container h1 {
    margin-top: 40px;
}
.error-container .buttons {
    margin: 25px 0;
}
.error-container .buttons .btn {
    margin: 5px;
}

/**
 * -------------------------
 * Collapsable Panels
 * -------------------------
 */

.panel-collapsable > .panel-heading {
    cursor: pointer;
}
.panel-collapsable > .panel-body-collapsed {
    display: none;
}

/**
 * -------------------------
 * Licensing Addon
 * -------------------------
 */

.licensing-addon-latest-download h3 {
    margin-top: 0;
}

/**
 * -------------------------
 * Domain Checker Captchas
 * -------------------------
 */

#google-recaptcha-domainchecker {
    width: 304px;
    height: 78px;
    margin-top: 15px;
    margin-bottom: -66px;
}

#default-captcha-domainchecker {
    margin-top: 15px;
    margin-bottom: -63px;
}

#default-captcha-domainchecker #inputCaptcha {
    width: 100px;
    border-radius: 4px;
}

.domainchecker-homepage-captcha #google-recaptcha-domainchecker {
    margin-bottom: -46px;
}

@media (max-width: 991px) {
    #google-recaptcha-domainchecker {
        padding-left: 2.5%;
        margin-bottom: -25px;
    }

    #default-captcha-domainchecker {
        margin-bottom: -25px;
    }
}

@media (max-width: 736px) {
    #google-recaptcha-domainchecker {
        margin-bottom: -35px;
        transform: scale(0.935);
        transform-origin: 0 0;
        -webkit-transform: scale(0.935);
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 384px) {
    #google-recaptcha-domainchecker {
        margin-bottom: -30px;
        transform: scale(0.96);
        transform-origin: 0 0;
    }
}

@media (max-width: 360px) {
    #google-recaptcha-domainchecker {
        margin-bottom: -35px;
        transform: scale(0.89);
        transform-origin: 0 0;
    }
}

@media (max-width: 320px) {
    #google-recaptcha-domainchecker {
        padding-left: 13.5%;
        margin-bottom: -45px;
        transform: scale(0.83);
        transform-origin: 0 0;
        -webkit-transform: scale(0.785);
        -webkit-transform-origin: 0 0;
    }
}



/* ======================================== header ================================================ */

.header_top{background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%; position:fixed; left:0; top:0; z-index:99999; width:100%; padding:9px 0px 0 0; font-size:20px; font-weight:normal; color:#4c4d4f; min-height:60px;}

.header_top .container{ padding-bottom:10px;}

.header_top img{width:45%;}

.header_signin_button{margin:0px; color:#4c4d4f;}

.header_signin_button a:hover{ text-decoration:none;}

.header_signin_button a{text-decoration:none; color:#4c4d4f; background:#fff; border-radius:5px;  padding:3px 22px 5px 22px;  transition: all 0.7s ease 0s;}

.header_signin_button a:hover{background:#f49c00; color:#fff;}

.menu_bar{padding:5px 0 0 0; vertical-align:middle;}

.menu_bar a span{color: #4c4d4f !important;}

.menu_bar a span:hover{color: #4c4d4f !important;}



.contBtn{color:#4c4d4f !important; font-size:21px !important; padding:3px 16.5px 4px 16.5px !important; font-family: 'SourceSansPro-Regular'; /*margin-top:4px;*/}

.contBtn:hover{ text-decoration:none; background:#f49c00; color:#fff !important; padding:0px 16.5px 4px 16.5px !important; margin-top:3px; font-family: 'SourceSansPro-Regular';}



.signBtn{color:#4c4d4f;  border-radius:5px;  padding:0.2rem 0.8rem 0rem 1rem !important; transition: all 0.7s ease 0s; font-size:21px !important;/*margin-top:4px;*/ border:none !important; margin-top: -2px; font-family: 'SourceSansPro-Regular';}

.signBtn:hover{ /*background:#f49c00;*/ color:#23527c !important; font-family: 'SourceSansPro-Regular';}



.tl-servicesMenu {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    color: #4c4d4f;
    font-size: 16px;
    left: 0;
    padding: 7px 0 12px;
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 999;
}



.tl-servicesMenu ul{ margin:0 ; padding:0; list-style:none;}

.tl-servicesMenu ul li{ margin:0 35px 0 0; display:inline-block;}

.tl-servicesMenu ul li a img{ /*width:22px; height:22px;*/ margin-right:5px;-webkit-filter: grayscale(1); opacity:100;filter: grayscale(1);

 -webkit-transition: all .6s ease;opacity:0.9;} 

.tl-servicesMenu ul li a:hover img{filter: grayscale(0%);-webkit-filter: grayscale(0%);filter: none; opacity:100;  transition: all 0.6s ease 0s;}

.tl-servicesMenu ul li a{ color:#010101; font-size:16px;}

.tl-servicesMenu ul li a:hover{ text-decoration:none;}

.main-nav-link{ 
    background: rgba(0, 0, 0, 0) url("../img/arw.png") no-repeat scroll 87px 9px; color: #4c4d4f; display: inline-block; font-family: "SourceSansPro-Regular"; width: 32%; font-size:21px; line-height:20px;}

.main-nav-link-up{color:#4c4d4f; background:url(../img/arw_up.png) no-repeat 87px 8px; display:inline-block; width:38%;font-family: 'SourceSansPro-Regular'; font-size:21px; line-height:20px;}

.main-nav-link_arw2{color:#4c4d4f; background:url(../img/arrw02.png) no-repeat 87px 8px; display:inline-block; width:38%;font-family: 'SourceSansPro-Regular'; font-size:21px; line-height:20px;}

.main-nav-link:hover{color:#23527c !important; text-decoration:none; }
a.main-nav-link:hover{color:#23527c !important; text-decoration:none; }
.main-nav-link-up:hover{color:#23527c !important; text-decoration:none; }
.main-nav-link_arw2:hover{color:#23527c !important; text-decoration:none;}

.left-menu{float:left; width:22%;}

.menu-left{font-family:"SourceSansPro-Regular";margin-left:3px; font-size:21px;}
.menu-left:hover{ color:#23527c;}

.tl-allhover-box{background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;transition: all 0.7s ease 0s;}

.header-nobg{ background:none !important;transition: all 0.7s ease 0s;}

.icon-list h4{
	padding-left:65px;
	background:#2c3e50;
	/*padding:7px;*/
	padding-top:3px;
	padding-bottom:6px;
	color: #728aa2;
	margin-top:0px !important;
	font-size:21px !important;
	margin-bottom:0px !important;
	font-family:"SourceSansPro-Regular" !important;
	font-weight:normal;
}
.menu-lojo {
    color: #728aa2;
    float: left;
    left: 65px;
    position: absolute;
    top: 15px;
}
/*.header_top {
    color: #4c4d4f;
    font-size:20px !important;
    font-weight: normal;
}*/
.menu-button i{
	font-size:20px !important;
}



/* ========================================== edit ============================================= */

.left-menu{
	float:left;
}
.left-menu button{
	background:none;
	border:none;
}
.right-menu{
	text-align:right;
}
#banner-section h2{
	font-size: 50px;
    font-weight: 800;
    text-shadow: 5px 5px 10px #000000;
    padding:240px 0 140px;
    text-align:center;
    font-family: "Montserrat", Sans-serif;
    color:#fff !important;
}
#main-contant-support{
	padding:0px 0 110px 0;
}
.support-heading{
	font-family: "Montserrat", Sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #fff;
}

.support-div a{
	color:#4c4c4c;
	outline:none;
}
.support-div a:hover{
	text-decoration:none;
}
.breadcrumb{
	background:none !important;
	padding:0px !important;
}
.breadcrumb ul{
	padding:0px !important;
}
.breadcrumb ul li{
	display:inline-block;
	list-style-type:none;
	padding:3px 2px;
	font-size:14px;
	font-family: "Conv_SourceSansPro-Light";
	font-style:italic;
}
.breadcrumb ul li a:hover{
	text-decoration:none;
}
.client-contact {
    padding-left: 37.3px !important;
    padding-right: 8px !important;
}


/* =============================================== footer =========================================== */

.footer{margin:0px; padding:18px 0px 5px 0px; background:#2c3e50; font-family: 'Conv_SourceSansPro-ExtraLight'; font-style:italic; color:#fff;}

.footer h1{text-align:center; font-size:24px; font-family: 'Conv_SourceSansPro-Light'; font-weight:normal;}

.footer_newsletter{margin:26px 0 0 0px; padding:20px 30px 20px 30px; height:152px; background:#1f2b38; border-radius:8px; float:left; width:100%;}

.footer_newsletter h1{margin-top:0px; padding-top:0px; text-align:left; font-size:22px;}

.newsletter_form{width:72%; outline:none; border-radius:8px; margin:5% 2% 0 0; border:none;  font-family: 'SourceSansPro-Regular'; color:#666; font-size:21px; padding:2px 10px;}

.newsletter_submitbtn{width:25%; outline:none; border-radius:8px; background:#e75243; border:none; font-style:normal; font-family: 'SourceSansPro-Regular'; font-size:21px; padding:2px 0px;}

.footer_newsletter ul{margin:0px; padding:0px;list-style:none;}

.footer_newsletter ul li{ float:left;}

.footer_newsletter ul li a{text-decoration:none; color:#fff; display:inline-block; border:solid 2px #fff; border-radius:5px; padding:5px 0px; margin:10px 15px 0 0px; width:50px; height:50px; text-align:center;}

.footer_newsletter i{font-size:35px;}

.footer_newsletter form{
	padding-top:17px;
}

.footer_bottom_part{margin:50px 0 0 0px; border-top:solid 2px #fff; padding:5px 0 10px 0px; font-size:15px; color:#fff; font-family: 'SourceSansPro-Regular'; font-style:normal; text-align:center;}

.footer_bottom_part a{color:#fff;transition: all 0.7s ease 0s;}

.footer_bottom_part a:hover{color:#d5d5d5; text-decoration:none;transition: all 0.7s ease 0s;}

.footer_newsletter ul li a.fb:hover { background:#3b5a99; border:2px #3b5a99 solid; transition: all 0.7s ease 0s;}

.footer_newsletter ul li a.tw:hover { background:#29a9e1; border:2px #29a9e1 solid; transition: all 0.7s ease 0s;}

.footer_newsletter ul li a.link:hover { background:#117bb8; border:2px #117bb8 solid; transition: all 0.7s ease 0s;}

.footer_newsletter ul li a.you:hover { background:#cb322e; border:2px #cb322e solid; transition: all 0.7s ease 0s;}

.footer_newsletter ul li a.tm:hover { background:#34465D; border:2px #34465D solid; transition: all 0.7s ease 0s;}

.footer_newsletter ul li a.insta:hover { background:#125688; border:2px #125688 solid; transition: all 0.7s ease 0s;}

.marketting_service_part a{ text-decoration:none !important; background:none; border-radius:none !important; padding:0 !important; color:#222; font-family: 'Conv_SourceSansPro-Light'; font-size:30px; }

.marketting_service_part a p:hover{ color:#202020;}

.footer_newsletter .widget_wysija .wysija-submit {background: #e75243 none repeat scroll 0 0; border: medium none; border-radius: 8px; font-family: "SourceSansPro-Regular"; font-size: 15px; font-style: normal; margin: 0; outline: medium none; padding: 5px 10px; position: relative; right: -372px;top: -41px; color:#fff; }
.footer_newsletter .widget_wysija .wysija-paragraph .wysija-input { background: #fff none repeat scroll 0 0; border: 0 none; border-radius: 4px; color: #666; font-family: "SourceSansPro-Regular"; font-size: 21px; height: 30px; padding: 3px 10px; width: 358px;
}

.container{
	padding:0px !important;
}



@media (min-width:320px) and (max-width : 660px){

	.footer h1{ font-size:18px;}
	.footer_newsletter ul li a{margin-right:8px;}
	/*.support img{
		width:23%;
	}*/
	.support-div h4 {
		font-size: 17px;
		font-weight: normal;
    }

}


@media screen and (max-width : 768px){
	.footer_newsletter{ height:auto !important;}

	.footer_newsletter .widget_wysija .wysija-paragraph{ width:100% !important;}
	
	.footer_newsletter .widget_wysija .wysija-paragraph .wysija-input{ width:100% !important;}
	
	.footer_newsletter .widget_wysija .wysija-submit{ top:0 !important; right:0 !important;}
	
	.footer_newsletter .widget_wysija .wysija-submit:hover{ opacity:0.8 !important; color:#d4d4d4 !important;}
	
	.footer_newsletter ul li a{ width:30px; height:30px;}

    .footer_newsletter i{ font-size:15px;}

    .main-nav-list{
		display:none;
	}
	.menu-left{
		display:none;
	}
	.menu-wrap {
       width: 300px !important;
     }
	 .logo img {
      height: auto;
       width: 97%;
     }
	 .signBtn {
		font-size: 14px !important;
		margin-top: 0;
		padding: 2px !important;
     }
	 .contBtn {
		font-size: 14px !important;
		padding: 2px 6px !important;
     }
	 .contBtn:hover {
		font-size: 14px !important;
		padding: 2px 6px !important;
     }
	 .header_top {
       padding: 0;
     }
	 .logo {
		margin-top: 18px;
		text-align: left;
      }
	  .menu_bar {
         padding-top: 18px;
      }
	  .header_top .container {
         padding-bottom: 2px;
      }
	  .footer_newsletter ul li a {
        padding: 2px 0;
      }
	  .container{
		  padding-left:15px !important;
		  padding-right:15px !important;
	}

}


@media (min-width:769px) and (max-width : 1199px){

.footer_newsletter{ height:auto !important;}

.footer_newsletter .widget_wysija .wysija-paragraph{ width:100% !important;}

.footer_newsletter .widget_wysija .wysija-paragraph .wysija-input{ width:100% !important;}

.footer_newsletter .widget_wysija .wysija-submit{ top:0 !important; right:0 !important;}

/*.news_room_text{ height:auto;}*/

.lojonews_room_part a{ font-size:22px;}

/*.banner_text{ margin-top:-184px;}*/
	
.footer_newsletter ul li a{ width:40px; height:40px;}

.footer_newsletter i{ font-size:20px;}
.signBtn {
    font-size: 14px !important;
    margin-top: 0;
    padding: 2px !important;
}
.contBtn {
    font-size: 14px !important;
    margin-top: 0;
}
.main-nav-link {
    width: 39% !important;
}

}

.admn-menu-001 .navbar-main .dropdown-menu > li > a:hover, .admn-menu-001 .dropdown-menu > li > a:focus{background-color: #3369a9;}
.admn-menu-001 .navbar-main{background-color: #3369a9;}
.admn-menu-001 .breadcrumb {
    background: none !important;
    padding: 0px !important;
    max-width: 80%;
    float: left;
    width: 100%;
    margin: 0;
}
.admn-menu-001 .breadcrumb>.active {
    color: #5bc0de;
}
.admn-menu-001 .breadcrumb li a{color:#fff !important;line-height:38px;}
.admn-menu-001 .breadcrumb li{color:#fff !important;line-height:38px;}
.admn-menu-001 .navbar-default .navbar-collapse, .admn-menu-001 .navbar-default .navbar-form {
    border-color: #e7e7e7;
    width: auto;
    float: right;
}
.tiles {
    margin: 15px 0;
}
.dtl-frm{padding:40px 0 !important;}
.form-horizontal .control-label{text-align:left !important;}


/******* New Site ***********/

 
.icon-bar-outer {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}
.header-contact-no .fa {
    position: relative;
    right: 13px;
    font-family: 'FontAwesome';
    font-weight: normal;
}
.header-top-part .menu-button{ color:#fff;}
.header-top-part .menu-button:hover{color:#fff;}
.header-top-part .menu-button:focus{outline:none;}
.header-top-part .menu-button .menu-left:hover{color:#fff;}

.show-menu .menu-wrap{background:#010508;}

.show-menu .icon-list a:hover{color: #fff;background: #196db6;}
.icon-list h4{background: #000;}

.support-div .support-heading{ color: #fff !important;}
.support-div a img{ border-radius:11px;} 
.support-div h4{color:#0091e2; font-family: "Montserrat", Sans-serif; font-weight: normal;}

#main-contant-support h2{color:#0091e2; font-family: "Montserrat", Sans-serif !important;}
#main-contant-support h6{color:#0091e2; font-family: "Montserrat", Sans-serif !important; font-size: 16px;}

.site-footer-right-section .widget .widget-title{padding:0px 21% 0 21%;}
.site-footer-left-section a:hover{color:#fff;}

/******* 18-9-19 ***********/
.icon-list ul li a{transform: none !important;}
.icon-list, .icon-list a{transform: none !important;}
.menu-wrap {
    overflow-y: inherit !important;
    width: 358px !important;
    padding: 126px 0 0 0px !important;
    background: #010508 !important;
}
.icon-list ul {
    background: none !important;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.9);
}
.icon-list ul li a{
    position: relative;
    margin-bottom: 2px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 15px !important;
    padding-left: 40px !important;
    background: #031321 !important;
    color: #0091e2 !important;
    font-family: "Montserrat", Sans-serif;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 500;
    border: 0px !important;
}
.icon-list ul li a:hover{
    color: #fff !important;
    background: #196db6 !important;
}
.icon-list h4{
    background: #010508 !important;
    font-size: 16px !important;
    color: #fff !important;
    font-family: "Roboto", Sans-serif !important;
    font-weight: normal !important;
    margin:0 !important;
    padding: 15px 15px 15px 40px !important;
    
}
.icon-list .dropdown-toggle::after{
    content: none !important;
}
.icon-list .caret {
    border: 0;
    height: 20px;
    width: 4px;
    float: right;
    font-size: 14px;
    margin-left: 2px;
    background: none !important;
}
.icon-list .caret::before {
    content: "\f105";
    border: 0;
    font-family: 'FontAwesome';
}

.icon-list .dropdown-menu {
    position: absolute;
    width: 310px;
    padding: 0;
    border-radius: 0;
    border: 0px;
    background: #010508;
    box-shadow: none;
    float: none;
    margin-top: -1px;
    left: -90px;
    top: 0;
    z-index: -1;
    -webkit-transform: translate3d(-358px,0,0);
    transform: translate3d(-358px,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    display: block;
    background: #010508 !important;
}
.icon-list .open > .dropdown-menu {
    -webkit-transform: translate3d(358px,0,0);
    transform: translate3d(358px,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
        transition-timing-function: ease;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    left: 0px;
    top: 0;
}
.icon-list .dropdown-menu > li > a {
    color: #0091E2;
    position: relative;
    line-height: 20px;
    margin-bottom: 2px;
    padding: 15px 15px !important;
    background: #031321;
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}
.icon-list .dropdown-menu > li > a:hover, .icon-list .dropdown-menu > li > a:focus {
    color: #fff !important;
    background: #196db6 !important;
}
.support-div {
    padding: 40px 0;
}

a.lojo-newsletter-btn {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #fff;
    background-color: #000b1e;
    padding: 15px 30px 15px 30px;
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    box-shadow: 0px 0px 10px 0px rgba(0,145,226,0.5);
    margin-left: 175px;
    transition: all 0.2s ease-in-out;
}
a.lojo-newsletter-btn:hover {
    color: #fff;
    background: #0091e2;
    text-decoration:none;
}
a.lojo-newsletter-btn .fa-arrow-circle-right::before {
    content: "\f0a9";
    font-family: "FontAwesome";
}
.site-footer-right-section .widget .widget-title{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.header-top-part .menu-button {
    color: #fff;
    font-weight: 300 !important;
    width: 94px;
}
.menu-left {
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    font-size: 21px;
    font-family: "Roboto", Sans-serif;
    line-height: 20px;
    font-weight: 300 !important;
}
.lojo-logo-part {
    max-width: 200px;
}
.lojo-logo-part img {
    width: 100% !important;
}
.header-top-part{
    background: url('../images/header-bg-repeat.jpg') repeat !important;
    padding: 20px 0 !important;
}
.header-contact .header-contact-no {
    font-size: 21px;
    color: #fff;
    font-family: "Roboto", Sans-serif;
    font-weight: 300 !important;
    transition: all 0.5s ease-in-out 0s;
}
.header-contact .header-contact-no:hover{
    color: #0091e2;
    text-decoration: none;
}
.header-contact .header-contact-no i {
    margin-right: 0px !important;
}
.menu_bar{position: relative; z-index: 9999;}
.menu-wrap{z-index: 999 !important;}

.header-top-part .menu-button.menu-button-close .fa-reorder::before{content: "\f00d";}
.header-top-part .menu-button{transition: all 0.5s ease-in-out;}

.tiles .container {
    padding: 0 15px !important;
}
.dataTables_wrapper{
    max-width: 1140px;
    margin: 20px auto;
    border-radius: 0px;
}
#Secondary_Navbar-Account .dropdown-toggle::after{
    content: none;
}
.alert-warning{
    max-width: 1140px;
    margin: 20px auto;
}
.alert-success{
    max-width: 1140px;
    margin: 20px auto;
}
.alert-info{
    max-width: 1140px;
    margin: 20px auto;
}

.lojo-body form {
    max-width: 1140px;
    margin: 0 auto 40px;
    background: #fff;
    padding: 20px;
}
.lojo-body .btn-group{
    display: block;
    text-align: center;
}
.lojo-body .btn-group .btn {
    display: inline-block;
    vertical-align: top;
    float: none;
}
.lojo-body h2{
    max-width: 1140px;
    color: #fff;
}
#order-boxes {
    max-width: 1170px;
    margin: 20px auto !important;
    padding: 0 15px 40px !important;
}
#order-boxes p {
    color: #fff;
}
#order-boxes form p{
    color: #000;
}
select.form-control:not([size]):not([multiple]) {
    height: auto;
}
.fa, .fab, .fal, .far, .fas{font-family: FontAwesome;}
div.header-lined small{color: #fff;}
.support-div a:hover{text-decoration:none;}
.listtable {
    width: 60%;
    padding: 40px 0;
}
.dataTables_wrapper .dataTables_filter label {
    padding: 0px 6px 0px;
    margin: 6px 0 0;
}
@media screen and (max-width : 1199px){
    .support-div h4{min-height: 42px;}
}
@media screen and (max-width : 768px){
    .header-contact .header-contact-no{font-size: 0; margin-right: -15px;}
    .header-contact .header-contact-no i{font-size: 21px !important;}
    .footer-inner-sections .col-xs-12 { width: 100% !important; max-width:100% !important; flex: 0 0 100%;}
    .footer-inner-sections .col-sm-6 { width: 100% !important; max-width:100% !important; flex: 0 0 100%;}
    .footer-inner-sections::before{content: none !important;}
    .site-footer-right-section .widget .widget-title {padding: 0px 0;}
    a.lojo-newsletter-btn{margin: 0 auto;}
    .support-div .col-xs-6 { width: 50% !important; max-width: 50% !important;}
    .menu_bar {padding-top: 5px;}
    .header-contact{padding-top: 5px;}
    .header-top-part .menu-button{width: auto;}
    .menu-left {display: none;}
    .icon-list .dropdown-menu {
        -webkit-transform: translate3d(0px,0px,0) !important;
        transform: translate3d(0px,0px,0) !important;
        left: 0;
        opacity: 0;
    }
     .icon-list .open .dropdown-menu {opacity: 1;}
     .icon-list .open .dropdown-menu{
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .icon-list .dropdown-menu > li > a{padding: 15px 15px 15px 60px !important;}
    .icon-list .dropdown-menu{margin-bottom: 0px !important; z-index: 1;}
    .icon-list .caret::before{content: "\f107";}
    .menu-wrap{padding-top: 86px !important;}
    
}
@media screen and (max-width : 575px){
    .support-div .col-xs-6 { width: 100% !important; max-width: 100% !important;}
    .header-top-part{padding: 10px 0 !important;}
    .menu_bar {padding-top: 0px;}
    .header-contact{padding-top: 0px;}
}
/*@media screen and (max-height : 690px){
    .show-menu .menu-wrap{overflow-y: scroll !important;}
}*/

/*21-10-19*/
.support-div a img{border-radius: 0; max-width: 100%;}
.support{transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.support:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
.support:hover>a{box-shadow: 0px 0px 10px 5px rgba(22,93,155,0.2);}
.support-div a{display:block;}
.support-div h4{padding: 10px 0 20px; font-size: 16px; margin: 0;}
.lojo-body form .container {
    max-width: 1170px;
    width: 100%;
}
/*.navbar > .container {
    padding: 0 !important;
}*/
.dtl-frm h3 {
    color: #fff;
}
#order-boxes > p {
    padding: 0 15px;
}
.header-lined {
    padding: 0 15px;
}
#order-boxes .secure-warning {
    margin: 20px 15px 20px;
}
#order-boxes{max-width: 1200px;}
a:focus, a:hover {
    text-decoration: none;
}
.header-col-4{
    width: 33.30%;
    float: left;
    margin: 0 !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

@media screen and (max-width : 1199px){
    .lojo-body form { max-width: 960px;}
    .dataTables_wrapper { max-width: 960px;}
    #order-boxes {max-width: 1020px;}
    .support-div h4 { min-height: 70px;}
}
@media screen and (max-width : 991px){
    .lojo-body form { max-width: 720px;}
    .dataTables_wrapper { max-width: 720px;}
    .alert-success { max-width: 720px;}
    #order-boxes {max-width: 780px;}
    .support-div h4 { word-wrap: break-word;}
    .header-col-4{width: 33%;}
}
@media screen and (max-width : 767px){
    .lojo-body form { max-width: 510px;}
    .dataTables_wrapper { max-width: 510px;}
    .alert-success { max-width: 510px;}
    #order-boxes {max-width: 560px;}
    .listtable {width: 100%;}
    .tiles{max-width: 545px;}
    .dataTables_wrapper .dataTables_paginate{float: none; width: 100%; box-sizing: border-box;}
    .dataTables_wrapper .dataTables_length {float: none; padding: 0 0 20px;}
    .tiles { margin: 15px auto;max-width: 510px;}
    .admin-sec-main-area .col-sm-3 {flex: 0 0 100%; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; max-width: 100%;}
    .admin-sec-main-area .col-sm-9{flex: 0 0 100%; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; max-width: 100%;}
    .admin-sec-main-area .col-sm-6{flex: 0 0 100%; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; max-width: 100%;}
}
@media screen and (max-width : 575px){
    #banner-section h2{font-size: 30px; padding: 100px 0 50px;}
    #order-boxes .secure-warning {margin: 20px 0px 20px;}
    .support-div h4 {min-height: auto;}
    .support-div a {display: block; max-width: 200px;}
    .tiles { margin: 15px; max-width: 100%;}
    .lojo-body form { max-width: 100%; width: 100%;}
    .pull-left {float: none!important;}
    .header-lined {padding: 0 0px;}
}

form h2{ color: #000 !important;}



/* Menu Button */

/*.menu-button {

	position:fixed;

	z-index: 1000;

	margin: 1em;

	padding: 0;

	width: 2.5em;

	height: 2.25em;

	border: none;

	text-indent: 2.5em;

	font-size: 1.5em;

	color: transparent;

	background: transparent;

	left:27%;

	top:3px;

	display:block !important;

}*/



.menu-button{

	  background:none;

     border: medium none;
	 padding:0px;

    /*color: transparent;*/

	/* height: 2.25em;*/

	/* width:30px;*/

	

	}



/*.menu-button::before {

	position: absolute;

	top: 0.5em;

	right: 0.5em;

	bottom: 0.5em;

	left: 0.5em;

	background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);

	content: '';

	

}*/



.menu-button:hover {

	/*opacity: 0.6;*/
	color:#23527c;

}



/* Close Button */

.close-button {

	width: 1em;

	height: 1em;

	position: absolute;

	right: 1em;

	top: 1em;

	overflow: hidden;

	text-indent: 1em;

	font-size: 0.75em;

	border: none;

	background: transparent;

	color: transparent;

}



.close-button::before,

.close-button::after {

	content: '';

	position: absolute;

	width: 3px;

	height: 100%;

	top: 0;

	left: 50%;

	background: #bdc3c7;

}



.close-button::before {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}



.close-button::after {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



/* Menu */

.menu-wrap {

	position: absolute;

	z-index:9999999999;

	width: 405px; 

	height: 100%;

	background: #2c3e50;

	padding:60px 0 0 0px;

	font-size:21px;

	-webkit-transform: translate3d(-320px,0,0);

	transform: translate3d(-320px,0,0);

	-webkit-transition: -webkit-transform 0.4s;

	transition: transform 0.4s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);font-family: 'SourceSansPro-Regular';

	display:block !important; position:fixed;

	left:-86px;

	overflow-y:scroll;
	
    top:0;
}



.menu, 

.icon-list {

	height: 100%;

}



.icon-list {

	-webkit-transform: translate3d(0,100%,0);

	transform: translate3d(0,100%,0);

}



.icon-list ul{margin:0px 0 30px 0px; padding:0px; background:#40576d;}

.icon-list ul li{list-style:none;}

.icon-list ul li span{background:#000;}

.icon-list ul li a{display: block; padding:6px 0 6px 65px; -webkit-transform: translate3d(0,500px,0); transform: translate3d(0,500px,0);}









.icon-list a {

	display: block;

	padding:10px 0 10px 55px;

	-webkit-transform: translate3d(0,500px,0);

	transform: translate3d(0,500px,0);

}



.icon-list,

.icon-list a {

	-webkit-transition: -webkit-transform 0s 0.4s;

	transition: transform 0s 0.4s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1); color:#fff;

}



.icon-list a:nth-child(2) {

	-webkit-transform: translate3d(0,1000px,0);

	transform: translate3d(0,1000px,0);

}



.icon-list a:nth-child(3) {

	-webkit-transform: translate3d(0,1500px,0);

	transform: translate3d(0,1500px,0);

}



.icon-list a:nth-child(4) {

	-webkit-transform: translate3d(0,2000px,0);

	transform: translate3d(0,2000px,0);

}



.icon-list a:nth-child(5) {

	-webkit-transform: translate3d(0,2500px,0);

	transform: translate3d(0,2500px,0);

}



.icon-list a:nth-child(6) {

	-webkit-transform: translate3d(0,3000px,0);

	transform: translate3d(0,3000px,0);

}



.icon-list a span {

	margin-left: 10px; font-size:21px;

	/*font-weight: 700;*/

}



.icon-list p{padding:0px 0px 0px 65px; background:#2c3e50; margin:-30px 0 3px 0px; color:#728aa2;}



.icon-list i{margin: 0 0 0 12px;}



.icon-list img{width:6%; margin:0 8px 0 3px;}



/* Shown menu */

.show-menu .menu-wrap {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	-webkit-transition: -webkit-transform 0.8s;

	transition: transform 0.8s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	position:fixed;

	left:0px;

	top:0px;

}



.show-menu .icon-list,

.show-menu .icon-list a {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	-webkit-transition: -webkit-transform 0.8s;

	transition: transform 0.8s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	color:#fff; border-bottom:solid 1px #2c3e50; font-size:16px; text-decoration:none;

	

}



.show-menu .icon-list a {

	-webkit-transition-duration: 0.9s;

	transition-duration: 0.9s;

}



.show-menu .content::before {

	opacity: 1;

	-webkit-transition: opacity 0.8s;

	transition: opacity 0.8s;

	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	transition-timing-function: cubic-bezier(0.7,0,0.3,1);

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}





@media (min-width:320px) and (max-width : 640px){

.show-menu .icon-list, .show-menu .icon-list a{ font-size:14px;}

.icon-list h4{ font-size:17px;}	

	

	

	

}