


/*+++++++++++++++++++++++top navigation menu create ++++++++++++++++++++++++++++ */

/* MEGAMENU STYLE
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');



.dropdown_list li{
	padding: 3px 0;
}
.dropdown_list li a{
    color: #777777;
    font-size: 13px;
    font-weight: 500;
}
.heading_bk{
	color: #ef1c24 !important;
	font-weight: bold;
	    font-size: 13px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: red !important;
    background: transparent !important;
}
.tab_list_menu{
	    border-bottom: 1px solid #b4b9bb;
    margin-bottom: 15px;
}
.tab_list_menu>li>a{
	padding-left: 0;
}
.tab_list_menu>li.active>a, .tab_list_menu>li.active>a:focus, .tab_list_menu>li.active>a:hover {
    color: #005a8c;
    font-weight: bold;
    border-bottom: 1px solid #005a8c;
    border-radius: 0;
    background:transparent;
    
}

.nav>li>a:focus, .nav>li>a:hover {
	 color: #005a8c;
   
    border-radius: 0;
    background:transparent;
}


.nav-pills li a{
	color: red;
	font-weight: bold;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #ef1c24;
    background-color: transparent;
    border-bottom: 1px solid #ef1c24;
}
.bg_white{
	background: #fff;
	border-radius: 4px;
}
.megamenu .navbar-brand img{
	    width: 229px;
    position: relative;
        top: -35px;
    padding: 5px;

}
.navbar{
	border: 0;
}

.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
  position: static;
	  font-family: 'Open Sans', sans-serif; 
}
.megamenu .container {
  position: relative;
}
.megamenu .dropdown-menu {
  left: auto;
  
}
.megamenu .megamenu-content {
	
	padding:0px 0px 0px 20px !important;
}
.mega_softaken_area{
	margin: 10px 0;
}
.softaken_logo_border{
	
/*	border:1px solid #d9d9d9;*/
}
.megamenu .megamenu-content .mega_sub_title{
  margin-top: 5px;
    color: #40b3d8;
    font-size: 17px;
font-family: 'Open Sans', sans-serif; 
	    font-weight: 500;
	cursor:pointer;
}
.mega_sub_title i{
	 color: #40b3d8;
    font-size: 15px;
}

.megamenu .dropdown.megamenu-fw .dropdown-menu {
  left: 0;
  right: 0;
}
.navbar-right .dropdown-menu{
right: unset;
	
}

.megamenu .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    color: #ef1c24;
    /* margin: 4px; */
    border-radius: 2px;
    text-transform: uppercase;
}
.megamenu{
 
    border-color: #e7e7e7;
	margin-bottom: 0;
	
}


.mega_sab_dropdown{
	padding: 3px 0;
}
.mega_sab_dropdown li{
	padding: 3px 0;
}
.mega_sab_dropdown li a{
	color: #5f5f5f;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	    font-size: 13px;
	
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        color: #000;
    background-color: #d0d0d0;
}
.navbar {
    border-radius: 0;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #ef1c24;
   
}
.icon-bar:before{
	content: none !important;
}
.dropdown-menu>li>a {
    clear: both;
    font-weight: 400;
    color: #333;
    border-bottom: 1px solid #80808029;
   padding-top: 10px;
    padding-bottom: 10px;
}
.megamenu .dropdown-menu{
	padding: unset;
}
.mega_sab_dropdown li a:hover{
	color: #000000;
    padding-left: 8px;
	
}
.mega_sab_dropdown .view_all{
	opacity: 0;
	color: #3fb3d8;
    font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
}
.mega_sab_dropdown:hover .view_all{
	opacity: 7;
}
.view_all a{
	color: #3fb3d8 !important;
}

.mega_right_side{
	height: 100%;
	margin: 0 auto;
	display: table;
	text-align: center;
	color: #fff;
}
.mega_right_side img{
	padding-top: 40px;
	margin: 0 auto;
	padding-bottom:20px;
}
.mega_right_side h4{
	color: #fff;
	font-weight: 500;
}
.mega_right_side p{
	color: #fff;
	font-weight: 300;
}
.mega_read_more_btn{
	margin-top: 30px;
}
.mega_read_more_btn a{
	color: #000;
	font-weight: 500;
	border-radius: 3px;
	background: #fff;
    padding: 10px 30px;
	text-decoration: none;
	margin-top: 30px;
	transition: all 0.4s ease-in-out;
	
}
.mega_read_more_btn a:hover{
	color: #3fb3d8;
	text-decoration: none; 
}
._partner{
	padding-top: 20px;
}
._partner p{
	font-size: 12px;
}
.dropdown-menu{

 box-shadow: unset;
}


.fast_secure_web{
	padding: 70px 0;
	background: #eaeaea;
    color: #0c0b0b;
	text-align: center;
}
.fast_secure_content h1{
	font-size: 33px;
    font-weight: 800;
    line-height: 50px;
    padding-bottom: 10px;
}
.fast_secure_content .learn_more a{
	text-decoration: none;
   background: #3fb3d8;
    color: #fff;
    padding: 20px 60px;
	transition: all 0.4s ease-in-out;
	font-size: 18px;
	border-radius: 3px;
	   
    border: 1px outset #3fb3d8;
}
.fast_secure_content .learn_more {
	margin-top: 50px;
}
.fast_secure_content .learn_more a:hover {
        background: #fff;
    color: #000;
	 border: 1px outset transparent;
}
	
.fast_secure_content .small_size{
	font-size: 12px;
}
.fast_secure_img{
	width: 250px;
	margin: 0 auto;
	display: block;
}
/*++++++++++ Mega Contact Us ++++++++ */

.mega_contact_us h3{
	font-weight: 500;
    padding-bottom: 20px;
    color: #3fb3d8;
    font-size: 22px;
}
.mega_contact_us p{
	
	
}
._no_margin{
	margin: 0;
}
._border_right{
	border-right: 1px solid #e6e6e6;
}
.logo_text_color{
	color: #3fb3d8;
    font-size: 15px;
    font-weight: 500;
}
.logo_text_color:hover{
	text-decoration: none;
}

.chat_now_btn a{
	background: #3fb3d8;
    padding: 10px 30px;
    color: #fff;
	transition: all 0.4s ease-in-out;
}
.chat_now_btn a:hover{
	text-decoration: none;
	background: #a8aaad;
}
.chat_now_btn{
	margin: 20px 0;
}


/*++++++++++++++ popup left ads+++++++++++++ */
.pop-offer {
    background-color: rgba(51, 51, 51, 0.95);
    top: 120px !important;
    width: 300px;
    height: 250px;
    background-repeat: no-repeat;
    left: 0px;
    color: #FFF;
    z-index: 9000;
    position: fixed;
    background-color: #f8f6a2;
}
.pop-offer p {
    margin: 0px !important;
}
.tably {
    height: 142px;
   
    width: 32px;
    background-color: #c00;
    display: block;
    position: absolute;
    bottom: 0px;
    right: -30px;
    outline: medium none;
    color: #FFF;
}
.text-custom {
    color: #fff;
    cursor: pointer;
    font-size: 19px;
    position: absolute;
    font-weight: bold;
    left: -38px;
    top: 56px;
    transform: rotate(-90deg) !important;
}
.icon-cross-custom {
    color: #fff !important;
    font-size: 15px;
    position: absolute;
    right: 1px;
    top: 1px;
}
.icon-cross-custom {
    color: #000 !important;
    font-size: 25px;
    line-height: 20px;
    position: absolute;
    right: 5px;
    top: 1px;
	text-decoration: none;
    font-weight: bold;
}
.support_three_box1{
	padding: 20px;
	text-align: center;
}

.float-sm{
	    position: relative;
    z-index: 10000;
}

/* HOVER EFFECT 3 */
@media(min-width: 769px){
	.latest_offer:before{
  content: "";
    background: linear-gradient(45deg, #ef1c24, transparent);
    height: 30px;
    width: 28px;
    position: absolute;
    right: -14px;
    top: -4px;
    transform: rotate(45deg);
}
.latest_offer:after{
  content: "";
    background: #ffffff;
    height: 30px;
    width: 28px;
    position: absolute;
    left: -15px;
    top: -2px;
    transform: rotate(45deg);
}


.effect-3 .underline:before,
.effect-3 .underline:after {
	content: "";
	height: 1px;
	width: 0;
	opacity: 0;
	background-color: #ef1c24;

	position: absolute;
	transition: all .5s;
	
}

.effect-3 .underline:before {
	top: -3px;

}

.effect-3 .underline:after {
	bottom: -3px;
	right: 0;
}

.effect-3 .underline:hover:before,
.effect-3 .underline:hover:after {
	width: calc(100% + 0px);
	opacity: 0.7;

}
.effect-3{
	margin-top: 10px;
}


}



@media(max-width:992px){
	.nav>li>a {
    padding: 10px 2px;
}
}


@media(max-width: 767px){
	.x{
		width:22px;
	}
	.softaken_logo_color{
		background: unset;
	}
	.mega_sab_dropdown li {
    padding: 3px 0;
    border-bottom: 1px solid #b9b3b3;
}
	.navbar-collapse.in {
    overflow-y: unset !important;
}
	.megamenu .megamenu-content{
		padding-left: unset !important;
	}
	.megamenu .navbar-nav>li>a {
	    border-bottom: 1px solid #80808054;
		padding: 10px;
	}
	.mega_right_side{
	color: #000;
		background: #3fb3d8;
	}
	.mega_sab_dropdown .view_all{
		padding: 0 0;
	}
	.navbar-nav {
    margin: 0 -1px;
}
	.mega_softaken_area{
		margin: 0;
		text-align: center;
	}
	.megamenu .megamenu-content .mega_sub_title {
    margin-top: 18px;
	}
	.mega_contact_us h3{
		border-bottom: 1px solid #dfdede;
	}
	.megamenu, .megamenu .dropdown-menu{
		text-align: center;
		  padding-bottom: 10px;
		    border-bottom: 1px solid #dadada;
	}
	.pop-offer{
		width: 294px;
		height: 200px;
		
	}
	.pop-offer img{
		width: 100%;
	}
	.carousel-control.left, .carousel-control.right{
		background-image: unset;
	}
	.navbar-default .navbar-toggle .icon-bar {
   background-color: #32b5d8;
}
	.navbar-default .navbar-toggle {
    border-color: #32b5d8;
}
	a.life-chat {
    right: 73px;
    top: 10px;
	}
	.btn_request2 a{
		background: #ef1c24 !important;
    color: #fff !important;
	}
}

