/*   
Theme Name: Twenty Nineteen Child
Theme URL: http://hostinger-tutorials.com
Description: Twenty Seventeen Child Theme
Author: John Doe
Author URL: http://hostinger-tutorials.com
Template: twentynineteen
Version: 1.0.0
Text Domain: twentynineteen-child
*/


body,html{
  font-family: futura-pt,sans-serif;
  color: #fff;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  font-size: 0.8rem;
  
}

/*
[class^="col"] { background-color: rgba(255, 0, 0, 0.1); border: 1px dotted #aaa; }
[class^="wrapper"] { rgba(23, 92, 144, 0.1) border: 1px dotted #aaa; }

*/



.wrapper{
	margin: 0 calc(5% + 15.125rem);
}


.hide{
	display:none;
}




.btn-hueman, .btn-hueman:hover, .btn-hueman:active{
	background: #2181ab !important;
	
	border: 1px solid #2181ab !important;
	
	color: #fff;
	font-weight: bold;
	font-size: 2.25rem;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	width: 29.125rem;
	height: 7.1875rem;
	line-height: 6.1875rem;
	text-transform: uppercase;
}


.btn-hueman-green, .btn-hueman-green:hover, .btn-hueman-green:active{
	background: #CAD600 !important;
	
	color: #fff;
	font-size: 1.8rem;
	width: 25.125rem;
	height: 5.1875rem;
	line-height: 4.1875rem;
	
}


.btn-hueman:disabled{
	background: #ccc;
}



.wpcf7-response-output{
	display: none !important;
}



.continut-kit .title{
	color: #01709C;
	font-size: 2rem !important;
	font-weight: bold;
}

.continut-kit .feature{
	color: #242424;
	font-size: 1.875rem !important;
}

.continut-kit i{
	color: #CAD600;
	padding-right: 1.3rem;
}
.continut-kit .feature_block{
	
}

.continut-kit img{
	width: 100%;
}

.sumar-comanda {
	background: #fff;
	padding: 0.5rem;
	color: #01709d !important;
}


.sumar-comanda .title{
	
	color: #01709d !important;
}


.sumar-comanda .total{
	font-size: 2rem;
}





/*
.btn-hueman-green, btn-hueman-green:hover, btn-hueman-green:active{
	background: #53C91F !important;
	
	font-weight: bold;
	font-size: 16px;
	
	
	border: 1px solid #53C91F !important;
	padding: 2% 5% 2% 5%; 
	color: #fff;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	
	
	-webkit-box-shadow: 0px 10px 24px -10px rgba(30,130,172,0.5);
	-moz-box-shadow: 0px 10px 24px -10px rgba(30,130,172,0.5);
	box-shadow: 0px 10px 24px -10px rgba(30,130,172,0.5);

}
*/

section{
	padding-top: 7%; 
	padding-bottom: 7%;
}



#section_success{
	background: url('./images/thank_you_bg.png') top right  no-repeat;
	
	
	
	padding-top: 10%; 
	padding-bottom: 10%;
	
	
	
	
}



#section_success .title{
	font-size: 55px;
	line-height: 1em;
	font-weight: bold;
	color: #242424;
}

#section_success .description{
	font-size: 24px;
	line-height: 1.2em;
	color: #242424;
}


#section1{
	background: url('./images/section1_bg.jpg') top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
	padding-top: 10%; 
	padding-bottom: 10%;
	
	
}


.poze-produs{
	padding: 0;
	margin: 0;
	list-style: none;
}

.poze-produs li{
	width: 25%;
	float:left;
	border: 1px solid #fff;
}

.poze-produs li img{
	width: 100%;
	cursor: pointer;
}

#informatii-utile h1{
	font-size: 4.125rem;
	color: #01709C;
	font-weight: bold;
}



#informatii-utile h1::before{
	display: none;
}



#informatii-utile .card {
	border: 0;
	border-radius: 0;
	margin-bottom: 0.625rem;
	
}




#informatii-utile .card-header a{
	font-size: 2rem;
	line-height: 2rem;
	color: #000000;
	padding: 0;
	font-weight: bold;
	margin-left: 1.25rem;
	display: block;
	
	padding: 2rem 0 2rem 0;
	
	
}

#informatii-utile .card-header {
	border-bottom: 0;
	padding: 0;
	background: #E4E4E4;
	cursor: pointer;
}

/*
#informatii-utile .card-header i{
	font-size: 1.25rem;	
	line-height: 1.25rem;
	color: #000000;
	margin-right: 1.25rem;
	
	padding: 1rem 0 1rem 0;
	
}

*/


#informatii-utile .card-header i{
	font-family: 'Font Awesome 5 Free';
   content: "\f0d7";
   float: right;
   transition: all 0.5s;
   color: #000000;
	font-size: 2rem;
	line-height: 2rem;
	margin: 2rem 1.25rem 2rem 0;
}


#informatii-utile .card-header.active i{
	font-size: 2rem;
	line-height: 2rem;
	color: #000000;
	margin: 2rem 1.25rem 2rem 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);s
}





#informatii-utile .card-header:not(.collapsed) {
	background: #CAD600;
}


#informatii-utile .card-header:not(.collapsed) a{
	color: #01709C;
}

#informatii-utile .card-header:not(.collapsed) i{
	color: #01709C;
}




#informatii-utile .card-body {
	padding: 0;
	padding: 1.25rem;
	background: #fff;
	color: #000000;
	font-size: 1.875rem;
	line-height: 1.875rem;
}



#info-bonus{
	background: #CAD600;
	padding: 0;
	padding-top: 3.125rem;
	padding-bottom: 3.125rem;
}

#info-bonus .bonus{
	font-size: 5.625rem;
	line-height: 5.625rem;
	color: #01709C;
	font-weight: bold;
}

#info-bonus .timp{
	font-size: 3.125rem;
	color: #242424;
	
}


#info-bonus .timp span{
	font-weight: bold;
	
}


#transport-gratuit{
	padding: 0;
	margin: 0;
}

#transport-gratuit img{
	width: 100%;
}

#info-cadou{
	padding: 0;
}


#info-cadou img{
	width: 100%;
}

#descriere-produs .eticheta-cadou{
	width: 100%;
}

#info-cadou .eticheta-cadou{
	width: 100%;
}

.eticheta-cadou-text{
	font-size: 2.25rem;
	
}


#descriere-produs .title{
	color: #01709C;
	font-size: 3.125rem;
	line-height: 3.25rem;
}


#descriere-produs span{
	font-weight: bold;
}

#descriere-produs .pret{
	font-size: 4.5rem;
	color: #CAD600;
	font-weight: bold;
}

#descriere-produs .descriere{
	font-size: 1.875rem;
	color: #242424;
}




#comanda-produs{
	background: #000000 url('./images/bg_comanda_produs.jpg') top no-repeat;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#comanda-produs .title{
	font-size: 3.4375rem;
line-height: 1em;
color: #fff;
font-weight: bold;
}


#section7{
	background: url('./images/section7_bg.jpg') top no-repeat;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
}

#section7 .title{
	font-size: 3.4375rem;
	line-height: 2.5rem;
	font-weight: bold;
}


#section7 .description{
	font-size: 24px;
	line-height: 1.2em;
}


#section8 .title{
	font-size: 55px;
	line-height: 40px;
	color: #2181ab;
	font-weight: bold;
}


#section8 .logo{
	width: 100%;
}


#section8 .logo img{
	width: 180px;
}


#section8 .description{
	font-size: 24px;
	line-height: 1.2em;
	color: #2181ab;
}

#section9{
	background: #2181ab;
	font-size: 16px;
}
	
#section9  {
	padding-top: 2%; 
	padding-bottom: 2%;
}



.creat_de{
	
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	
}


.creat_de span{
	color: #fff;
	text-align: right;
	vertical-align: -2px;
}

.creat_de img{
	width: 95px;
	height: auto;
	position: relative;
}



#formular-hidrosystems .input_row{
	margin-bottom: 1.85rem;
}

#formular-hidrosystems .title{
	color: #fff;
	font-size: 1.85rem;
	line-height: 1.85rem;
	margin-bottom: 0.3rem;
}


#formular-hidrosystems .wpcf7-not-valid-tip{
	display: none;
}


#formular-hidrosystems .wpcf7-not-valid{
	border: 1px solid #ff0000;
	
	
}



.formular-body{
	background: #01709d;
	padding: 2.85rem;
	
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}



.formular-body a{
	color: #fff;
	text-decoration: underline;
}




.wpcf7-form-control label{
	font-size: 1.738rem;
}


input.wpcf7-form-control{
	font-size: 1.75rem !important;
}


.wpcf7-select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-image: url("data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'> <polygon points='0,0 60,0 30,40' style='fill:black;'/> </svg>");
   background-repeat: no-repeat;
   background-size: 0.5em auto;
   background-position: right 0.75em center;
   padding-right: 2em;
   padding-left: 0.5em;
  font-size: 1.75rem !important;
  height: auto !important;
}





/*MAC LAPTOP 13" RETINA HD*/
@media only screen and (max-width:1500px){
	
	body,html{
	  
	  font-size: 0.7rem;
	  
	}

	
	
	
	.wrapper{
		margin: 0 calc(5% + 5.125rem);
	}

}

/*TABLET LANDSCAPE*/
@media only screen and (max-width:1024px){
	
	
}


/*TABLET PORTRAIT*/
@media only screen and (max-width:800px){
	
}




/*MOBILE LANDSACPE*/
@media only screen and (min-width:480px) and (max-width:900px){
	
}



/*MOBILE PORTRAIT*/
@media only screen and (max-width:480px){
	
	body,html{
		font-size: 0.6rem;
	}
	
	.wrapper{
		margin: 0 2rem;
	}
	
	
	
	#info-bonus{
		padding-top: 1.125rem;
		padding-bottom: 1.125rem;
	}

	
	#info-bonus .bonus{
		font-size: 3.625rem;
		line-height: 3.625rem;
		color: #01709C;
		font-weight: bold;
	}
	
	#info-bonus .timp{
		font-size: 2.125rem;
		color: #242424;
		
	}

	

	
    
    
}