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

    ** Custom Stylesheet **

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

***************************************************** */
body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
}

#header {
    right: 0;
    top: 0;
    z-index: 300;
    left: 0;
    z-index: 999 !important;
    padding: 0 !important;
	border: 0 !important;
}

#header .top-bar {
    background: #1e51e1;
}

#header .top-bar {
    margin: 0 10px;
    padding: 0 10px;
    height: 40px;
}

#header .top-bar p {
    background: #1cd554;
}
#header .top-bar p span {
    z-index: 2;
    position: relative;
    color: #ffffff;
}

#header .top-bar p {
    float: left;
    background: #404856;
    font-size: 16px;
    padding: 9px 20px;
    margin: 0 0 0 -20px;
    font-weight: 300;
    position: relative;
}

.top-bar p span {
    font-size: 15px !important;
}

 #header .top-bar p {
    background: #1cd554;
}

/** after & before **/
.container {
	position: relative;
}

#header .top-bar:before,  #header .top-bar p:after {
    background: #1cd554;
}

#header .top-bar:before {
    position: absolute;
    left: -15px !important;
    top: -42px !important;
    width: 49px !important;
    height: 75px !important;
    content: "";
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

#header .top-bar p:after {
    position: absolute;
    right: -30px !important;
    top: -43px !important;
    width: 49px !important;
    height: 75px !important;
    content: "";
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}


#header .top-bar:after {
    position: absolute;
	right: -5px !important;
    top: -43px !important;
    width: 40px !important;
    height: 79px !important;
    content: "";
    background: #1e51e1;
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}


#header .top-bar ul {
    float: right;
}

#header .top-bar ul {
    margin: 0px 0px 0px 0px;
}

#header .top-bar ul li {
    margin: 10px 24px 14px !important;
}

#header .top-bar ul li {
    float: left;
    list-style: none;
    font-size: 14px;
    position: relative;
}

#header .top-bar ul li {
    line-height: normal;
}
.top-bar a, .top-bar ul li {
    font-size: 13px !important;
}
#header .top-bar ul li i {
    font-size: 20px;
    position: absolute;
    left: -24px;
    top: -3px;
}

.top-bar a, .top-bar ul li {
    font-size: 12px !important;
    color: #FFFFFF !important;
    text-decoration: none;
}

#header .logo {
    margin: 18px 0 18px 0 !important;
}
#header .logo {
    float: left;
    margin: 28px;
}

#header .main-nav {
    float: right;
    padding: 0;
}

ul.nav {
    margin: 0;
}

#header .main-nav li {
    margin: 0 10px;
}

#header .main-nav li {
    list-style: none;
}

section#header .logo img {
    width: 180px !important;
    max-height: 180px !important;
}

.nav-pills > li {
    float: left;
}
.nav > li {
    position: relative;
    display: block;
}

#header .main-nav li a {
    padding: 0 15px 0 15px !important;
}

#header .main-nav li a {
    display: block;
    font-size: 16px;
    padding: 15px 0 6px;
    position: relative;
    line-height: 79px;
    color: #333;
    border-bottom: 4px solid transparent;
}

#header .main-nav li a:active, 
#header .main-nav li a:hover, 
#header .main-nav li a:visited, 
#header .main-nav li a:link{
    background: transparent;
}


#header .main-nav li ul.dropdown-menu a:link  {
    line-height: 29px !important;
}


#footer {
    background: #1e51e1 !important;
    border-top: 1px solid #ccc;
    padding: 30px 0;
    color: #ffffff !important;
}



@media only screen and (max-device-width: 480px) {
	#header .top-bar {
	    display: none;
	}
	.navbar-toggle {
	    margin: 25px 0 0 10px !important;
	    float: right !important;
	}
	.navbar-toggle .icon-bar {
    	border-bottom: 3px solid #333;
	}
	.navbar-toggle .icon-bar {
	    display: block;
	    width: 22px;
	    height: 2px;
	    border-radius: 1px;
	}
	#header #primary-nav, #header .main-nav {
	    width: 100%;
	    padding: 0 0 10px;
	}

	.main-nav.navbar-collapse .nav.nav-pills {
    	margin: 0;
	}
	#header .main-nav li {
    	float: none;
	}
	#header .main-nav li a {
	    line-height: normal !important;
	    font-size: 14px;
	    padding: 15px 0 6px !important;
	    color: #333;
	    border-top: 1px solid #f1f1f1 !important;
	}
}

@media only screen and (max-width: 767px) {

	#header .top-bar {
	    display: none;
	}
	.navbar-toggle {
	    margin: 25px 0 0 10px !important;
	    float: right !important;
	}
	.navbar-toggle .icon-bar {
    	border-bottom: 3px solid #333;
	}
	.navbar-toggle .icon-bar {
	    display: block;
	    width: 22px;
	    height: 2px;
	    border-radius: 1px;
	}
	#header #primary-nav, #header .main-nav {
	    width: 100%;
	    padding: 0 0 10px;
	}
	.main-nav.navbar-collapse .nav.nav-pills {
    	margin: 0;
	}
	#header .main-nav li {
    	float: none;
	}
	#header .main-nav li a {
	    line-height: normal !important;
	    font-size: 14px;
	    padding: 15px 0 6px !important;
	    color: #333;
	    border-top: 1px solid #f1f1f1 !important;
	}

}

#order-standard_cart #captchaContainer { display: none;}

#order-standard_cart .domain-checker-container {
    margin: 15px 0 25px 0;
}
#order-standard_cart .domain-checker-container {
    background-color: #e6ecf8;
    background: #e6ecf8!important;
}
#order-standard_cart .view-cart-items-header, #order-standard_cart .empty-cart .btn{
    background-color: #1e51e1 !important;
}

#order-standard_cart .view-cart-items {
    border-bottom: 2px solid #1e51e1 !important;
}

#order-standard_cart .domain-checker-available {
    color: #1cd554 !important;
    font-size: 1.2em !important;
}

#order-standard_cart .domain-price .price {
    font-size: 1.6em !important;
}

#order-standard_cart .view-cart-items .item-domain, #order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span {
    color: #1e51e1 !important;
}

#order-standard_cart .domain-checker-available .domain-checker-available-note {
    color: #666;
    font-size: 14px;
}

#order-standard_cart .domain-checker-available i {
    font-weight: bold;
    font-style: normal;
}

#order-standard_cart .domain-checker-invalid, #order-standard_cart .domain-checker-unavailable {
      font-size: 1.2em !important;
}

a {
    color: #1e51e1;
}

.alert-success {
    color: #25b350;
    background-color: #e1f8e8;
    border-color: #e1f8e8;
}

.btn-link {
   color: #1e51e1;
}

.btn-primary {
    background-color: #1e51e1;
    border-color: #1e51e1;
}

.btn-primary:hover {
    background-color: #1843be;
    border-color: #1843be;
}

.btn-success {
    background-color: #1cd554;
    border-color: #1cd554;
}

.btn-success:hover { 
    background-color: #13b845;
    border-color: #13b845;
}

div.header-lined h1 {
    color: #1e51e1;
}

.elheader {
    float: left;
    width: 100%;
}

.btn.btn-lg {
    font-size: 14px;
    padding: 15px 44px;
}


 /**
 * -------------------------
 * Ordering Steps CSS - New (Blue)
 * -------------------------
 */
#order-standard_cart p { color: #333; font-size: 14px; margin-bottom: 22px;}
#order-standard_cart .stepsbar { float: left; width: 100%; font-size: 14px;}
#order-standard_cart .stepsbar .step { margin: 0 0 5px 0; padding: 5px; width: 100%; background-color: #efefef; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: left; padding-left: 20px; }
#order-standard_cart .stepsbar .step a { color: #000; text-decoration: underline; }
#order-standard_cart .stepsbar .step.active { background-color: #0066cc; color: #fff; position: relative; border-radius: 3px; text-align: left; }
#order-standard_cart .stepsbar .step.active a { color: #fff; text-align: left; padding-left: 20px; }

#order-standard_cart #btncontinue-container.text-center {
    border-top: 3px solid #999;
    padding: 20px 0 0;
}
#order-standard_cart #btncontinue-container.text-center .help-text{
    float: left;
    color: #333;
    font-size: 14px;
}
#order-standard_cart #btncontinue-container.text-center button#btn-continue,
#order-standard_cart #btncontinue-container.text-center button#btnCompleteProductConfig, #order-standard_cart #btncontinue-container.text-center button#btn_domain_continue {
    float: right;
}
#order-standard_cart .sub-heading {
    height: 0;
    border-top: 1px solid #DDD;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}
#order-standard_cart .sub-heading span.domain-name {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
}
#order-standard_cart label {
    font-weight: bold!important;
    color: #000!important;
}
#order-standard_cart .order-summary .text-right .btn-continue-shopping {
    padding: 12px 34px;
    display: block;
    font-size: 14px;
    color: #000;
}
/**
 * -------------------------
 * View Cart - button
 * -------------------------
 */
#order-standard_cart .order-summary .text-right .btn-checkout { padding:12px 34px; display:block; margin-bottom:8px; font-weight:bold; }
#order-standard_cart .order-summary .text-right .btn-continue-shopping { padding:12px 34px; display:block; font-size:14px; color:#000; }
#order-standard_cart .order-summary .text-right .btn-continue-shopping:hover { transition:none; background:#1e51e1; color:#fff; border-color:transparent; }
