/*

Theme Name : Diavnet Theme
Author: Diavnet team
Version: 1.0

*/


body{

width: 100%;

	font-family: poppins;

	background:white;
}


*{

	margin: 0;
	padding: 0;
}

.maps{


	width: 50%;
	float: right;
}

.contactform{

	width: 50%;
	float: left;
}

.inp{
	font-weight: bold;
}

.all852{

	    background-color: #119aad;
padding-top:20px;

}

.mm{

	color: white;
	text-align: center;
	font-family: poppins;

}

.faq22{
	    color: white;
    text-decoration: none;
    float: right;
}

.h1236{
	padding: 80px;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 5px;

}



.sasa{
	background-color: none;
}


.sososo{


	color: black;
	text-align: center;

	margin-top: 70px;

	margin-bottom: 30px;
}


.title55{


color: white;
font-size: 60px;
font-weight: bolder;
 
text-transform: capitalize;
letter-spacing: 3px;
margin-bottom: 20px;
margin-left: 100px;


   }


 .btn55{
 	

 	text-transform: uppercase;
 	color: yellow;



 }

#kiki{

	margin-left: 100px;

	background-color:#00bcd5;
	padding: 7px;

	

}

.title22{


	color: white;
font-size: 20px;

 
text-transform: capitalize;
letter-spacing: 3px;

margin-left: 100px;
width: 40% ;

margin-bottom:30px;
}


.text10{

letter-spacing: 2px;

margin-top: 80px;
line-height: 15px;





}

.text20{

	letter-spacing: 2px;
	line-height: 30px;

}

#btnn55{
	margin-top: 20px;
	background-color:#8e6d09;
	color: white;
	padding: 7px;
	margin-left: 10px;
	font-size: 11px;
}


.title002{

	font-size: 18px;
}



.service002{
	font-size: 17px;
	letter-spacing: 1px;

	color:#fbbd02;

	margin-bottom: 80px;
	background-color: #f8f9fa;
    padding: 30px;
}

.service002:hover{

	background-color: #eae7e7;
}
		

}

.bt_bb_service_content_title{

color:black;
font-weight: bolder;
font-family: roboto;
font-size: 20px;
margin-top: 10px;

}

.bt_bb_service_content_text{
	color: black;
}


.nbr10{
	background-color: #fbbd02;
	padding-bottom: 37px;
}

.contact55{

	margin-top: 50px;
	letter-spacing: 2px;

}

.title01{
	   

font-size: 20px;

margin-bottom: 80px;
}



.nbr20{
	background-color: #073373;
	letter-spacing: 2px;
}

.nbr30{
	background-color: #fbbd02;
	letter-spacing: 2px;
}

#btnn66{
	
    color: white;
    padding: 7px;
    margin-top: 20px;
    margin-bottom: 20px;
   
    text-align: center;

}



.post10{

	background-color: white;
}

.mm25 a {

	color: black;
	letter-spacing: 2px;
	font-family: poppins;
	text-transform: capitalize;
	text-decoration: none;

}




.pddnn{

	margin-bottom: 40px;
}


input{



	
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 23px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f3f6f9;
    background-clip: padding-box;
    
    border:1px solid #f3f6f9;
    border-bottom: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;



   
}

textarea{


    width: 100%;
    height: auto;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
 background-color: #f3f6f9;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-
}

label{
	font-family: poppins;
	font-size: 16px;
	letter-spacing: 2px;
	text-align: left;
	color: black;
	width: 100%;
}

.wpcf7-submit{

	background-color: #1dba9e;
	    display: block;
    width: 100%;
    height: auto;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
 
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: 13px;
    color: white;
    font-size: 20px;
    font-family: poppins;

}


.para10{

	padding-left: 20px;
	font-size: 14.5px;

}



.clr48{

	  

	    color: white;
	    font-family: poppins;
}


.mb-md-0{

	
    font-size: 17px;
    text-transform: capitalize;
}

.nav-link{

	margin-left: 15px;
}


.navbar-light .navbar-nav .nav-link {

	color:black;



}


.rdv56{


	color: white;
	font-family: poppins;
	font-size: 14px;
}


.top22{

	/*background: #cc9e16; */

	background: #00bcd5;  

    padding: 8px;  
   width: 100%;
}


.headerff10{
	width: 100%;
}

.appel22{
	color: white;
    font-family: 'Poppins';
    margin-left: 25px;
   
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 12px;
}

.nmbrr56{
background-color: #07899b;
border-color:#07899b;
	margin-left: 10px;
    border-radius: 10px 0px;
    color: white;
    font-weight: bold;
    font-size: 12px;
}


.adres23{

	padding: 10px;
	padding-bottom: 30px;
}

.adress7575{


	margin-top: 10px;
}

 .adress7575 .bt_bb_column_content{
	    background-color: #fbbd02;
    padding: 20px;
    border: 10px 0px 0px 10px;
    border-radius: 0px 10px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.adres23 a {

	color: black;
	text-decoration: none;
}


.mdd10{

	background-color: #A50303;
	width: 100%;

padding-top: 50px;
	
}

.yll10{

	color: white;
    
	width: 80%;
	line-height: 30px;

}


.esp223{

	margin-bottom: 20px;

}


.mdd10 ul {



    font-size: 16px;
  
    padding-left: 0px;
       
}

.mdd10 li{

	    padding-bottom: 10px;
	  list-style-image:url("wp-content/uploads/2021/07/yes.png");
	list-style-type: none;
	 
}




.mdd10 a {

	text-decoration: none;
    color: white;
}

.mdd10 a:hover{

	
    color: #fbbd02;
}


.menuu10{
	color: white;
    text-transform: uppercase;
    text-align: left;
    font-size: 20px;
    letter-spacing: 1px;
    padding-bottom: 25px;
    margin-top: 42px;
	font-weight:bold;

}




.vava10{
	color: #c8c8af;
	font-size: 22px;
	list-style-type: none;
}

.es22{
	padding-left: 10px;
	font-size: 16px;
	
}


.ebb22{
	font-size: 16px;
    text-align: center;
    float: right;
    width: 80%;
}


.mdd200{
	    background-color: #620101;
    color: white;
    text-align: center;
    padding: 20px;
    font-family: 'Poppins';
    font-size: 15px;
}


.dvnt10{
	float: left;
    color: white;
    text-decoration: none;
    color: yellow;
}


.logo23{



}


.clr48 .dropdown-menu {



	width: 300px
}


.mdd10 .sub-menu {
	 display: none;
}


.ghl25{
	    margin-top: 60px;
    font-size: 30px;
    color: #465ca4;
    padding-bottom: 25px;

}

.ghl251{
	   

    font-size: 30px;
    color: #465ca4;
    

}

.pdn1917{
	    padding-top: 40px;
    padding-bottom: 40px;
	margin-top:100px;
}

.pdn1516{
	    padding-top: 30px;
}

.katbardv{
	text-transform: uppercase;
    margin-bottom: 20px;
}
.text26{
	    line-height: 30px;
    letter-spacing: 0.6px;
    padding-bottom: 50px;

}

.text27{

	padding-top: 30px;
}

.marginbottom25{
	
	margin-bottom:20px;
}
.vivo22{
	    box-shadow: 0px 5px 30px 0px rgb(44 67 83 / 10%);
}


.hiho25{
	width: 50%;
	padding: 20px;
}



.mrgnn{

	margin: 0;
	padding:0;
}



.lolo159 .bt_bb_row .bt_bb_column{

	margin: 0px;
	padding: 0px;
}


.coco147{

	padding: 10px;
   
    letter-spacing: 1.2px;
    padding-left: 20px;
    line-height: 34px;
    font-size: 16px;
}


.photo66{

	height: 500px;
}

/*
.mfp-counter{

display: none;

}

*/


.contactmed11{    color: white;
    margin-top: 40px;
	margin-bottom:40px;
    font-size: 25px;
    font-weight: bold;
	width:100%;
	}  

.blogdent1{
	text-decoration: none;
    color: #057989;
}

.bt_bb_latest_posts_item .bt_bb_latest_posts_item_title a{
	
	text-decoration: none;
    color: black;
	text-transform:capitalize;
	font-size:15px;
}
/**
.bt_bb_latest_posts_item .bt_bb_latest_posts_item_image img {
	
	height:300px;
}
**/

.esp138{
    text-align: right;

}




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

  	.espacee10{
  		padding-top: 10px;
  	}

  .texto26{

  	margin-bottom: 30px;
  }
	   
  .esp138 {
		   text-align:left;
	   }
  }



.titlemed1{

text-transform: uppercase;
}




.textdent{
    margin-top: 15px;
    letter-spacing: 1px;
    line-height: 27px;

}


.miki15{
	background-color: #00bcd5;
   
    letter-spacing: 5;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 20px;
    padding: 5px;
}

#textdent1{


	color: white;
}

#pdn50{
	padding-top: 50px;
}

.margindent{
	margin-bottom: 80px;
}

.titlepq{
	text-transform: capitalize;
   
    padding-bottom: 20px;
}
.textepq1{
	
	color: #6b6e72;
	font-size:14px;
}

.pdnpq11{
	padding-bottom:20px;
}

.vovo10{

	color: white;
	list-style-type: none;
}

.sisi73{
	background: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
}


#sisi77{
	    background: #ffc107;
    color: white;
    font-weight: bold;
}

.pdntop39{
	margin-top:50px;
}

.pdnbtm23{
	margin-bottom:100px
}

.esp045{
	padding-top:40px;
}

.espquiz77{
	
	   padding-top: 150px;

}
.espbottomquiz77{
	padding-bottom:20px;
}


 @media only screen and (max-width: 992px){
	 
	 .pdntop08{
		 
		 padding-top:20px;
	 }
	 
	 .espa733{
		 padding-top:40px;
	 }
}

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

  	.clr48 .dropdown-menu{
  		width: 100%;
  	}

  	.title55{


color: white;
font-size: 40px;
font-weight: bolder;
 
text-transform: capitalize;
letter-spacing: 2px;
margin-bottom: 20px;
margin-left: 40px;

   }


   .title22{


	color: white;
font-size: 15px;

 
text-transform: capitalize;
letter-spacing: 2px;

margin-left: 40px;
width: 80%;

margin-bottom:10px;
}

#kiki{

	margin-left: 40px;

	background-color:#00bcd5;
	padding: 4px;
	font-size: 10px;


}



.slider2525 .slick-next  .slick-prev{


	display: none;
	


}



.photo66{

	height: auto;
}




.h1236 {
	padding: 0px;

}


 .contact83{

  	padding-top: 40px;
  }
	  
	  
	 

  }



	  
}

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


  	.h1236 {
	font-size: 30px;

}
	
	

  }

  @media only screen and (max-width: 392px){
	  .nmbrr53{
		  
		  margin-top:10px;
	  }
	  
}

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


  	.h1236 {
	font-size: 20px;

}


  }



.qsm-page{
	text-align:center;
	
	background:#fafafa;
	
}

.quiz_theme_default {
		width: 60%;
    margin-left: 20%;
    background: white;
    padding: 20px;
   
    margin-bottom: 100px;
  
    margin-top: 100px;
    text-transform: capitalize;
    font-family: arial;
    letter-spacing: 1px;
    color: #04616e;
	box-shadow: 10px 10px 8px #888888;
    border: 0px;
	
}

.qsm-before-message{
	
	    font-size: 25px;
    font-weight: bold;
    text-transform: capitalize;
    font-family: arial;
    letter-spacing: 1px;
    color: #04616e;
}

.mlw_qmn_new_question{

	    font-size: 22px;
    color: black;
    padding-top: 20px;
}
.mlw_previous{
	margin-left:10px;
	    margin-top: 10px;
}
.mlw_next{
	margin-right:10px;
}

img.attachment-full.size-full{
	

	max-width: 100%;
	
}

img.alignnone.size-medium.wp-image-410{
	border-radius: 50%;
	
}
.mlw_answer_file_upload{
	height:100%;
}
.btn753{
	background: #ff0047;
    border-radius: 5px;
    text-transform: uppercase;
    color: white;
}
.prixx{
	color:red;
}

.qsm-featured-image{
	padding-bottom:15px;
}

.btnquiz288{
	background: #22b1c5;
    color: white;
    font-weight: bold;
    padding: 5px;
    padding-left: 40px;
    padding-right: 40px;
    text-transform: uppercase;
    
    font-size: 18px;
	
}

  @media only screen and (max-width: 769px){
	  .quiz_theme_default{  width:100%;
		   margin-left: 0%;
		   } 
	  
	  input#contact_field_1.mlwEmail.mlwRequiredText.qsm_required_text{
		  width:100%;
	  }
	  .espquiz77{
	
	   padding-top: 20px;

}
	  
	  input#contact_field_1.mlwEmail {
		  width:100%;
	  }
	  select.qsm_select.qsm_dropdown{
		  
		  padding:10px;
	  }
	  .rr22{
		      text-align: left;
    padding-top 10px: ;
	  }
}

.wpp-list{
	padding:0px
}

.wpp-post-title{
	color:black;
}

/*elementooooooooooooooooooor */
.button.wc-forward{background: #1dba9e;
    padding: 10px;
    color: white;
    margin: 5px;

}

#quantity_657482773ae3c{
	
	padding:10px:
}

.qty{
	padding:10px;
}


img.lg-object.lg-image{
	
	max-height: 70vh;
}

.aws-container .aws-search-form .aws-form-btn{
	
	background: #1578BD;
}

.aws-container .aws-search-form .aws-search-btn_icon{
	
	color:#ffffff;
}



/* Styles pour afficher les variations comme des boutons */
.single_variation {
    display: inline-block;
    margin-right: 10px; /* Ajustez la marge selon vos préférences */
}

/* Styles pour ajouter une bordure et un fond aux boutons */
.single_variation {
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    padding: 5px 10px;
    display: inline-block;
    margin-right: 10px; /* Ajustez la marge selon vos préférences */
}


/*cart    */

.fkcart-icon-checkout{
	
	color: #ffffff;
    background: #0f5f97;
    border-radius: 15px;
    padding: 4px;
}

/*boutoooooooooooooon*/

     /* Style du conteneur principal */
        #floating-container {
            position: fixed;
            bottom: 20px;
            right: 20px;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
			z-index:100;
        }

        /* Style du bouton principal en bas avec l'icône "contact" */
        #floating-button {
            width: 60px;
            height: 60px;
            background-color: #51db77; /* Couleur verte de WhatsApp */
            border-radius: 50%;
            color: #fff;
            text-align: center;
            font-size: 20px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: transform 0.3s ease;
            animation: float 2s ease-in-out infinite;
        }

        /* Style des boutons WhatsApp, Appel et Email en bas (initialement cachés) */
        .action-button {
            width: 50px;
            height: 50px;
            background-color: #51db77;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            font-size: 25px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 10px; /* Modifier pour afficher en bas */
            transform: translateY(20px);
            transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
            border: 0px;
            opacity: 0; /* Initialement caché */
            margin: 5px;
        }

        /* Style de l'icône "contact" */
        #contact-icon {
            font-size: 24px;
        }

        /* Style de l'animation du bouton principal (commence après 4 secondes) */
        @keyframes float {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-10px);
            }
        }

/*boutooooooooon */




/* Masquer spécifiquement les boutons avec les classes indiquées */
.product_type_simple.add_to_cart_button.ajax_add_to_cart,
a.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: none !important;
    visibility: hidden !important;
}

/* Si vous voulez aussi cacher uniquement ces boutons sur certaines pages */
.woocommerce-shop .product_type_simple.add_to_cart_button.ajax_add_to_cart,
.archive .product_type_simple.add_to_cart_button.ajax_add_to_cart,
.tax-product_cat .product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: none !important;
}


.product_type_variable.add_to_cart_button {
  display: none !important;
}


.product_type_simple {
  display: none !important;
}
