/*
Theme Name: Patti Child
Theme URI: http://deliciousthemes.com/
Description: Creative / Portfolio One-Page Theme
Author: Madalin Tudose
Author URI: http://deliciousthemes.com/
Template: patti
Version: 1.4
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../patti/style.css');


/* =Theme customization starts here
-------------------------------------------------------------- */
.contact-info a{ color: white !important;}
 h1, h2, h3 { text-transform: uppercase !important; font-weight: 300 !important; }
.fancy-slider-caption{ font-family: "Raleway" !important; text-transform: capitalize !important; }
.scrolled-header .logo img{ min-height: 50px !important; height: 60px !important;}

.tp-caption.black h1 {
    font-size: 78px;
    color: #fff;
    text-transform: uppercase;
    border: none !important;
    font-weight: 700;
    padding: 10px 30px;
    line-height: 56px;
	text-align: center;
	margin-bottom: 0;
	margin-top: 0;
}

.tp-caption.black p {
	margin-bottom: 5px;
}

.fancy-caption {
	overflow: hidden;
	position: relative;
	text-align: center;
	margin: 0 auto !important;
	padding-top: 5px;
}

.fancy-slider-caption {
	text-align: center !important;
	color: #fff;
	font-size: 20px ;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0px !important;
	line-height: 20px ;
	position: relative;
	display: block;
}
.single-portfolio .owl-carousel .owl-item img, .single-post .owl-carousel .owl-item img{ width: auto !important;}
#header.scrolled-header #header-social{ display: none !important;}
#header.scrolled-header #mainnav{margin-top: 14px; margin-right: -40px !important;}
.tp-dottedoverlay.twoxtwo{ background-image: none !important; background-color: rgba(0, 0, 0, 0.3) !important;}
.centered-wrapper{ width: 1280px !important;}
ul#mainnav li a{ color: #ffffff !important;}
.scrolled-header ul#mainnav li a{ color: #564D4F !important;}
#header-social{margin-left: 300px;}
#header-social li a{ color: #f1f1f1 !important;}
.bar{ position: fixed; bottom: 0; width: 100%; height: 30px; background-color: rgba(255, 255, 255, 0.75); display: none; margin: 0px; padding: 0px 20px 0px 20px; border-top: 1px solid rgba(115, 115, 115, 0.56);}
.scrolled-header .bar{ display: block;}
#header.scrolled-header .bar #header-social{ display: block !important;}
header.scrolled-header .bar #header-social li a{color: #404040 !important;}
.all-projects, #filters { display: none !important; }
.bar .contact{float: left;}
.bar .contact{font-size: 16px !important; padding: 4px; color: #2a2a2a !important; font-weight: 600; }
.bar .contact span{ font-weight: 100 !important; margin-left: 10px; margin-right: 10px;}
.bar .contact a{ color: black !important;}
.page-id-193 #header:not(.scrolled-header)::before, .page-id-896 #header:not(.scrolled-header)::before, .page-id-894 #header:not(.scrolled-header)::before{ background: url(bg_pages.jpg) no-repeat center center !important; background-size: cover !important; width: 100%; height: 111px !important; display: block; position: absolute; content:""; opacity: .5; }
.centered-wrapper{ padding:  0 15px !important;}
@media only screen and (max-width: 1200px) {
	ul#mainnav li a{ margin: 0px !important;}

}
.center{ text-align: center !important;}
.button.green{ border-color: black !important; color: black !important;  }
.button.green:hover{ background-color: white !important; }
.page .menu-fixer, .single .menu-fixer{ background-color: #1e1e1e;}
.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-4-3:before{ padding-top: 20% !important;}
#contact h3, #contact li{ text-transform: none !important; }
h2.parallax-quote, .quote-author{ color: black !important; text-transform: none !important; font-style: italic !important; }
.home.page #header.transparent-header, .single #header.transparent-header, .page #header.transparent-header{ background-color: rgba(255, 255, 255, 0.26) !important;}
.single #header.transparent-header, .page #header.transparent-header{ background-color: #585858 !important;}
 .team-text h3 span, #header.scrolled-header ul#mainnav>li.current>a span, #header.scrolled-header ul#mainnav>li.highlighted-state>a span{ color: black !important;}
ul#mainnav>li.current>a span, ul#mainnav>li.highlighted-state>a span{ border-bottom-color:
	 black;
 }
#header.scrolled-header ul#mainnav>li.current>a span, #header.scrolled-header ul#mainnav>li.highlighted-state>a span{ border-bottom-color:
	 black;
 }
 #header ul#mainnav>li.current>a span, #header ul#mainnav>li.highlighted-state>a span{ border-bottom-color:
	 white;
 }

  .team-text h3 span, #header ul#mainnav>li.current>a span, #header ul#mainnav>li.highlighted-state>a span{ color: white !important;}

.page-id-193 .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item{ padding-bottom: 0px !important;}
.page-id-193 .vc_is-hover{ background-color: white !important;}
.vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle{ position: relative !important;}
.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-4-3:before{ padding-top: 10% !important; }
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before, .vc_row:after, .vc_row:before{ content: none !important; display: none !important; }
.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-4-3:before{ padding-top: 2% !important; }
.totop{ bottom: 31px !important;}
#footer{ color: #5a5a5a !important; }
/*
.portfolio-slider .owl-prev, .portfolio-slider .owl-next{bottom: 50% !important; right: -36px !important;}
.portfolio-slider .owl-prev{ left: -36px !important; right: auto !important;}
*/
.portfolio-slider .owl-nav i{ font-size: 40px !important; color: black !important;}
.vc_gitem-animated-block:before{ content: " “ "; font-size: 100px;  font-family: helvetica; display: block; top:20px; position: absolute; margin-top: 20px; color: #dadada !important; }

.vc_gitem-zone.vc-zone-link{background-color: transparent !important; position: relative !important;}
.vc_gitem-zone.vc_gitem-zone-b a:hover{background-color: transparent !important;}
.vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-b, .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-b:hover{ background-color: transparent !important;}
.post-bottom-content{display: none !important; }
#navigation{ margin-right: -12px;}
.home .owl-dots{ display: none !important;}
.grid-item-on-hover h3{ text-transform: none !important; }
.single-post .post-single{margin-top: 0px !important; padding-top: 5px !important;}
.page-title-subtitle{ margin-bottom: 20px !important; padding:7px; border-bottom: 1px solid rgba(115, 115, 115, 0.91); font-weight: bold !important; }
.page-title-subtitle h2{ font-size: 20px; text-align: center; font-weight: bold !important; margin-bottom: 9px !important;}
.owl-carousel .owl-item img{ height: 520px !important;  margin: 0 auto;}
.post-meta{ display: none !important;}
h1.portfolio-title{ text-transform: none !important; font-weight: bold !important; }
.masonry-title.entry-title{border-bottom: 1px solid rgba(115, 115, 115, 0.91);}
.vc_gitem-post-meta-field-dt_testimonial_desc{ text-indent: 2.5em; }
.testimonials-carousel .owl-next, .twitter-carousel .owl-next, .clients-carousel .owl-next, .teams-carousel .owl-next{  background: none !important;  font-family: "FontAwesome" !important; display: block; text-indent: inherit !important; font-size: 0px !important;     }
.home .owl-next:before{ font-family: "FontAwesome" !important; content: "\f105" !important;  display: block !important; text-indent: 10px !important; font-size: 50px !important; color: black !important; }
.testimonials-carousel .owl-prev, .twitter-carousel .owl-prev, .clients-carousel .owl-prev, .teams-carousel .owl-prev{
	background: none !important;  font-family: "FontAwesome" !important; display: block; text-indent: inherit !important; font-size: 0px !important;
}
.home .owl-prev:before{ font-family: "FontAwesome" !important; content: "\f104" !important;  display: block !important; text-indent: 10px !important; font-size: 50px !important; color: black !important; }
#header{ padding: 0px 0px 11px 0px !important;}
.single #header.scrolled-header, .page #header.scrolled-header{ padding-top: 10px !important; background: rgba(255, 255, 255, 0.87) !important;}
.testimonial-item{ min-height: 411px !important;}
.masonry-title.entry-title{
    margin-bottom: 7px !important;
    padding: 7px 7px 20px 7px;
    border-bottom: 1px solid;}
 .btna{ text-align: center;}
 .portfolio-nav a{ color: black !important; opacity: 1 !important; margin-top: 0px; }
 .portfolio-nav{ margin-top: 10px !important; padding: 0px !important;}
 ul#social li a{ border: 1px solid black !important; color: black !important; }
.vc_gitem-row-position-bottom{ margin-top: 30px !important; position: relative !important;}
.vc_gitem-row-position-bottom div{ padding: 1px !important;}
.social1, .social2  {width: 49%; float: left !important;}
.social1{ float: left;}
#social{ display: none !important;}
label{ color: white !important;}
.percent-two-third{ color:white !important;}
.masonry-title.entry-title{ text-align: center !important; font-weight: bold !important; }
header .percent-one-fourth{ margin-right: 0 !important;}
.scrolled-header .logo img{ margin-left: 20px !important; }
.nav-btn { margin-top: 15px;}
.testimonial-item p{ margin-bottom: 10px !important;}
.projets .space{ height: 40px !important;}
#contact h1.section-title:after{ background: white !important;}
div[class*="slider-nav-"]{color: black !important;}
@media screen and (max-width: 640px) {
	.scrolled-header .bar{ display: none !important;}
	.devis{margin-top: 30px !important;}
	.tp-caption h1{ font-size: 38px !important;}
	.tp-caption .fancy-slider-caption{ font-size: 15px !important; line-height: 25px !important; }
	.vc_grid-container .vc_gitem-zone-b{ position: relative !important; overflow: visible !important;}
	.vc_grid-container .vc_grid-item .vc_gitem-zone{ overflow: visible !important;}
	.vc_grid-container .vc_grid-item .vc_gitem-zone-a.vc_gitem-zone-mini{ position: relative !important;}
	.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-4-3:before{ padding-top: 0% !important; display: none !important; }
	.grid-item-on-hover h3{ font-size: 23px !important; line-height: 32px !important;}
	.vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle{ position: relative !important; top: inherit !important; height: auto !important; transform: inherit !important;}
	.vc_grid-container .vc-gitem-zone-height-mode-auto:before{ display: block !important; padding-top: 2% !important;}
	.vc_gitem-post-meta-field-dt_testimonial_name{ margin-top: 10px !important;}
	.vc_gitem-animated-block:after{ margin-top: 20px !important; }
	.owl-carousel .owl-item img{ height: 247px  !important;}
	.post-template-default .owl-carousel .owl-item img{ width: 96% !important;}
	.postid-246 .owl-carousel .owl-item img{ width: auto !important;}
/* 	.single-portfolio .owl-carousel .owl-item img{ height: 300px  !important;} */
/*
	.portfolio-slider .owl-prev{ left: inherit !important; }
	.portfolio-slider .owl-next{ right: 0 !important;}
*/
/* 	.page #header .centered-wrapper .percent-three-fourth.column-last{ background-color: rgba(120, 120, 120, 1) !important;} */
	#header.scrolled-header #mainnav{ margin-right: inherit !important;}
	#header.scrolled-header ul#mainnav > li{border-bottom: 1px solid #5b5b5b !important;}
	.nav-btn{ color: white !important;}
	#header.scrolled-header .nav-btn{ color: #323232 !important;}
	.vc_gitem-animated-block:before{ top:10px !important;}
}
.signature{ font-size: 10px !important; color: white; margin-top: -25px !important; display: inline-block;  }
.signature:hover{ color: rgba(255, 255, 255, 0.64) !important; }
footer .percent-one-third{ text-align: right; color: rgba(255, 255, 255, 0.3) !important;}
.button-map{z-index: 2 !important;}
#maps{overflow: hidden !important;}
.single-portfolio .portfolio-slider-wrapper{padding-top: 5px !important;}