/*
Theme Name: Crossbolt IT Solutions Child
Theme URI: http://crossboltitsolutions.com/
Author: Crossbolt IT Solutions
Author URI: http://crossboltitsolutions.com/
Description: Any design, any layout. No coding required. This is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly.
Tags: web design, web developement, logo design, ecommerce, marketing, digital marketing, online promotion, ads, facebook ads, app development, multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Template: crossbolt
*/

.form_submitting{
	padding-left: 10px;
    width: calc(100% - 100px);
    display: inline-block;
    color: black;
	display: none;
}
.form_submitting .load-wrap{
	width: 25px;
    display: inline-block;
    height: 25px;
    background-size: cover;
    margin-bottom: -6px;
    background-image: url("data:image/svg+xml,%3Csvg width='75px' height='75px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-default'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%230080ff' transform='rotate(0 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%230080ff' transform='rotate(30 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.08333333333333333s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%230080ff' transform='rotate(60 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.16666666666666666s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%230080ff' transform='rotate(90 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.25s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%230080ff' transform='rotate(120 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.3333333333333333s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%230080ff' transform='rotate(150 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.4166666666666667s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%230080ff' transform='rotate(180 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.5s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%230080ff' transform='rotate(210 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.5833333333333334s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%230080ff' transform='rotate(240 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.6666666666666666s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%230080ff' transform='rotate(270 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.75s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%230080ff' transform='rotate(300 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.8333333333333334s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='46.5' y='40' width='7' height='20' rx='5' ry='5' fill='%230080ff' transform='rotate(330 50 50) translate(0 -30)'%3E %3Canimate attributeName='opacity' from='1' to='0' dur='1s' begin='0.9166666666666666s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E");
}
.top-bar{
	border-bottom: 1px solid gray;
}
.mobile-header-bar .mobile-branding img{
	max-width: 100px;
}
.masthead:not(.side-header) .main-nav{
	margin-bottom: 0;
}
.fade.in {
    opacity: 1;
}
.modal-backdrop.in {
    opacity: 0.5;
}
.modal-dialog:not(.modalDialogForm) {
    top: 35%;
}
#signup .modal-dialog{
    margin: 0;
}
#signup .modal-content{
	border: 0;
}
#signup .modal-body{
    padding: 0;
}
#signup .modal-body .login{
	padding: 0 !important;
}
.modal-header .row {
    margin: 0 auto;
}
.modal-header .close {
    position: absolute;
    right: 16px;
}
.error, .formError {
    color: #483333;
    padding: 10px 20px;
    background: #ffbcbc;
    border: #efb0b0 1px solid;
    border-radius: 3px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: none;
    box-sizing: border-box;
}
.success {
    color: #483333;
    padding: 10px 20px;
    background: #cff9b5;
    border: #bce4a3 1px solid;
    border-radius: 3px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: none;
    box-sizing: border-box;
}
.form-group {
	margin-bottom: 0;
}
.form-group .form-control{
	margin-bottom: 15px !important;
	border-radius: 0.25rem!important;
	border-width: 1px;
}
.form-group select, select.form-control:not([size]):not([multiple]){
	height: 38px;
}
input[type="text"], .widget_search input[type="text"].searchform-s, input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea, .wpcf7-number, .woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select{
	padding: 5px 10px;
	font-size: 15px;
}
.form-group input[type="file"]{
	padding: 0.25rem 0.75rem;
}
.btn-link{
    color: #007bff;
}
.sendOtpError, .confPassError {
    color: red;
    padding-left: 0.75rem;
}
.branding a img, .branding img{
	max-height: 70px;
    width: auto;
}
.go-pricing{
	margin-bottom: 50px;
}
.gw-go{
	visibility: visible;
}
.gw-go-coinf div, .gw-go-coinb div{
	font-size: 16px;
}
.gw-go-col {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: #e2e2e2;
	margin: 0 6px;
}
.gw-go-header{
    background-color: #9b84c6;
}
.gw-go-col.gw-go-clean-style4 .gw-go-body{
	text-align: center;
	font-size: 14px;
    line-height: 20px;
	padding: 10px 5px;
}
.gw-go-col-inner {
    background: #fff;
}
.gw-go-footer-row-inner{
	height: 32px;
}
.gw-go-btn {
    background-color: #9b84c6;
	font-size: 14px;
    font-weight: bold;
}
.form-group .input-group-addon i {
    display: none;
}
#form_email, #form_phone {
    z-index: 9;
    padding-right: 89px;
}
.otpBtn, .enterPromoBtn, .removePromoBtn {
    position: absolute;
    padding: 4px 6px;
    right: 2px;
    top: 2px;
    z-index: 99;
    font-weight: bold;
}
form.no_pass .otpBtn {
    padding: 1px 6px;
}
.et_pb_pricing_table {
    float: left;
    position: relative;
    width: 33.33%;
    max-width: 34%;
    margin: 30px -1px 0 0;
    padding-bottom: 30px;
    border: 1px solid #bebebe;
    background-color: #fcfcfc;
    text-align: center;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

#service_scroller_id {
	width: 100%;
	position: relative
}
ul.nav-pills {
	padding-left: 0;
	height: auto
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	color: #000;
	background-color: #fff;
	border-left: 6px solid #00b100;
	border-radius: 3px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15);
	text-decoration: none
}
.nav-pills>li>a {
	border-radius: 4px;
	background: #f7f7f7;
	font-weight: bold;
	padding: 15px;
	line-height: 1.3em;
	display: block;
	margin-left: -10px!important;
	margin-bottom: 5px;
	color: #00b200;
	text-decoration: none;
	border: 2px solid
}
.nav-pills>li:not(.active)>a:hover {
	color: #007bff
}
.nav-stacked>li {
	float: none;
	width: 100%;
	list-style: none
}
.et_pb_pricing li {
	padding: 0
}
.et_pb_pricing_heading {
	background-color: #0080ff;
	position: relative;
    padding: 10px 0;
}
.et_pb_pricing_heading h2, .et_pb_pricing_heading .et_pb_pricing_title {
    padding-bottom: 5px;
    color: #fff;
}
.et_pb_best_value {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
.et_pb_pricing_content_top {
    position: relative;
    padding-top: 17px;
    padding-bottom: 17px;
    border-style: solid;
	border: none;
    border-bottom: 1px solid #bebebe;
}
.et_pb_pricing_content {
    position: relative;
    padding: 30px;
    text-align: left;
}
#section6 h4{
	margin-top: 8px;
	margin-bottom: 0;
}
body .et_pb_pricing_table.et_pb_featured_table .et_pb_pricing_heading {
	background: #15ae15!important
}


#top-header .container {
    padding-top: 1em;
    font-weight: 600;
    padding-bottom: 0.55em;
}
 
#et-info {
    width: 40%;
    float: right;
    text-align: right;
	padding-bottom: 7px;
}
 
.cta {
	width: 100%;
	/*text-align:center;
	float: right;
	margin-top: 2px;*/
}
.cta > div{
	width: 50%;
}
.cta .cta_1{
	float: left;
	text-align: left;
	width: 30%;
}
.cta_2{
	display: none;
}
.cta .cta_3{
	float: right;
	width: 70%;
}
.cta a {
	background: #fff;
    padding: 3px 10px;
	text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 500 !important;
    transition: all 0.5s;
	white-space: nowrap;
	font-size: 14px;
}
.cta .cta_2 a{
	color: #fff !important;
	background: transparent;
}
.cta div:not(.cta_2) a:hover {
	background: #555;
	color: #fff !important;
}
.cta_3 > .row > div{
    width: 50%;
}
.cta div.switcher{
    /*margin-top: -7px;*/
	overflow: inherit;
}
.cta div.switcher, .cta div.switcher .selected{
    width: 100%;
	max-width: 175px;
}
.switcher .selected a{
	width: 100% !important;
	background-position-x: 90% !important;
}
.cta div.switcher .selected a:after{
	right: 0;
	font-family: FontAwesome;
	font-size: 14px;
    padding-top: 3px;
	content: "\f078" !important;
	background-image: none;
}
.cta div.switcher .selected a:hover:after{
	color: #fff;
}
.cta div.switcher .option{
    position: absolute !important;
	width: auto;
}
.et_header_style_left .logo_container{
	width: auto;
}
.show_password{
	position: absolute;
    padding: 6px 8px;
    right: 2px;
    top: 2px;
    z-index: 99;
    font-weight: bold;
    background-color: transparent;
    border: none;
    color: #000;
}
.show_password:focus{
	box-shadow: none;
}
#password-strength-status{
	padding: 1px 10px;
    color: #FFFFFF;
    border-radius: 4px;
}
.weak-password{
	background-color: #FF6600;
    border: #AA4502 1px solid;
}
.medium-password{
	background-color: #E4DB11;
    border: #BBB418 1px solid;
}
.strong-password{
	background-color: #12CC1A;
    border: #0FA015 1px solid;
}
.checkout_col{
	background: #333;
	padding: 20px 0;
	color: #fff;
	border-radius: 10px;
}
.checkout_col .grand_total_col{
	font-size: 18px;
	font-weight: bold;
}
.promo_col .form-group .input-group-addon i{
	display: block;
	padding: 9px 6px;
    position: absolute;
    right: 3px;
    color: #de2828;
    font-size: 20px;
	cursor: pointer;
}
.enter_promo, .removePromoBtn{
	display: none;
}
#form_promo{
	text-transform: uppercase;
}
#promo_message{
	color: #6fda87;
	text-align: left;
	font-size: 14px;
}
form.no_pass .form-group{
	/*margin-bottom: 0.7rem;*/
}
form.no_pass .col-6:first-child, form.no_pass .col-5{
	padding-right: 7px;
}
form.no_pass .col-6:last-child, form.no_pass .col-7{
	padding-left: 7px;
}
form.no_pass .input-group input, form.no_pass select.form-control:not([size]):not([multiple]){
	padding: 3px 6px;
	height: 32px;
	font-size: 14px;
}
form.no_pass select.form-control:not([size]):not([multiple]){
	padding: 2px 6px;
}
form.no_pass .otpBtn{
	padding: 1px 6px;
}
.forgot_password_link{
	margin-left: 10px;
	color: #000;
    text-decoration: underline;
}
.et-social-icons{
	margin-bottom: -2px;
}
#footer-bottom .et-social-icons{
    margin-right: 75px;
}
#top-header .et-social-icons li{
	margin-top: 0px;
}
.et-social-icons .et-social-icon a{
    text-decoration: none;
    color: #fff;
}
.et-social-icons .et-social-icon a:hover{
    color: #fff !important;
}
.et_pb_pricing_content, .et_pb_featured_table .et_pb_pricing_content{
	padding-bottom: 0;
}
.et_pb_button_wrapper button{
	cursor: pointer;
}
.et_pb_button_wrapper button:focus{
	outline: none;
}
.et_pb_sum{
    font-size: 36px;
    font-weight: 500;
    color: #212529 !important;
}
.tab_content{
    margin-bottom: 30px;
}
#footer-widgets{
    padding-top: 3%;
}
#footer-widgets.above-footer-area{
	color: #ddd;
	text-align: center;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#footer-widgets.above-footer-area .et_pb_widget {
	float: none;
}
#footer-widgets .footer-widget li{
    padding-left: 19px;
}
#footer-widgets .footer-widget li:before{
    content: "\f0a4";
    font: normal normal normal 14px/1 FontAwesome;
    border: none;
    margin-top: -3px;
}
.above-footer-area a{
    color: #999;
}
.above-footer-area a:hover{
    color: #666;
}
.wa_link {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF!important;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 9;
}
.my-wa-float {
    margin-top: 15px;
}

/* Login Switcher CSS */
ul.top-area {
  list-style: none;
  /*padding: 0 !important;*/
  margin: 0;
}
.top-area:after {
  content: "";
  display: table;
  clear: both;
}
.top-area li{
	list-style-type: none;
}
.top-area li a {
  display: block;
  text-decoration: none;
  padding: 15px;
  background: #163886;
  color: #a0b3b0;
  font-size: 20px;
  font-weight: bold;
  float: left;
  width: 50%;
  text-align: center;
  cursor: pointer;
  transition: .5s ease;
}
.top-area li a:hover {
  /*background: #0080ff;*/
  opacity: 0.8;
  color: #ffffff;
}
.top-area .active a {
  background: #00b100;
  color: #ffffff;
}
.tab-content{
	padding: 20px;
	background: #fff;
}
.tab-content > div:last-child {
  display: none;
}
.tab-content .text-danger{
	color: #ab1120;
	background: #ffb0b8;
    border-radius: 4px;
    padding: 5px 8px 5px !important;
}
#service_scroller_id {
    width: 100%;
    position: relative;
}
#one-right {
    height: auto;
    position: absolute;
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;
}
#one {
    height: auto;
    position: absolute;
    top: 0;
    z-index: 9;
    left: inherit;
    right: 0;
}
.container{
    width: 100% !important;
    max-width: 100% !important;
}
#main-footer > .container{
	background: #fff;
    border-top: 1px solid #aaa;
}
#main-footer #footer-widgets .footer-widget h4{
	color: #0080ff;
}
#footer-bottom{
	padding: 10px 0 5px;
}
#footer-info{
	padding-bottom: 5px;
    padding-top: 2px;
}

@media screen and (min-width: 1200px){
	.container{
		max-width: 100%;
	}
}
@media screen and (min-width: 992px){
    .service_scrollspy > .row > div:nth-child(2){
        left: 16.66%;
    }
}
@media screen and (max-width: 992px){
	.masthead:not(.side-header) .mobile-header-bar, .side-header.masthead-mobile-header .mobile-header-bar{
		padding: 5px 15px;
	}
}
@media screen and (min-width: 501px) and (max-width: 992px){
	.masthead .top-bar .mini-widgets > *{
		display: block;
		padding: 5px 0;
	}
}
@media screen and (min-width: 981px){
	#logo {
		max-height: 60px;
	}
	#main-footer .footer-widget{
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 980px){
	#et-info {
		width: 50%;
		float: right;
		text-align: right;
	}
	.cta {
		width: 100%;
	}
	#et-info {
		padding-top: 0;
	}
	#main-header #logo{
		max-width: 180px;
	}
	.et_pb_row, .et_pb_column .et_pb_row_inner {
        padding: 15px 0;
    }
}
@media screen and (min-width: 769px){
	#one{
		padding-left: 0;
	}
}
@media screen and (max-width: 810px){
    
}
@media screen and (max-width: 768px){
	#top-header .et-social-icons{
		display: block;
		float: right;
	}
	#top-header .et-social-icons li{
		margin-left: 6px;
	}
	.switcher .selected a {
		background-position-x: 80% !important;
	}
	#one{
		position: unset !important;
	}
	#footer-right{
		min-height: 1px;
	}
	.top-bar .right-widgets{
		display: none;
	}
}
@media screen and (max-width: 740px){
	#et-info-phone{
		float: left;
	}
	#et-info > a{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	#et-info, .cta {
		width: 100%;
	}
	.cta{
		border-top: 1px solid #dadada;
		padding-top: 13px;
	}
	.cta .cta_1{
		width: 40%;
	}
	.cta .cta_3{
		width: 60%;
	}
}
@media screen and (min-width: 576px){	
	.et_pb_row{	
		padding-left: 30px !important;	
		padding-right: 30px !important;	
		width: 100%;	
		max-width: none;	
	}
	#signup .modal-dialog {
		max-width: none;
	}
}
@media screen and (max-width: 575px){
	.home #myModal .modal-dialog{
		margin: 0;
	}
	.login.px-4{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.et_pb_row{
		width: calc(100% - 30px);
	}
}
@media screen and (max-width: 501px){
	.top-bar.hide-top-bar, .top-bar.top-bar-empty{
		position: relative;
    	visibility: visible;
    	opacity: 1;
		padding: 3px 15px;
	}
	.masthead .top-bar .mini-widgets > *{
		display: block;
		padding: 1px 0 2px;
		margin: 0 !important;
	}
}
@media screen and (max-width: 479px){
	#top-header .et-social-icons{
		display: none;
	}
	#et-info > a{
		position: unset;
	}
	.cta a{
		padding: 3px 5px;
	}
	.cta .cta_3 > .row > div > a{
		margin-left: 4px;
	}
	.cta_3 > .row > div:last-child{
		padding-left: 0;
	}
	.et_pb_fullwidth_section .et_pb_post_title{
		padding: 50px 0;
	}
	.et_pb_post_title.et_pb_featured_bg .et_pb_title_container{
		padding: 0;
	}
	.et_pb_title_container h1{
		font-size: 30px;
	}
	.tab_content h2{
		font-size: 1.7rem;
	}
}