/*
Theme Name: Total Child
Theme URI: https://hashthemes.com/wordpress-theme/total/
Template: total
Author: Hash Themes
Author URI: https://hashthemes.com
Description: Total as its name suggest is a complete package theme with all the feature that you need to make a complete website. The theme has clean and elegant design with vibrant color(Theme Color Changable Option) and parallax sections. The home page consist of slider, featured section with icon, about us section with progress bar, portfolio section with masonary layout, team section, testimonial section, counter section, blog section with option to add 3, 6 or 9 blog posts, clients logo carousel slider and call to action section. The theme is fully responsive and is built on customizer that enable you to configure the website with live preview. The theme is SEO friendly, Cross browser compatible, fully translation ready and is compatible with WooCommerce and all other major plugins. DEMO: http://demo.hashthemes.com/total/
Tags: two-columns,right-sidebar,custom-background,custom-menu,editor-style,featured-images,footer-widgets,theme-options,threaded-comments,translation-ready,portfolio,photography,holiday,custom-logo
Version: 1.1.6.1.1487078126
Updated: 2017-02-14 13:15:26

*/

/*--------------
CULORI tema:
Gri:	#323133
Rosu:	#df182c
----------------*/

#menu-meniu-principal li a:hover {
    background: transparent;
    color: #df182c;
}
#menu-meniu-principal li a {
  text-transform:none;
  font-size:16px;
  color:#323133;
}
#menu-meniu-principal .current_page_item a {
   background: transparent;
    color: #df182c;
}
.ht-container-home {width:100%;}
#ht-site-branding img {
    max-height: 67px;
}
.toggle-bar {
    position: fixed;
    top: 22px;
    right: 20px;
    height: 50px;
    width: 50px;
    background: #FFC107;
    cursor: pointer;
    z-index: 9999;
    border-radius: 7px;
}

.ht-main-header {padding: 15px 0;}
.contact #contactLayout .wpcf7-form label {color: #ffffff;}
#contactPrincipal {margin:0 auto;}
#contactPrincipal textarea {height:210px; border-color: #cecece;}
#contactPrincipal input:not(.wpcf7-submit) { 
  border-color: #cecece; 
  width: 98%; 
}
.ewd-slider-section .slider .ewd-slide .slideText .slideTitle {
	  font-size:2.5rem!important;
	color: #df182c;
  text-shadow: 1px 1px #323133;

/* background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(79,79,79,1) 50%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(79,79,79,1) 50%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(79,79,79,1) 50%,rgba(0,0,0,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );  */
}
.ewd-slider-section .slider .ewd-slide .slideText ul.slideButtons li a {
  border:none;
	  background: #df182c;
	}
.border-radius {
	  -moz-border-radius:7px;
	-webkit-border-radius:7px;
		  border-radius:7px;
		}
/*--------------------------------------------------------------
## Portfolio Section
--------------------------------------------------------------*/

#portfolio-home .masonry {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  -moz-column-fill: initial;
  -webkit-column-fill: initial;
  column-fill: initial;
}
#portfolio-home .masonry .brick {
  margin-bottom: 30px;
  position:relative;
}
#portfolio-home .masonry .brick img {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
   max-width: 100%;
  vertical-align: top;
}
#portfolio-home .masonry .brick:hover img {
  opacity: .75;
}
#portfolio-home .masonry.bordered {
  -moz-column-rule: 1px solid #eee;
  -webkit-column-rule: 1px solid #eee;
  column-rule: 1px solid #eee;
  -moz-column-gap: 50px;
  -webkit-column-gap: 50px;
  column-gap: 50px;
}
#portfolio-home .masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}
#portfolio-home .masonry.gutterless {
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  column-gap: 0;
}
#portfolio-home .masonry.gutterless .brick {
  margin-bottom: 0;
}

#portfolio-home .brick .box {
	 position: absolute;
	
	left: 10px;
	right:10px;
	bottom:10px;
	top: 10px;
	color: #ffffff; 
	z-index:999;
	opacity:1;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	overflow:hidden;
	border-radius:3px;
}
#portfolio-home .brick .box:hover {opacity:1; background: rgba(27, 106, 188, 0.78);}
#portfolio-home .brick img {width:100%;vertical-align:bottom;}
#portfolio-home .brick .box h5{
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	/*-ms-transform: translate(300px, 0); 
   	-webkit-transform: translate(300px, 0); 
    transform: translate(300px, 0);*/
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

/*#portfolio-home .brick .box:hover h5{
	-ms-transform: translate(0, 0); 
   	-webkit-transform: translate(0, 0); 
    transform: translate(0, 0);
}*/

#portfolio-home .brick .box a {
	height: 36px;
	width: 36px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	text-align: center;
	display: block;
	line-height: 36px;
	color: #000000;
	font-size: 14px;
	background: #FFF;
	margin: 10px 5px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

#portfolio-home .brick .box a.masonry-portfolio-image{
	-ms-transform: translate(-300px, 0); 
   	-webkit-transform: translate(-300px, 0); 
    transform: translate(-300px, 0);
    right: 66px;
}

#portfolio-home .brick .box a.masonry-portfolio-link{
	-ms-transform: translate(-300px, 0); 
   	-webkit-transform: translate(-300px, 0); 
    transform: translate(-300px, 0);
}

#portfolio-home .brick .box:hover a.masonry-portfolio-link,
#portfolio-home .brick .box:hover a.masonry-portfolio-image{
	-ms-transform: translate(0, 0); 
   	-webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
/* ===========================
		Floating form		  
============================== */
					  
/* floating box style */
.floating-form { /*contact form wrapper*/
    max-width: 300px;
    padding: 30px 30px 10px 30px;
    border: 1px solid #ddd;
    position: fixed;
    left: 299px;
    top: 20%;
    z-index: 9999999999;
    background: #fff;
    }
.contact-opener { /*opener button*/
   	position: absolute;
	right: -105px;
	transform: rotate(90deg);
	top: 40%;
	padding: 7px;
	color: #fff;
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);*/
	cursor: pointer;
	background: #df182c;
	-moz-border-radius: 5px 5px 0px 0px;		
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
			transition:background .5s;
}
.contact-opener:hover {background: #323133;}
#contact_body .wpcf7-form input {
    width: 100% !important;
}
#contact_body .wpcf7-textarea {
    height: 70px !important;
}
			  

  
/* ================================================
				Responsive general 
================================================ */
@media only screen and (min-width: 1024px) {

 #portfolio-home .masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #portfolio-home .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}
			
@media screen and (max-width: 1000px){
  .ht-menu.ht-clearfix {position:fixed;}
  .toggle-bar, .ht-main-navigation .ht-menu {
  	background: rgb(88, 88, 88) !important
  }
  #menu-meniu-principal li a {
  	color: #ffffff !important;
  }
  #menu-meniu-principal li a:hover {
  	color: rgba(255,255,255, 0.6) !important;
  }
  #menu-meniu-principal .sub-menu li a {
  	color: #323133 !important;
  }
  #menu-meniu-principal .sub-menu li a:hover {
  	color: #df182c !important;
  }
}
@media screen and (max-width:600px) {
	.floating-form {top:15%}
  #contact_body .wpcf7 {
	  font-size: 14px;
	  font-weight: bold;
  }
  #contact_body .wpcf7 input, #contact_body .wpcf7 select {
	font-size: 14px;
	font-weight: bold;
	height:30px;
	padding:0px;
  }
	#contact_body .wpcf7 input[type="checkbox"] {height:auto;}
}
@media screen and (max-width:381px) {
	.contact #contactLayout .wpcf7-form input {
		width: 100% !important;
    }
}