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

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

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

/* ======= General Styles ======= */

html,
body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #24273a;
    background-color: #fff;
}

p {
    font-family: "Roboto", sans-serif;
    color: #6e6e6e;
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
.navbar-main,
section#header .logo-text,
button {
    font-family: "Roboto", sans-serif;
}

/*Links & Buttons*/

a,
a.btn,
.btn {    
    font-weight: 500;
    display: inline-block;
    color: #24273a;
    transition: .5s;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: #FD9139;
    outline: 0;
}

.opent {
    padding: 1px;
    background: #24273a;
    display: inline-block;
    border-radius: 50px;
    transition: .5s;
    width: 27%;
    min-width: 140px;
}

.opent-full{
	width: 100%;
	margin: 30px 0px;
}

.opent:hover {
    background: #fff;
}

button,
input[type="submit"],
input[type="reset"],
.btn.btn-default {
    height: 50px;
    width: 100%;
    color: #fff;
    border-radius: 50px;
    transition: .5s;
    background-color: transparent;
    border: 1px dashed #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 35px;
}

button:hover,
input[type="submit"]:hover {
    outline: 0;
    border: 1px dashed #24273a;
    color: #24273a;
}

button:focus,
button:active,
input[type="submit"]:focus,
input[type="submit"]:active {
    outline: 0;
    border: 1px dashed #FD9139;
    color: #FD9139;
    text-decoration: none;
}

.btn.btn-sm,
.btn.btn-default,
.btn.btn-primary,
.btn.btn-warning{
	background: #24273a;
	color: #fff;
	border:0;
}

.btn.btn-sm:focus,
.btn.btn-sm:hover,
.btn.btn-sm:active,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning:active{
	background: #FD9139;
	outline: 0;
}

/*Form*/

.form-control,
.has-warning .form-control {
    border: 1px solid #f6f6f6;
    -webkit-box-shadow: inset 0 0px 0px;
    box-shadow: inset 0 0px 0px;
    height: 40px;
    border-radius: 50px;
    background: #f6f6f6;
}

.form-control:focus,
.has-warning .form-control:focus {
    outline: 0;
    border: none;
    box-shadow: inset 0 0px 0px;
    /*background: #f6f6f6;*/
    color: #24273a;
    border-bottom: 3px solid #FD9139;
}

.form-control::-webkit-input-placeholder {
    color: #777;
}
.form-control:focus::-webkit-input-placeholder {
    color: #fff;
}

textarea.form-control {
    resize: vertical;
    border-radius: 15px;
}

.form-horizontal .form-group{
	margin: 0px;
	margin-bottom: 15px;
}

input[type="submit"],
input[type="reset"]{
	background: #24273a;
	color: #fff !important;
	font-size: 13px !important;
    font-weight: 600;
    letter-spacing: 1px;
    border: 1px solid #24273a !important;
}

input[type="submit"]:hover,
input[type="submit"]:focus{
	background: #FD9139;
	border: 1px solid #FD9139 !important;
}

.dataTables_wrapper .dataTables_filter label .form-control{
	color: #24273a;
}

/*Title*/

.title {
    display: block;
    margin-bottom: 30px;
}

.header-lined .title h3 {
    margin: 0px;
    margin-bottom: 10px;
}

.header-lined .title p {
    font-size: 16px;
}

.header-lined .title hr {
    width: 100%;
}

div.header-lined h1 {
    color: #122b40;
    padding: 15px;
    border: none;
    position: relative;
    background-color: #f6f6f6;
    border-radius: 4px;
    font-size: 22px;
    line-height: 26px;
}


/*breadcrumb*/

div.header-lined .breadcrumb{
	display: block;
    overflow: hidden;
    width: 100%;
    background: #f6f6f6;
    margin: 0;
    margin-top: 0px;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 30px;
}

div.header-lined .breadcrumb li a{
	color: #777;
}

div.header-lined .breadcrumb>.active{
	color: #FD9139;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
    letter-spacing: 1px;
}

/*General*/

.fa {
    font-size: 12px;
}

.color {
    color: #FD9139;
}

hr {
    height: 3px !important;
    border: 0;
    border-radius: 15px;
    background-image: linear-gradient(to right, #24273a 0%, #24273a 50%, #FD9139 50%, #FD9139 100%);
    display: block;
    margin: 20px 0px;
    margin-bottom: 0px;
    width: 25%;
}

.section-padding {
    padding: 100px 0px;
}

.no-padding {
    padding: 0px;
}

.no-margin {
    margin: 0px !important;
}

.overflow{
	overflow: hidden !important;
}

.main-content {
    margin-bottom: 0px;
    min-height: 300px;
}

section#main-body {
    margin: 0;
    padding: 60px 0;
    min-height: 350px;
    background-color: #fff;
}


/* ======= Preloader ======= */

#preloader {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999999;
    margin-top: 0px;
    top: 0px;
    text-align: center;
}

#preloader p {
    position: absolute;
    top: 40%;
    left: 43%;
    font-weight: bold;
    color: #24273a;
}

.preloader {
    position: absolute;
    top: 50%;
    left: 50%;
}

.preload-3 {
    position: relative;
}

.preload-3:before,
.preload-3:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.preload-3:before {
    background: #FD9139;
    animation: preload-3-1 1.5s infinite ease-in-out;
}

.preload-3:after {
    background: #24273a;
    left: 22px;
    animation: preload-3-2 1.5s infinite ease-in-out;
}

@keyframes preload-3-1 {
    0%,
    100% {
        transform: translateX(0) rotate(0);
    }
    50% {
        transform: translateX(50px) scale(1.2) rotate(260deg);
        border-radius: 0;
    }
}

@keyframes preload-3-2 {
    0%,
    100% {
        transform: translateX(0) rotate(0);
    }
    50% {
        transform: translateX(-50px) scale(1.2) rotate(-260deg);
        border-radius: 0;
    }
}




/* ======= Header ======= */
section#header{
	padding: 30px 0px;
	box-shadow: 0px 2px 10px #F5F5F5;
	border-bottom: 1px solid #f5f5f5;
}

ul.top-nav>li>a,
ul.top-nav>li:active>a{
	color: #24273a;
}

ul.top-nav>li>a:hover,
ul.top-nav>li:active>a:hover{
	color: #FD9139;
}

ul.top-nav>li.primary-action>a.btn{
	background: #24273a;
	border-radius: 50px;
	border: 0px;
}

ul.top-nav>li.primary-action>a.btn:hover{
	background: #FD9139;
	border: 0px;
}

ul.top-nav>li>a.btn-logged-in-admin {
    margin-left: 5px;
    font-size: 13px;
    background: #24273a;
    border-radius: 50px;
    color: #fff;
}

section#header .logo {
    margin-top: 5px;
    display: inline-block;
}

section#header .logo img {
    margin: 0;
    max-height: 80px;   /* adjust to taste */
    width: auto;
    float: left;
    margin-right: 10px;
    padding-top: 0;
}

section#header .logo h3 {
    display: none; /* hide text logo if using image logo */
}


/* ======= Navbar ======= */

.navbar-main{
	background: #ffffff;
	padding: 20px 0px 15px 0px;
	border-bottom: 1px solid #f5f5f5;
	border-radius: 0px;
}

.navbar-main .navbar-nav>li>a {
    color: #24273a;
    padding-right: 30px;
    padding-left: 0px;
}


.navbar-main .navbar-nav>.open>a,
.navbar-main .navbar-nav>.open>a:focus,
.navbar-main .navbar-nav>.open>a:hover,
.navbar-main .navbar-nav>li>a:hover,
.navbar-main .navbar-nav>li>a:focus{
	color: #FD9139;
	background-color: transparent;
}

.navbar-main .navbar-nav.navbar-right>li>a{
    padding-right: 0px;
    padding-left: 30px;
	
}

.navbar-main li.account {
    background-color: #FD9139;
    border-radius: 50px;
}

.navbar-main .navbar-nav.navbar-right>li.account>a {
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
}

/*Dropdown Menus*/

.navbar-nav>li>.dropdown-menu {
    border: 0;
    border-radius: 0;
    border-top: 2px solid #FD9139;
    margin-top: 16px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    padding: 10px 0px;
}

.navbar-nav>li>.dropdown-menu>li>a {
    text-align: left;
    padding: 10px 15px;
    font-weight: 500;
    color: #6e6e6e;
}

.navbar-main .navbar-nav .dropdown-menu>li>a:focus,
.navbar-main .navbar-nav .dropdown-menu>li>a:hover {
    color: #FD9139;
    background-color: #fff
}

.open{
	display: block;
}

/* ======= home-banner ======= */
section#home-banner{
	background-image: url(../img/slider/slider.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 100px 0px;
}

section#home-banner p {
    color: #fff;
}

section#home-banner form {
    background: rgba(255, 255, 255, .2);
    padding: 3%;
    border-radius: 50px;
    display: block;
    border: 1px solid #777B86;
    color: #24273a;
    margin: 30px 0px;
    width: 100%;
}

section#home-banner .form-group {
    width: 59%;
}

section#home-banner .form-control{
    height: 50px;
    width: 100%;
    border-radius: 50px;
}

section#home-banner .opent {
    width: 20%;
}

section#home-banner .btn.search,
section#home-banner .btn.transfer{
	background: transparent;
	border-radius: 50px;
	font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    border: 1px dashed #fff !important;
    color: #fff !important;
}

section#home-banner .opent.search-btn{
	background: #FD9139;
}

section#home-banner.opent:hover,
section#home-banner .opent.search-btn:hover {
    background: #fff;
}

section#home-banner .btn.search:hover,
section#home-banner .btn.transfer:hover {
    outline: 0;
    border: 1px dashed #24273a !important;
    color: #24273a !important;
}

/* ======= Home Shortcuts ======= */

.home-shortcuts{
	background: #FD9139;
	color: #fff;
	padding: 10px 0px;
}

.home-shortcuts .lead {
    line-height: 63px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: left;
}

.home-shortcuts p,
.home-shortcuts a{
	color: #fff;
}

.home-shortcuts li,
.home-shortcuts li:first-child{
	border-color: #fff;
}

/* ======= Announcement ======= */

div.announcement-single h3{
	margin: 0px;
}

div.announcement-single h3 a{
	font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    display: block;
    text-transform: initial;
    letter-spacing: 0px;
}

div.announcement-single .label.label-default{
	background: #FD9139;
	display: inline-block;
	margin: 0;
}

div.announcement-single blockquote{
	padding: 0px;
    margin: 0;
    border: 0px;
    margin-top: 15px;
}

div.announcement-single a.label.label-warning.btn{
	display: inline-block;
    padding: 15px 30px;
    border-radius: 50px;
    margin-top: 30px;
}

/* ======= Open Ticket ======= */

#open-ticket {
    background: #FD9139;
    color: #fff;
    padding: 50px 0px;
}

#open-ticket p {
    color: #fff;
}

#open-ticket .opent {
    margin-top: 20px;
}

#open-ticket .opent:hover {
    background: #fff;
}

#open-ticket img {
    margin-top: -15px;
}

#ticket-form .modal-dialog {
    width: 100%;
    max-width: none;
}

#ticket-form hr {
    margin-bottom: 50px;
}

#ticket-form .opent {
    margin-bottom: 15px;
    width: 27%;
}


/* ======= Footer ======= */

#footer {
    background: #24273a;
    color: #fff;
    padding-bottom: 0px;
}

#footer p {
    color: #fff;
}

#footer hr {
    background-image: linear-gradient(to right, #fff 0%, #fff 50%, #FD9139 50%, #FD9139 100%);
    width: 100%;
}

#footer .title {
    margin-bottom: 50px;
    display: block;
}


/*Support*/

.support {
    height: 190px;
    background-image: url(../img/footer/support.png);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 40px;
}


/*Footer Buttons*/

#footer .opent {
    background: #fff;
}

#footer button {
    border: 1px dashed #24273a;
    color: #24273a;
}

#footer .opent:hover {
    background: #FD9139;
}

#footer button:hover {
    outline: 0;
    border: 1px dashed #fff;
    color: #fff;
}

#footer button:active,
#footer button:focus {
    border: 1px dashed #FD9139;
    color: #FD9139;
    background: #fff;
}


/*MainFooter*/

.footer {
    margin-top: 50px;
}


/*Newsletters*/

.footer .form-control {
    background-color: transparent;
    border: 1px solid #3E4259;
    border-radius: 50px;
    height: 40px;
    padding: 10px;
    margin-bottom: 30px;
    color: #fff;
}

.footer button {
    margin-right: 0px;
}


/*Contact Us*/

address span {
    padding-right: 15px;
}

address p {
    margin-bottom: 30px;
}


/*Service Links*/

.service-links {
    overflow: hidden;
}

.links {
    float: left;
}

.links a {
    color: #fff;
    margin-bottom: 30px;
}

.links a:hover {
    color: #FD9139;
}

.links a span {
    padding-right: 15px;
}


/*Copyright*/

.copyright p {
    margin-bottom: 0px;
    padding-bottom: 50px;
}


/*Social Links*/

#social-ft a {
    padding: 20px 0px 0px 0px;
    width: 100%;
    color: #fff;
    font-size: 24px;
}

#social-ft a .fa {
    font-size: 22px;
}

#social-ft .col-xs-2 {
    padding: 0px;
    height: 61px;
}

.facebook {
    background: #3B5997;
}

.twitter {
    background: #54ABEE;
}

.google {
    background: #DE4B39;
}

.linkedin {
    background: #0A76B4;
}

.dribbble {
    background: #EA4C89;
}

.wordpress {
    background: #2C97C3;
}

/*Single knowledgebase*/
.kb-article-title a.btn-link.btn-print i.fa{
	font-size: 18px;
}

.btn-link:focus, .btn-link:hover{
	color: #FD9139;
	text-decoration: none;
}

.kb-rate-article button{
	padding: 0;
	height: auto;
	width: auto;
	border: 0;
	line-height: 40px;
	padding-left: 30px;
}

/*dit Account Details*/
.edit-account-btn input[type="submit"],
.edit-account-btn input[type="reset"],
.edit-account-btn a.btn{
	width: auto;
	min-width: 170px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.edit-account-btn input[type="reset"],
.edit-account-btn a.btn{
	background: #f6f6f6;
	color: #24273a !important;
	border-color: #f6f6f6 !important;
	height: 50px;
    border-radius: 50px;
    transition: .5s;
    line-height: 35px;
}

/*Rigester Domain*/
.domain-checker-container{
	background-color: #24273a
}


/*Cart*/

.view-cart-tabs{
	margin-top: 30px !important;
}

#order-standard_cart .empty-cart{
	margin-right: 0 !important;
}

.view-cart-tabs .btn,
#order-standard_cart .empty-cart .btn{
	background-color: #24273a !important;
	color: #fff;
	border-style: dotted;
}

.view-cart-tabs .btn:hover,
#order-standard_cart .empty-cart .btn:hover{
	background: #FD9139 !important;
	border-style: dotted;
}

#order-standard_cart .view-cart-items-header{
	background: #FD9139 !important;
	color: #fff !important;
	font-weight: 600;
}

#order-standard_cart .btn-checkout{
	background: #FD9139 !important;
	border-color: #FD9139 !important;
	color: #fff !important;
	font-weight: 600;
}


.client-home-panels .panel>.panel-heading .panel-title .btn {
    color: #fff;
    border: 0;
    height: auto;
    font-size: 11px;
    padding: 5px;
    border-radius: 5px;
    line-height: inherit;
}

.client-home-panels input[type="submit"]{
	height: auto;
    min-width: auto;
    padding: 0px 15px;
    width: auto;
}

.nd-products { margin-top: 10px; }
.nd-product { text-align: center; margin-bottom: 35px; }

.nd-product-link {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 10px 8px;
  border-radius: 8px;
}

.nd-product-link:hover,
.nd-product-link:focus {
  text-decoration: none;
  background: rgba(0,0,0,0.03);
}

.nd-icon {
  width: 92px;
  height: 92px;
  margin: 0 auto 14px;
  border: 2px dashed #f7931e;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nd-icon i { font-size: 34px; color: #f7931e; }

.nd-product h4 {
  margin: 0 0 8px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.nd-product p {
  margin: 0 auto;
  max-width: 320px;
  color: #666;
  line-height: 1.5;
}