:root {
--primary-color: #0d1e67;
--secondary-color: #007bfc;
--title-color: #142149;
--tertiry-color: #5e7290;
--white-color: #ffffff;
--gray-color: #f2f5fe;
}
/*======================================
 Font
======================================*/
@font-face { font-family: 'TeXGyreAdventor-Regular'; font-style: normal; font-weight: normal; src: url('../fonts/texgyreadventor-regular-webfont.woff'), url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'); }
@font-face { font-family: 'TeXGyreAdventor-Italic'; font-style: normal; font-weight: normal; src: url('../fonts/texgyreadventor-italic-webfont.woff'), url('../fonts/texgyreadventor-italic-webfont.woff') format('woff'); }
@font-face { font-family: 'TeXGyreAdventor-Bold'; font-style: normal; font-weight: normal; src: url('../fonts/texgyreadventor-bold-webfont.woff'), url('../fonts/texgyreadventor-bold-webfont.woff') format('woff'); }
@font-face { font-family: 'TeXGyreAdventor-BoldItalic'; font-style: normal; font-weight: normal; src: url('../fonts/texgyreadventor-bolditalic-webfont.woff'), url('../fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'); }

/*---------------------------------------------------------------------
General
-----------------------------------------------------------------------*/
*::-moz-selection { background: var(--primary-color); color: var(--white-color); text-shadow: none; }
::-moz-selection { background: var(--primary-color); color: var(--white-color); text-shadow: none; }
::selection { background: var(--primary-color); color: var(--white-color); text-shadow: none; }
html, body { overflow: inherit !important; }
body { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: normal; line-height: 2; color: var(--tertiry-color); background: var(--white-color); overflow-x: hidden; }
a, .button { transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; color: #59597e; }
a:focus { text-decoration: none !important; }
a, .button, input { outline: medium none !important; color: var(--secondary-color); }
h1, h2, h3, h4, h5, h6 {font-family: 'TeXGyreAdventor-Bold', sans-serif; color: var(--title-color); margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 1.5; font-weight: 800; letter-spacing: 1px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 3.052em; }
h2 { font-size: 2.441em; }
h3 { font-size: 1.953em; }
h4 { font-size: 1.563em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1em; }
.container{ max-width: 1200px; }

.form-control::-moz-placeholder{color:var(--tertiry-color);opacity:1}
.form-control:-ms-input-placeholder{color:var(--tertiry-color);}
.form-control::-webkit-input-placeholder{color:var(--tertiry-color);}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small
    {color: var(--tertiry-color)}
div.header-lined .breadcrumb li a,.announcement-single .article-items{
color: var(--tertiry-color)}
.btn:focus{outline-width:0!important;background-color: var(--secondary-color);}
a {color: var(--secondary-color); text-decoration: none; outline: none; }
a:focus, a:hover {color: var(--secondary-color);text-decoration: none;}
button {color: var(--primary-color);}
.form-control{margin-bottom: 15px;
width: 100%;
float: left;
padding: 0 15px;
height: 51px;
line-height: 48px;
border: 1px solid #eeeeee;
color: #59597e;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: none;
background: transparent;}
.form-control:focus, .form-control:focus {border-color: var(--secondary-color);box-shadow: none;}
textarea.form-control {height: 130px;}
.btn-success {color: var(--white-color);background-color: #409f40;border-color: #409f40;opacity: 1 !important;}

.btn-primary, .btn-warning {
background-color: var(--secondary-color);
border-color: var(--secondary-color);
color: var(--white-color);
cursor: pointer;
margin-bottom: 0;
text-decoration: none;
height: auto;
padding: 10px 30px;
font-size: 1em;
line-height: 2;
border: none;
position: relative;
display: inline-block;
width: auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor: pointer;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.btn-primary {
color: var(--white-color);
background-color: var(--secondary-color);
border-color: var(--secondary-color);
}
.btn-primary:hover {
color: var(--white-color);
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-primary:active:focus, .btn-primary:active:hover{
	background-color: var(--secondary-color);
}
.btn-warning {background-color: #f0ad4e;
border-color: #eea236;}
.iq-btn-cancel{    padding: 10px 30px;
    font-size: 1em;
    line-height: 2;
    border-radius: 10px;}

/*Main Nav*/
.navbar{margin-bottom: 0px;}
.navbar-default {background-color: #ffffff;border-color: #ffffff;}
.navbar-header.fixed-brand{width:200px}
.navbar-header.fixed-brand{width:200px}
.navbar-header.fixed-brand  .logo.logo-text{display:block;
font-size:24px;
line-height:70px;
text-transform:uppercase;
color:var(--primary-color);
padding:0 10px;
cursor:pointer;
font-weight:700;
text-decoration:none}
.navbar-header.fixed-brand .logo-text{padding-left: 0px;}

/*Main Wrapper*/
#iq-wrapper{padding-left:200px;}
#iq-wrapper{padding-left: 200px;
    position: relative;
    padding-bottom: 70px;
    z-index: 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}

/*#iq-wrapper.toggled{padding-left:200px;overflow:hidden}
#iq-wrapper.toggled #iq-sidebar-wrapper{width:200px}
#iq-wrapper.toggled #page-content-wrapper{position:relative;margin-right:0}*/

#header .container-fluid{padding-right: 0px;}
#header .navbar-toggle{margin:0;border:none;padding:27px 0 28px;background-color:transparent}
#header .navbar-toggle:hover,#header .navbar-toggle:focus{background-color:transparent}
.navbar-toggle .icon-bar{width:20px;height:3px;background-color: var(--primary-color) !important ;border-radius:0}
.navbar-toggle .icon-bar+.icon-bar{margin-top:3px}


/*---------------------------------------------------------------------
Sidebar
-----------------------------------------------------------------------*/
#iq-sidebar-wrapper{    
position:absolute;left:200px;margin-left:-200px;
overflow-y:auto;background:var(--white-color);-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;
padding-top:0px;z-index:1;width:0;height:100%;
    overflow: inherit;
    overflow-x: hidden;
    overflow-y: scroll;}
#iq-sidebar-wrapper .collapse ul, #iq-sidebar-wrapper .collapse
{width:100%;float:left;}
#iq-sidebar-wrapper .navbar-collapse.collapse{padding:0px;}
#iq-sidebar-wrapper .collapse > .navbar-nav{text-align: center;margin-top:0px;}
#iq-sidebar-wrapper .collapse > .navbar-nav:before{
content: "";
position: absolute;
top: 0;
left: auto;
right: auto;
width: 100%;
height: 2px;
background: var(--gray-color);
margin: 0 auto;
}
#iq-sidebar-wrapper .collapse > .navbar-nav:after {
content: "";
position: absolute;
top: 0;
left: auto;
right: 0;
width: 2px;
height: 100%;
background: var(--gray-color);
margin: 0 auto;
}
#iq-sidebar-wrapper .collapse > .navbar-nav > li{position: relative;
white-space: nowrap; width:200px;
list-style-type: none;
}
#iq-sidebar-wrapper .collapse > .navbar-nav > li:hover i {
color: var(--white-color);
}
#iq-sidebar-wrapper .collapse > .navbar-nav > li:first-child{margin-top: 15px;}
#iq-sidebar-wrapper .collapse > .navbar-nav > li > a > span {
margin: 0 55px 10px 55px;
flex-direction: column;
position: relative;
font-size: 16px;
padding: 0;
display: -ms-flexbox;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
border-radius: 20px;
text-transform: capitalize;
background: var(--gray-color);
transition: all .3s ease-in-out;
white-space: nowrap;
display: block;
color: #535f6b;
position: relative;
height: 55px;
width: 55px;
line-height: 55px;     
}
#iq-sidebar-wrapper .collapse > .navbar-nav > li > a > span:hover,
#iq-sidebar-wrapper .collapse > .navbar-nav > li > a > span:focus{border: none; outline: none;
}
#iq-sidebar-wrapper .sidenav-icons{width: 50px;
margin: 0 auto;
display: inherit;}
#iq-sidebar-wrapper .collapse .navbar-nav > li > a:hover .sidenav-icons i{color: var(--white-color);}
#iq-sidebar-wrapper .sidenav-icons i {
background: transparent;
color: var(--secondary-color);
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
border-radius: 5px;
font-size: 20px;
margin: 0 0 8px;}
#iq-sidebar-wrapper .collapse .navbar-nav > li a .fa{font-size:16px}
#iq-sidebar-wrapper .collapse .navbar-nav > li.dropdown .dropdown-menu{    position: relative;
background-color: var(--white-color);
padding: 0px;
border-radius: 0;
border: 1px solid rgb(245 246 249);
-webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);}
#iq-sidebar-wrapper .collapse .navbar-nav > li.dropdown .dropdown-menu > li > a{    margin: 0 0px;
font-size: 12px;
line-height: 30px;
color: var(--tertiry-color);
float: left;
padding: 0;
width: 100%;
padding: 5px 20px; text-align: center;}
#iq-sidebar-wrapper .dropdown-menu>li>a:focus,#iq-sidebar-wrapper .navbar-main .dropdown-menu>li>a:hover {
text-decoration: none;
color: var(--white-color);
background-color: var(--secondary-color);
box-shadow: 0 16px 23px 0 rgba(71, 136 ,255,0.4);
}
#iq-sidebar-wrapper .collapse .navbar-nav > li:hover a span{
background: var(--secondary-color);
color: var(--white-color);
box-shadow: 0 16px 23px 0 rgba(71, 136 ,255,0.4);
}
#iq-sidebar-wrapper .collapse .navbar-nav > li > a:active:before,#iq-sidebar-wrapper .nav .open>a:before,#iq-sidebar-wrapper .nav .open>a:focus:before,#iq-sidebar-wrapper .nav .open>a:hover:before{
display: none;    position:absolute;content:"";width:3px;height:100%;background:#1abc9c;left:0;top:0}
#iq-sidebar-wrapper .collapse .navbar-nav > li.dropdown .dropdown-menu > li > a:hover,
#iq-sidebar-wrapper .collapse .navbar-nav > li.dropdown .dropdown-menu > li > a:active,
#iq-sidebar-wrapper .collapse .navbar-nav > li.dropdown .dropdown-menu > li > a:focus{    background-color: var(--secondary-color);
color: var(--white-color) !important;}
#iq-sidebar-wrapper .collapse .navbar-nav > li > .dropdown-menu li > a{position:relative}
#iq-sidebar-wrapper .collapse .navbar-nav > li > .dropdown-menu li > a:before,#iq-sidebar-wrapper .collapse .navbar-nav > li .dropdown-menu > li > a:after{content:'';position:absolute;transition:transform .5s ease}
#iq-sidebar-wrapper .collapse .navbar-nav > li > .dropdown-menu li > a:before{display: none; left:0;bottom:0;width:100%;height:2px;background:var(--secondary-color);transform:scaleX(0);top:auto}
#iq-sidebar-wrapper .collapse .navbar-nav > li > .dropdown-menu li > a:hover:before{transform:scaleX(1)}
#iq-sidebar-wrapper .navbar-nav>li>a:focus, #iq-sidebar-wrapper .navbar-nav>li>a:hover {
color: var(--primary-color); background-color: transparent !important;}
#iq-sidebar-wrapper .nav .open>a, #iq-sidebar-wrapper .nav .open>a:focus,#iq-sidebar-wrapper .nav .open>a:hover{
color: var(--primary-color); background: transparent;}
#iq-sidebar-wrapper .navbar-nav>li>a {color: var(--tertiry-color);}
#iq-sidebar-wrapper .navbar-nav>li>a:focus, #iq-sidebar-wrapper .navbar-main .navbar-nav>li>a:hover {
color: var(--tertiry-color);background-color: var(--primary-color);}

/*---------------------------------------------------------------------
Scrollbar
-----------------------------------------------------------------------*/
/* width */
::-webkit-scrollbar {width: 4px;}

/* Track */
::-webkit-scrollbar-track {border-radius: 0px;background: var(--gray-color);}

/* Handle */
::-webkit-scrollbar-thumb {background: var(--secondary-color);border-radius: 0px;}

/*---------------------------------------------------------------------
page-content-wrapper Css
-----------------------------------------------------------------------*/
#page-content-wrapper{position:absolute;padding:15px;
width:100%;
overflow:hidden;
background: var(--white-color);
border-top: 2px solid var(--gray-color);}
.xyz{min-width:360px}
#page-content-wrapper > .container-fluid{padding:0}

/*---------------------------------------------------------------------
Home-shortcuts
-----------------------------------------------------------------------*/
.home-shortcuts {/*ackground: transparent; margin-top: 30px;*/ background: var(--white-color); margin-top: 30px;
-webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); 
border-radius: 10px 10px 0px 0px;
border-bottom: 1px solid var(--gray-color);}
.home-shortcuts li i {font-size: 36px;margin-bottom: 10px;}
.home-shortcuts li{padding: 30px 3px;}
.home-shortcuts li:first-child{border: none;}
.home-shortcuts li{border: none;margin-right: 0px;background: var(--white-color);}
.home-shortcuts li i {
font-size: 36px;
margin-bottom: 10px;
color: var(--secondary-color);}
.home-shortcuts li p {margin: 2px 0 0;text-transform: uppercase;color: var(--primary-color);}
.home-shortcuts .lead {
color: var(--primary-color);
padding: 30px 0px;
font-size: 30px;
margin-top: 10px;
font-weight: 800;}

/*---------------------------------------------------------------------
Section Css
-----------------------------------------------------------------------*/
section#main-body {border-radius: 0px 0px 0px;-webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
padding: 20px 15px;}
section#home-banner{background-color: var(--primary-color); border-radius: 10px;
-webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);}
section#footer{background-color: var(--white-color);box-shadow: 0 16px 40px 0 rgba(0,0,0,.0392157);
border-radius: 0px 0px 10px 10px; border-top: none;border-top: 1px solid var(--gray-color);
padding: 20px 35px}
section#footer p {color: var(--primary-color);
font-size: 16px; line-height: 26px;padding-top: 6px;}
#header{padding: 0px;}
section#home-banner .form-control{border: 1px solid #f1f1f1;
border-radius: 10px 0px 0px 10px;height: 60px;}
section#home-banner h2{color: #ffffff !important; margin-bottom: 20px; border-radius: 10px;}

.main-content {margin-bottom: 10px;padding: 0 35px;}

/*---------------------------------------------------------------------
Header Css
-----------------------------------------------------------------------*/
#header .nav-divider{display:none;}

#header .top-nav{margin:0}
#header .top-nav.pull-left{margin-left:30px}
#header .top-nav #Secondary_Navbar-Account{margin-left:20px;}
#header .top-nav #Secondary_Navbar-Account > a{background:var(--primary-color);
padding:0 30px 0 85px;line-height:73px;color:#fff;position:relative;font-size:16px;min-width:200px}
#header .top-nav #Secondary_Navbar-Account > a:before{content:"\f2bd";position:absolute;
left:35px;top:0;height:40px;
width:40px;font-family:'Font Awesome 5 Pro';font-weight:900;
font-size:40px}
#header .top-nav #Secondary_Navbar-Account .dropdown-menu{left:auto;right:0;
border-radius:0 0 4px 4px;border:none;padding:0px;min-width:200px;
margin:0;            -webkit-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);}
#header .top-nav #Secondary_Navbar-Account .dropdown-menu li a{
font-size: 14px;
position: relative;
float: left;
padding: 10px 30px;
width: 100%;}
#header .top-nav #Secondary_Navbar-Account .dropdown-menu li a:hover,#header .top-nav #Secondary_Navbar-Account .dropdown-menu li a:active,#header .top-nav #Secondary_Navbar-Account .dropdown-menu li a:focus{
background-color: var(--secondary-color);
color: var(--white-color);}
#header .top-nav #Secondary_Navbar-Account .dropdown-menu li a:before,#header .top-nav #Secondary_Navbar-Account .dropdown-menu li a:after{
display: none; content:'';position:absolute;transition:transform .5s ease}
#header .top-nav #Secondary_Navbar-Account .dropdown-menu li a:before{left:0;bottom:2px;width:100%;height:1px;background:var(--secondary-color);transform:scaleX(0)}
#header .top-nav #Secondary_Navbar-Account .dropdown-menu li a:hover:before{transform:scaleX(1)}
#header .top-nav > li > a{padding:0 10px;line-height:70px;color:var(--tertiry-color);background: transparent;}
#header .top-nav > li > a:hover{color:#4788ff}
#header .top-nav li a .fas{font-size:16px}
#header .top-nav > li > a#languageChooser{color:var(--primary-color);}
#header .top-nav > li > a#accountNotifications .label-info{background-color:#1abc9c;position:absolute;top:7px;left:20px;border-radius:4px;padding:0 5px;line-height:14px;font-size:10px}

/*---------------------------------------------------------------------
Annoucement Single Css
-----------------------------------------------------------------------*/
div.announcement-single {
margin: 0 0 20px 0;
background: var(--gray-color);
width: 100%;
float: left;
padding: 30px;
border-radius: 10px;
border: 1px solid #f1f1f1;
}
div.announcement-single blockquote{margin: 30px 0px 0px;}
div.announcement-single .label{
margin-right: 10px;
background-color: var(--primary-color);
border-radius: 3px;
}
div.announcement-single .label:hover {
background-color: var(--secondary-color);
}
.announcement-single p{color: var(--tertiry-color);}

/*Search*/
section#home-banner .btn.search {
background-color: var(--secondary-color);
height: 60px;}
section#home-banner .tooltip-inner {background-color: var(--secondary-color);}
section#home-banner .tooltip.left .tooltip-arrow {border-left-color: var(--secondary-color);}
section#home-banner .btn.transfer{
background-color: var(--white-color);
height: 60px;
border-radius: 0px 10px 10px 0px;
color: var(--primary-color);}
.iq-temp-none{display: none !important;}

/*---------------------------------------------------------------------
Log in Form
-----------------------------------------------------------------------*/
.logincontainer{     overflow: hidden;
box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06);   background-color: #fff;
padding: 30px;
border-radius: 10px;
}
.logincontainer .header-lined h1{background-color: var(--gray-color);
margin: -30px -30px 30px;
padding: 20px;
border-radius: 8px 8px 0px 0px;
font-size: 30px;
border: none;
position: relative;
text-align: center; font-weight: bold;}
.logincontainer .header-lined h1:before{display: none;}
.logincontainer .form-group label{color:#151f3a;margin-bottom: 8px;}
.logincontainer .btn-primary,.login-form a.btn.btn-default {
margin-right: 15px;
color: var(--white-color);
background: var(--secondary-color);
cursor: pointer;
margin-bottom: 0;
text-decoration: none;
height: auto;
padding: 10px 30px;
font-size: 1em;
line-height: 2;
border: none;
position: relative;
display: inline-block;
width: auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor: pointer;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.login-form input#login:hover{background-color: var(--primary-color);
border-color: var(--primary-color);}
.login-form a.btn.btn-default{  padding: 0;
    background: transparent;
    color: var(--primary-color);
    text-decoration: underline;}
.login-form a.btn.btn-default:hover{
 color: var(--secondary-color);}

/*---------------------------------------------------------------------
Sign up Form
-----------------------------------------------------------------------*/
#registration .prepend-icon .field-icon {
height: 51px;
line-height: 51px;}
#registration .field, #registration .form-control{
margin-bottom: 15px;
width: 100%;
float: left;
padding: 0 15px;
height: 51px;
line-height: 48px;
border: 1px solid #eeeeee;
color: #59597e;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: none;
}
#registration .form-control:focus,#registration .input:focus,
#registration .form-control:hover{border-color: var(--secondary-color);box-shadow: none;}
#registration input#inputPhone{padding-left: 76px;}
div.header-lined .breadcrumb>.active {color: var(--secondary-color);}
#registration .sub-heading span {color: var(--secondary-color);top: -17px;}
#registration .intl-tel-input.separate-dial-code .selected-flag {
background-color: rgb(242 245 254);border-radius: 10px 0px 0px 10px;}
#registration .marketing-email-optin {
background-color: var(--gray-color);
border-radius: 10px;}
#registration .btn-primary{padding: 10px 30px;
font-size: 1em;
line-height: 2;
border-radius: 10px;}
#registration .btn-primary:hover{background-color: var(--primary-color);
border-color: var(--primary-color);}
.password-strength-meter .progress{background-color: var(--gray-color);}

div.header-lined h1 {
border-bottom: 1px solid var(--gray-color); font-size: 2.441em;
font-weight: bold;}
#registration .sub-heading {
height: 0;
border-top: 1px solid var(--gray-color); }

/*title css*/
div.header-lined h1{text-align: center; color: var(--primary-color);}
div.header-lined .breadcrumb{text-align: center;}
.iq-news-title{margin-bottom: 20px;}

/*---------------------------------------------------------------------
Panel Css
-----------------------------------------------------------------------*/
.panel{border-radius: 10px;}
.panel-sidebar {
z-index: 0;
position: relative;}
.panel-sidebar>.panel-heading {
color: var(--primary-color);
background-color: var(--gray-color);
border-bottom: 1px solid #eee;}
.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: var(--secondary-color);
border-color: var(--secondary-color);}
.panel-default>.panel-heading {
color: var(--primary-color);
border-color: var(--gray-color);
background-color: var(--gray-color);
border-radius: 10px 10px 0px 0px;}
.panel-footer {
padding: 10px 15px;
background-color: var(--gray-color);
border-top: 1px solid var(--gray-color);
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.panel-default {border-color: #eeeeee;}
.panel-body{background: var(--dark-menu);padding: 20px 15px;}

/*---------------------------------------------------------------------
List Group Css
-----------------------------------------------------------------------*/
a.list-group-item, button.list-group-item {color: var(--primary-color);}
a.list-group-item:hover{background-color: var(--gray-color);}

/*---------------------------------------------------------------------
catagory_box css
-----------------------------------------------------------------------*/
.iq-main-box .catagory_box{padding: 25px 25px 15px;
background: var(--gray-color);
margin-top: 10px;
margin-bottom: 10px; border-radius: 10px;}
.iq-main-box{ position: relative;  }
.iq-main-box input{margin-bottom: 15px; height: 51px !important; 
border-radius: 10px 0px 0px 10px !important; }
.iq-main-box    .kb-search>.input-group-btn>.btn{border-radius: 0 10px 10px 0 !important;}
.iq-main-box .catagory_box .kbarticles {padding: 0 0 0px 0;}

/*---------------------------------------------------------------------
Transfer & Register Domain Css
-----------------------------------------------------------------------*/
#order-standard_cart .form-control{margin-bottom: 0px !important;
width: 100% !important;
float: left !important;
padding: 0 15px !important;
height: 51px !important;
line-height: 48px !important;
border: 1px solid #eeeeee !important;
color: #59597e !important;
transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-webkit-border-radius: 10px !important;
-moz-border-radius: 10px !important;
border-radius: 10px !important;
box-shadow: none !important;
}
#order-standard_cart .form-control:focus, #order-standard_cart .form-control:hover {
border-color: var(--primary-color) !important;
box-shadow: none !important;
}
#order-standard_cart h2{font-size: 28px;line-height: 38px}
#order-standard_cart p{color: var(--tertiry-color);}
.domain-checker-container .input-group-box input#inputDomain{
border-radius: 10px 0px 0px 10px !important;
height: 46px !important;
line-height: 46px !important;
}
.domain-checker-container .input-group-btn .domain-check-availability{
    border: 2px solid var(--secondary-color);}
.domain-checker-container .input-group-btn .domain-check-availability:hover{
background: var(--white-color);
color: var(--primary-color);   
}
/*---------------------------------------------------------------------
Review n Checkout
-----------------------------------------------------------------------*/
#order-standard_cart .view-cart-items-header {
background-color: var(--primary-color) !important;}
#order-standard_cart .order-summary h2{background: #5cb85c !important;
color: #ffffff !important;}
#order-standard_cart .view-cart-tabs .nav-tabs>li.active>a {
background-color: #f2f5fe !important;;}
#order-standard_cart .view-cart-tabs .tab-content {
background-color: #f2f5fe !important;;}
#order-standard_cart .summary-container {
background-color: #f2f5fe !important;padding: 25px !important;}
#order-standard_cart .order-summary{border-bottom: 3px solid #5cb85c !important;}
#order-standard_cart .order-summary .btn-continue-shopping {
color: var(--primary-color) !important;}
#order-standard_cart .view-cart-tabs button.btn.btn-block{
    background: var(--primary-color);
color: var(--white-color); margin-top: 10px;}
#order-standard_cart .view-cart-tabs .tab-content>.tab-pane {
padding: 15px !important;}

#order-standard_cart .sub-heading span{color: var(--secondary-color) !important;}
#order-standard_cart .btn.btn-primary.btn-lg{margin-top: 30px;}
#order-standard_cart .panel-addon .panel-price {background-color: var(--gray-color) !important;}
#order-standard_cart label {color: var(--tertiry-color) !important;}
#order-standard_cart .sub-heading {border-top: 1px solid #eeeeee !important;}
#order-standard_cart .empty-cart .btn{background-color: var(--primary-color) !important;}
#order-standard_cart #btnAlreadyRegistered {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
#order-standard_cart input#inputPhone{padding-left: 76px !important;}
#order-standard_cart .view-cart-items{border-bottom: 2px solid var(--secondary-color) !important;}
.intl-tel-input.separate-dial-code .selected-flag {
    background-color: var(--gray-color);
}
.marketing-email-optin{background-color: var(--gray-color);}
/*---------------------------------------------------------------------
Register Domain
-----------------------------------------------------------------------*/
.domain-pricing .tld-pricing-header div:nth-child(odd) {
border-color: var(--primary-color);
background-color: var(--primary-color) !important;
color: var(--white-color);
}
.domain-promo-box {background-color: var(--gray-color) !important;
margin-top: 30px !important;    border: 1px solid #eeeeee !important;
    color: var(--primary-color) !important;
    border-radius: 10px !important;}
.domain-promo-box p {color: var(--primary-color);}
.domain-pricing .tld-pricing-header .col-xs-4 {
border-bottom: 6px solid var(--primary-color);
background-color: var(--primary-color);}
.domain-pricing .tld-row.highlighted {background: var(--gray-color);}
.domain-promo-box h3 {font-size: 24px; line-height: 34px;
font-weight: 800 !important; margin-bottom: 15px !important;
}
.domain-checker-bg{background-image: none; }
.domain-checker-container{background: -webkit-linear-gradient(top,#0d1e67,#0d1e67);}
.tld-filters a{padding: 15px; border-radius: 10px;}
.featured-tld .price.com {
    background-color: var(--secondary-color);}
.domain-pricing h4{margin-bottom: 15px;}
#order-standard_cart  .btn-add-to-cart{font-size: 16px; margin-left: 10px;}
/*---------------------------------------------------------------------
Back to top css
-----------------------------------------------------------------------*/
section#footer .back-to-top i {
padding: 15px;
background-color: var(--secondary-color);
color: var(--white-color);
border-radius: 10px;
opacity: 1;}
section#footer .back-to-top i:hover{
background: var(--white-color);
color: var(--secondary-color);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
/*---------------------------------------------------------------------
Domain box css
-----------------------------------------------------------------------*/
.spotlight-tlds{background-color: var(--gray-color) !important;}
.spotlight-tld{height: 140px !important;color: var(--primary-color) !important;
border: 1px solid #eeeeee !important;}
.spotlight-tld .btn:not(.domain-contact-support){
background-color: var(--primary-color) !important;
border-color: var(--primary-color) !important;
}

/*-------++++++++++++++*/
.btn-default:hover {
color: var(--primary-color);
background-color: var(--gray-color);
border-color: var(--gray-color);
}
input[type=checkbox], input[type=radio] {
margin: 8px 0 0;}
.md-editor .md-footer{
display: block;
padding: 6px 4px;
background: #fafbfe;}
.domain-checker-container .input-group-box{    padding: 10px;
    background-color: var(--gray-color);}

/*Preiview button*/
div.md-editor .btn-primary{    padding: 0px 10px;
font-size: inherit;
line-height: inherit;
border: inherit;    
border-radius: inherit;
 border-radius: 3px;}

/*testing article css*/
.kb-article-title h2 {margin: 0;font-size: 36px;line-height: 46px;}

div.header-lined .breadcrumb{font-size: 16px;line-height: 26px;}

section#home-banner .form-control::-webkit-input-placeholder{color:var(--white-color);}
/*---------------------------------------------------------------------
Responsive Css
-----------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	#iq-sidebar-wrapper {width: 100px;}
	#iq-wrapper {padding-left: 100px;left: 100px;margin-left: -100px;}
	#page-content-wrapper{padding-left: 130px !important;}
	#iq-sidebar-wrapper .collapse > ul > li > a > span {margin: 0 auto 10px !important;text-align: center;}
	section#main-body{padding-left: 0px;}
	section#footer{padding-left: 0px;}
}

@media screen and (max-width: 1199px) {
	.fixed-brand{    float: none;
    text-align: center;
    width: auto !important; background: var(--gray-color);}
    #page-content-wrapper {padding-left: 230px !important;}
	section#home-banner h2 {font-size: 30px;line-height: 40px; padding: 0px;}
	.home-shortcuts .lead{font-size: 18px; line-height: 28px;padding: 45px 0px;}

	#header{float:left;width:100%;padding:0;background: var(--white-color)}
	#header .nav.navbar-nav{float:left!important;width:50px;margin-top: 9px;}
	#header .nav.navbar-nav > li{float:left!important}
	#header .nav.navbar-nav > li .navbar-toggle{padding:17px 15px 13px;}
}

@media screen and (max-width: 1024px) {
	section#home-banner h2 {font-size: 28px;line-height: 40px;}
}

@media (min-width: 768px) {
     #iq-wrapper{position:relative;padding-bottom:0px;z-index:0;}
	#iq-sidebar-wrapper{width:200px; }
	#page-content-wrapper{padding:30px;position:relative;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}

	#iq-wrapper.toggled{padding-left:0}
	#iq-wrapper.toggled #iq-sidebar-wrapper{width:200px}
	#iq-wrapper.iq-toggled #iq-sidebar-wrapper{/*width:50px;*/ width: 0px;}
	#iq-wrapper.iq-toggled #iq-sidebar-wrapper:hover{width:200px}
	#page-content-wrapper{padding:30px;position:relative;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
	#iq-wrapper.toggled #page-content-wrapper{position:relative;margin-right:0;padding-left:200px}
	#iq-wrapper.iq-toggled #page-content-wrapper{position:relative;margin-right:0;margin-left:-200px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;width:auto}	
}

@media screen and (max-width: 1199px) {
	#iq-wrapper{width:100%;float:left;padding-left:0px;padding-bottom:0}
	#iq-sidebar-wrapper .collapse > ul > li > a{padding:14px 0}
	#iq-sidebar-wrapper .collapse > ul > li{float:left}

	#menu-toggle{display:none}
	#iq-wrapper.iq-toggled #iq-sidebar-wrapper{width:200px}
	#iq-wrapper.iq-toggled #page-content-wrapper{margin-left:0}
}
@media screen and (max-width: 991px) {
	 #iq-wrapper{padding-left:0px !important;}
	.navbar-header.fixed-brand {
	    float: none;
	    text-align: center;
	    width: auto !important;
	    background: var(--gray-color);
	}
	#iq-sidebar-wrapper{width: 0px; padding-top:0;}
	#iq-sidebar-wrapper .collapse > ul > li{float:left}

	section#main-menu .navbar-main {
	margin-bottom: 0;
	background-color: var(--primary-color);}

	#menu-toggle{display:none}
	#iq-wrapper.iq-toggled #iq-sidebar-wrapper{width:200px}
	#iq-wrapper.iq-toggled #page-content-wrapper{margin-left:0}

	#page-content-wrapper {padding-left: 30px !important;}
	section#main-body {padding-left: 15px;}
	section#main-body .container-fluid{padding: 0px;}
	#iq-sidebar-wrapper {background: var(--white-color);}
	section#footer {padding-left: 15px;}
 

	#header{float:left;width:100%;padding:0;background: var(--white-color);
        }
	#header .nav.navbar-nav{float:left!important;width:50px;margin-top: 18px;}
	#header .nav.navbar-nav > li{float:left!important}
	#header .nav.navbar-nav > li .navbar-toggle{padding:10px 15px}
	#header .top-nav > li > a{line-height: 70px}
	#header .top-nav.pull-left > li:first-child > a{margin-top:2px}

	.main-content{padding: 0px 15px;}

	ul.nav.navbar-nav.navbar-right {display: none;}
	#iq-sidebar-wrapper{    background: #ffffff;z-index: 999;}
	section#main-menu .navbar-main .navbar-toggle {float: left;}
	#page-content-wrapper {left: 0px;}
	.navbar-main .navbar-nav>li>a {padding: 10px 20px;}
	.navbar-collapse.collapse {display: block!important;}}

@media screen and (max-width: 767px) {
    #header{border-bottom: 2px solid var(--gray-color);}
	.navbar {padding: 0px;position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    display: inline-block;
    z-index: 999;
    }
    #iq-sidebar-wrapper{position:fixed;margin-top: 144px; height: 100vh;    padding-bottom: 144px}
	#iq-sidebar-wrapper .collapse > ul{margin-left:0;margin-right:0}
	

	#page-content-wrapper{margin-top:142px;
	padding-top: 30px;}
	#page-content-wrapper {padding-left: 15px !important;}
	section#main-body {padding-left: 15px;}
	section#footer {padding-left: 15px;}
	section#home-banner h2 {font-size: 24px;line-height: 34px;}
	.navbar-default .logo{text-align: center;background: var(--gray-color);}

	.domain-checker-container .input-group-box {padding: 10px;}
  	.domain-checker-container .input-group-box .input-group-btn .btn{display: block;
  	border-radius: 10px;height: 46px !important;}
	.domain-checker-container .input-group-box input#inputDomain{border-radius: 10px!important;
	 margin-bottom: 10px !important;}


     #iq-wrapper {padding-left: 0px !important;}
}

@media screen and (max-width: 479px) {
    .navbar-header.fixed-brand .logo.logo-text{line-height: 52px;}
    #iq-wrapper{padding-left:0}
    #iq-wrapper.iq-toggled #iq-sidebar-wrapper{width:200px}
	#iq-sidebar-wrapper{width:0}
	#iq-sidebar-wrapper .collapse > ul > li > a{padding:10px 0}
	#iq-sidebar-wrapper .collapse > ul > li{width:200px}
	#iq-sidebar-wrapper .collapse ul li.dropdown .dropdown-menu li a{font-size:12px;line-height:24px}
	#iq-sidebar-wrapper .collapse ul li.dropdown .dropdown-menu{padding:10px 20px}
	#iq-sidebar-wrapper .sidenav-icons{width:45px}

    #page-content-wrapper {margin-top: 102px;}

	#header .top-nav #Secondary_Navbar-Account .dropdown-menu{padding:0px;min-width:150px;}
	#header .top-nav #Secondary_Navbar-Account > a:before{display: none;}
	#header .top-nav #Secondary_Navbar-Account > a {
	background: var(--primary-color);
	padding: 0 15px 0 15px;
	line-height: 53px;
	color: #fff;
	position: relative;
	font-size: 16px;
	min-width: 100px;}
	#header .top-nav.pull-left {margin-left: 0px;}
	#header .top-nav > li > a{line-height: 50px;}

	#header .nav.navbar-nav {margin-top: 8px;}
	#header .top-nav.pull-left {margin-left: 10px;}
	section#home-banner h2 {font-size: 20px;line-height: 30px;}
	div.header-lined h1 {font-size: 28px !important;line-height: 38px;}
	.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
    font-size: 12px;
    padding: 7px 15px;height: 32px !important;}
    section#home-banner .input-group-btn .btn {padding-left: 10px;padding-right: 10px;}
    .xyz {min-width: 100%;}
    .logincontainer{padding: 15px;}
    .logincontainer .btn-primary{margin-bottom: 15px;}
    div.announcement-single{padding: 15px;}
    #iq-sidebar-wrapper{margin-top: 106px;}
}


/**/
.navbar-toggler.custom-toggler{
  display: block;
  border: none;
  border-radius: 0;
  position: absolute;
  right: 0;
  z-index: 999;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.navbar-toggler.custom-toggler:focus{
  outline:none !important;
}
.navbar-toggler.custom-toggler span{
  background: var(--white-color);
  border: none;
  height: 3px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition:  all .6s ease;
  cursor: pointer;
}
header.menu-sticky .navbar-toggler.custom-toggler.collapsed span{
  background: var(--title-color);
}
.navbar-toggler.custom-toggler span.middle{
  top: 9px;
}
.navbar-toggler.custom-toggler span.bottom{
  top: 18px;
}
 .navbar-toggler.custom-toggler:not(.collapsed) span.top{
  transform: translateY(9px) translateX(0) rotate(45deg);
}
 .navbar-toggler.custom-toggler:not(.collapsed) span.middle{
  opacity:0;
}
.navbar-toggler.custom-toggler:not(.collapsed) span.bottom {
  transform: translateY(-9px) translateX(0) rotate(-45deg);
}
.navbar-collapse.custom-collapse{
  position: fixed;
  top: 0;
  right: -260px;
  padding-top: 30px;
  width: 310px;
  height: 100vh;
  background: #1f1f1f;
  border:none !important;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  z-index: 99;
  display: -ms-flexbox!important;
  display: flex!important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  align-items: flex-start !important;
  -webkit-transition: all .3s cubic-bezier(.77,0,.175,1);
  -o-transition: all .3s cubic-bezier(.77,0,.175,1);
  transition: all .3s cubic-bezier(.77,0,.175,1);
}
.navbar-collapse.custom-collapse.show {
    right: 0px;
    opacity: 1;
}
 .navbar-collapse.custom-collapse .navbar-nav li{
  list-style-type: none;
  /* margin-bottom: 20px; */
  transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
}