/*  */

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: 'Raleway', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;}

p,span:not(.btn__text),ul,blockquote,figcaption,input[type],textarea { font-family: 'Open Sans','Helvetica Neue', 'Helvetica', Arial, sans-serif; }

h6,.h6 { font-weight: 600; }

/*  */

body {
  background: white;
  /* color: #53656F; */
}


/* CUSTOM SCROLL */

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/* END CUSTOM SCROLL */


.nav-bar {
	padding-left: 3.25em;
	padding-right: 3.25em;
}
.menu > li {
  font-size: 0.84em;
}
.menu > li a {
  text-transform: none;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.price-options-wrapper {
	display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 1.2em;
  padding-bottom: 3em;
  justify-content: center;
}

.opacity-1 {
	opacity: 1 !important;
}


.height-particles{
  height: 70vh;  
}

@media (min-width: 1367px) {
  .height-particles{
    height: 60vh;  
  }
}



.container-prices{
  margin-top: 6vh;
}

@media all and (max-width: 812px){
  .height-particles {
    height: 80vh;
  }  

  .container-prices{
    margin-top: max(21vh, 18vw);
  }
}

@media all and (min-width: 768px){
  .container-prices{
    margin-top: 9vh;
  }
}

@media all and (min-width: 812px){
  .container-prices{
    margin-top: 21vh;
  }
}


@media all and (min-width: 1367px){
  .container-prices{
    margin-top: 12vh;
  }
}


.row-prices{
  margin-top: 6vh;
}


/* Mobile Area */

@media (max-width: 992px) {
	.price-options-wrapper {
	    display: block;
	}
}

/***************************************  TABS AND BUTTONS INSIDE *****************************************/

/* Overriding tabs and buttons behavior in tabs */

/* August 2019  */

.btn-contact-us {
  background-color: #ff6171;
}

.btn-preferred {
  background-color: #ff6171;
}

.btn-preferred:hover {
  border-color: #bf3542 !important;
}


/* End of August 2019 */




.tabs-container.tabs-4 .tabs{
  margin-bottom: 1em;
}

.tabs-4.tabs-container .tabs li {
  margin-right: 0;
}

.tabs-4.tabs-container .tabs li .btn {
	border-radius: 0 !important;
  width: 12em;
  padding: 0;
}

.tabs-4.tabs-container .tabs li.active .btn,
.tabs-4.tabs-container .tabs li:hover .btn {
  background: #fff;
}
.tabs-4.tabs-container .tabs li .btn .btn__text {
	color: #fff;
}

/* August 2019 */


.tabs-4.tabs-container .tabs li.active .btn .btn__text {
  	color: #bf3542;
    font-weight: bold;
}

/*  End of August 2019 */

.tabs-4.tabs-container .tabs li:not(.active) .btn {
  	border-color: #bf3542;
    background-color: #bf3542;
}
.tabs-4.tabs-container .tabs li:not(.active) .btn:hover {
	border-color: #ff6171;
  background-color: #ff6171;
}

.tabs-4.tabs-container .tabs li.active .btn--sm{
  border-color: white;
}


@media all and (max-width: 767px) {
	.tabs-4.tabs-container .tabs li {
    	display: block;
    	margin-bottom: 0.5em;
    	left: 0 !important;
  	}
  	.tabs-4.tabs-container .tabs li .btn {
	  	border-radius: 0 !important;
	    width: 80%;
	    padding: 0;
	}  
}


@media all and (max-width: 767px){
  .pricing-1 h3{
    font-size: 22px;
  }  
}


/**************************************  BUTTONS OVERRIDING *************************/


.btn {
  text-transform: capitalize !important;
}

.btn--success {
  background: #43CB7D !important;
  color: white;
}

.btn.btn--secondary{
  background: #53656F !important;
}

.btn.btn--secondary .btn__text{
  color: white;
}

.btn--xs {
  padding-right: 1em;
  padding-left: 1em;
}

.btn .btn__text, .btn i {
  font-size: 0.9em;
}

.btn--xs .btn__text{
  text-transform: initial;
}






/***********************************    Blurred area with caption inside *******************************************/

.blurred-bg-content{
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 85%;
    text-align: center;
    background: inherit;
    overflow: hidden;
    border-radius: 0px;
    box-shadow: 0 0 32px rgba(0,0,0,0.5);
}
   
.blurred-bg-content .blur{
   background:inherit;
   height: 60vh;
   width: 111.111%;
   position: absolute;
   left: 0;
   top: 0;
   transform: translate(-5%, -15%);
   filter: blur(20px);
   z-index: -1;
}

.blurred-bg-content .text-in-blur{
  color: rgba(255,255,255,1);
  font-size: 2em;
  font-weight: 400;
  padding-top: 5vh;
}

@media all and (max-width: 767px){
 
  .text-in-blur {
    padding-left: 7px;
    padding-right: 7px;
    color: rgba(255,255,255,1);
    font-weight: 400;    
    margin-bottom: 1vh;
    margin-top: 2vh;
    font-size: 1.6em !important;
    padding-top: 3vh;
  }
}

/**  CHange to Pricing page Geoffrey March 22nd */

@media all and (min-width: 991px) {
  .blurred-bg-content {
    top: 20%;
    height: 70%;
  }
} 

@media all and (min-width: 1367px)  {
  .blurred-bg-content {
    top: 17.5%;
    height: 75%;
  }

}

.bg--particules {
  background-color: #bf3542;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}





/************************************************  End of blurred area with Caption ****************************************/


/************************************************   Pricing Card section  *************************************************/

.price-options-wrapper h5{
  margin-bottom: 0; 
  color: #fff; 
  text-transform: uppercase; 
  padding: 0.5em 1.125em; 
  letter-spacing: 1.5px;
  font-size: 13px;
}

.pricing-1 {
  padding: 1.5em;
  box-shadow: rgba(21, 34, 53, 0.3) 0px 1px 3px 0px;
}

.pricing-1 h3{
  font-size: 24px;
  margin-bottom: 18px;
}

.pricing__price .h3{
  font-size: 26px;
} 

.pricing-1 .h6{
  font-size: 12px;
  margin-bottom: 12px;
  line-height: 16px;
  font-weight: 800;
}


.h4 {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    letter-spacing: .6px;
}



.btm-0 {
  margin-bottom: 0;
}

.price-options-wrapper h5.most-popular-text{
    letter-spacing: 2px; 
    margin-bottom: 0; 
    color: #fff; 
    text-transform: uppercase; 
    padding: 0.5em 1.125em; 
    font-size: 13px;  
}


.price-options-wrapper .btn__text {
    white-space: initial !important;
}

/*************************************  End of pricing card section *******************************************/

/*  */


.tabs-content tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    /* border-top: 1px solid #dddddd; */
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 12px 18px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: none;
}


.fa-check {
  color: #43CB7D;
}




/* ---- particles.js container ---- */


/**********************************************************  FAQ Section ****************************************************/

.faq-section {
  margin-top:0 ; 
  background: #f8f8f8; 
  padding-top: 4em !important ; 
  padding-bottom: 4em;
}


.wrapper-questions {
  display: flex;
  flex-flow: row wrap;
}

.wrapper-questions:after, .wrapper-questions:before {
  box-sizing: border-box;
}

.faq-question {
    width: 50%;
}

@media screen and (max-width: 1023px){
  .faq-question {
    width: 100%;  
  }
}


@media screen and (min-width: 1024px) {
  .faq-question:nth-child(2n) {
      padding-right: 35px;
  }

  .faq-question:nth-child(2n+1) {
      padding-left: 35px;
  }
}

.faq-question-title {
  font-size: 1.8rem;
  margin: 1rem 0;
  margin-top: 2.8rem;
  font-weight: 300;

  text-transform: uppercase;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.5px;
  margin-top: 2em;
}

/***********************************************************  END OF FAQ SECTION ********************************************************************************/


/*********************************************************** SOCIAL PROOF SECTION *******************************************************************************/


.social-proof-section {
    margin-top:0;
    padding-top: 4em !important; 
    padding-bottom: 4em;
}

.ir-magazine-link {
  color: rgb(118, 118, 118);; 
  text-decoration: underline;
}

.ir-magazine-link:hover{
  color: #ff6171;
}




/**********************************************************  WHO TRUSTS GRAPHCALL ********************************************************************************/

.trust-section{
  background: #f8f8f8; 
  padding-top: 2em !important;
  padding-bottom: 4em !important;
}

.partners-1 .slider img {
  max-height: 3em;
  opacity: .8;
}


.testimonial-2 img {
  border-radius: 50%;
}

/********************************************************* TESTIMONIAL SECTION ***********************************************************************/

.elements-testimonials{
  padding-top: 5vh !important;
}



/**************************************   August 2019 *************************************/

.btn--success {
  background-color: #ff6171 !important;
}


.gc-header-login-back-icon {
  margin: 0 8px 0 0;
  width: 16px;
  height: 16px;
  margin-bottom: -4px;
}

.btn__text{
  font-weight:bolder;
}