/* 
Theme Name: Petit 
Theme URI: http://neuroneweb.com/ 
Author: Neuroneweb 
Author URI: http://neuroneweb.com 
Description: Custom wp theme for petit 
Version: 1.0.8 
License: GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
Tags: fluid-layout, translation-ready, microformats,blue, white, light, two-columns, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post 
License: GNU General Public License V2 or Later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
*/

@import 'https://fonts.googleapis.com/css?family=Montserrat';
 @import 'https://fonts.googleapis.com/css?family=Raleway:100,300,400,700';
body { word-wrap: break-word; line-height:1.578; font-size: 13px; font-family: 'Raleway', sans-serif; }
h1, h2, .vc_btn3 { text-transform:uppercase }
/*-------------------------------------------------------------- 

2.0 Alignment 

--------------------------------------------------------------*/ 
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin: 0 auto; }
/*-------------------------------------------------------------- 

3.0 Media 

--------------------------------------------------------------*/ 

/* 3.1 Images */ 

img { /*display: inline-block; */ height: auto; max-width: 100%; }
 img[class*="wp-image-"] {
 margin-top: 10px;
 margin-bottom: 10px;
}
/* 3.2 Captions */ 

.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
 .wp-caption img[class*="wp-image-"] {
 display: block;
 margin: 0 auto;
}
.wp-caption-text { text-align: center; }
.wp-caption .wp-caption-text { padding: 0.8075em 1em; font-size: 12px; background: #E5E5E5; background: hsl(0, 0%, 90%); }
/* 3.3 Gallery */ 

.gallery { margin-bottom: 1.5em; overflow: hidden; }
.gallery-item { position: relative; float: left; padding: 1.79104477%; text-align: center; width:100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-icon img { margin: 0 auto; }
.gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #FFF; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }
/* 3.4 Text meant only for screen readers */ 

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #F1F1F1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759B; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }
/****************************************************************** 

4.0 Header & Navigation 

******************************************************************/ 

/* 

* Header 

*/ 

.site-title a { text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35); font-size: 40px; font-weight: 500; font-family: Lato, Arial, Helvetica, Geneva, sans-serif; color: #333; }
.site-title a:hover, .site-title a:focus { color: #555; text-decoration: none; }
.site-description { color: #555; margin-top: 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35); }
/* 

* Navigation 

*/   
nav ul.nav li a:hover, nav ul.nav li a:focus { background-color: #EEE !important; }
.navbar, .navbar-inverse { /* end .menu li */ }
/* end .navbar, .navbar-inverse */ 

/* highlight current page */ 

li.current-menu-item a, li.current_page_item a, li.current_page_ancestor a { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35); }
/* end current highlighters */   
/* Single Post Navigation */   


.site-footer { background: #58595b; padding: 24px 0; color:#fafafa }
.site-footer a { color:#fff }
.site-header { position: relative; left: 0; right: 0; z-index:9999; overflow-y: hidden; background: rgba(255, 255, 255, 0.75); padding-top:5px;padding-bottom:15px; box-shadow:0px 0px 3px 0px #999;}
.home .site-header { position: fixed; padding-bottom:0;box-shadow:none}
.site-header .site-header-inner .site-title img { padding:0px; }
.last-col .textwidget img { padding: 0 12px 0 35px; }
.site-header.sticky .site-header-inner .site-title img { max-width: 50px; padding:0px; }
.site-header.sticky .site-header-inner .navbar-nav li { padding: 5px 0; }
.site-header.sticky,.home .site-header.sticky{ padding:0; transition: all 0.4s ease; box-shadow:0px 0px 3px 0px #999; left: 0; position: fixed; right: 0; top:-2px;background: rgba(255, 255, 255, 0.95);}
.site-header .navbar-nav li a { font-size:14px; color:#000; text-transform:uppercase }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color:#fff;color:#58595b;}
.site-header.sticky .navbar-nav li a { font-size:14px }
#menu-item-9 a { background: #fff; color: #b6d447 !important; }
.site-header .navbar-nav li a:hover { background: #000 !important; color: #fff; }
.main-navigation .navbar-default.navbar .navbar-collapse, .navbar-default .navbar-form { margin-top:0px; box-shadow:none; border:0; background:none; color:#fafafa; padding: 0; }
.navbar-default .navbar-toggle {  border-color: #222;}
.navbar-default .navbar-toggle .icon-bar{background-color: #222;}




 @media (max-width: 1024px) {
 .site-header.sticky .site-title img {
 max-width: 205px; margin:2px 0
}
 .site-header.sticky {
 box-shadow: 0 0 3px 0 #999;
} 
.site-header.sticky .site-header-inner .navbar-default.navbar {
    margin-top: 3px;
}
.row.site-header-inner.col-sm-12{ width:99%; margin:0; padding:0}
}
 @media (min-width: 750px) {
 .post-navigation .pager span {
 width: auto;
}
 .post-navigation .pager {
 margin-bottom: 20px;
}
 .vc_custom_1465373606245 {
 padding-top: 0px !important;
}
}
.nav-previous { margin-bottom: 20px; }
 @media (min-width: 750px) {
 .nav-previous {
 margin-bottom: 0;
}
.cstm_logo .widget.widget_text { line-height:1}
.site-header.sticky .site-header-inner .site-title img{ padding:5px 0 0}
}
/*-------------------------------------------------------------- 

5.0 Content 

--------------------------------------------------------------*/ 

.hentry, #comments { margin: 0 0 1.5em; background: #FFF; .box-shadow(0 1px 1px rgba(0, 0, 0, 0.05) );
}
.page-header { padding: 5px 20px 10px; margin: 0 !important; background-color: #FFF; }
.entry-header { margin-bottom: 15px; padding: 20px 20px 0; border: none !important; }
.entry-title { margin: 0; }
.entry-content, .entry-summary { padding: 0 20px 10px; }
.entry-footer { padding: 10px 20px 10px; border-top: 1px solid #EEE; color: #888; font-size: 12px; }
.entry-footer span { margin-right: 10px; }
.entry-footer .glyphicon { margin-right: 5px; }
.entry-footer .byline .author { margin-right: initial; }
/* Style for Single post navigation (Previous post & Next post) */ 

.pager a, .nav-previous a, .nav-next a { color: #999; }
.pager a:hover, .nav-previous a:hover, .nav-next a:hover { color: #444; text-decoration: none; cursor: pointer; }/* end single post navigation style */
.sticky { }
.bypostauthor { }
/*-------------------------------------------------------------- 

6.0 Comments 

--------------------------------------------------------------*/ 

#comments .media-body { width: 88%; margin-left: 2%; float: left; }
.comment-list .comment-author { width: 10%; float: left; }
#comments .comment-body { padding: 20px 20px 0; }
#comments .comment-body .comment-content { overflow: hidden; }
#comments .pingback { margin: 0; }
#comments .pingback .comment-body { padding: 10px 20px; }
.comment-list .vcard img.avatar { padding: 2px; border: 1px solid #CECECE; background: #FFF; }
.comment-list .comment-author img { width: 100%; height: auto; }
#respond { padding: 20px; }
#reply-title { margin-top: 0; }
.comments-title { font-size: 24px; margin: 15px 0 10px; }
/* Nested comments. */ 

.comment .children { /*    margin-left: 1.5em; */ list-style: none; }
.comment-form-author, .comment-form-email, .comment-form-url { width: 50%; }
.odd { background: #FCFCFC; }
.even { background: #F9F9F9; }
.bypostauthor { background: #EFF5FB; }
/*-------------------------------------------------------------- 

7.0 Widgets 

--------------------------------------------------------------*/ 

/* Check out bootstrap-wp.js for more style settings. */   
.widget { margin-bottom: 2em; overflow: hidden; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }
/* Make sure select elements fit in widgets */ 

.widget select { max-width: 90%; margin: 10px auto; }
.widget #calendar_wrap { padding: 5px 15px 0; }
.widget ul, .textwidget, .tagcloud { padding: 10px 10px 4px; margin: 0; }
.widget .search-form { padding: 10px 0 5px 10px; margin: 0 auto; }
.widget ul li { padding: 5px 0; list-style: none;/* deep nesting */ }
.widget-title { padding: 10px; margin: 0; border-bottom: 1px solid #DDD; font-size: 18px; line-height: 24px; }
/****************************************************************** 

8.0 Footer 

******************************************************************/ 

.site-footer { padding:30px 0 20px; margin-top: 10px; clear: both; color: #fafafa; }
.site-footer a, .site-footer a:hover { color: #fafafa; }
.site-footer .last-col { text-align:right }
/****************************************************************** 

9.0 Pagination 


******************************************************************/ 


.pagination li a:hover, .pagination li a:focus { background-color: #428BCA !important; color: #FFF !important; }
.pagination li .active, .pagination li .current, .pagination li span:hover { background-color: #6AA3D5; color: #FFF; }
.form_heading { color: #000000; font-size: 38px; text-align: center; text-transform: uppercase; }
.form_text { color: #817d7d; font-size: 20px; text-align: center; }
.form_box textarea { border: 2px solid #58595b; width: 100%; margin:0 0 28px; border-radius:0 }
.form_box input { border: 1px solid #58595b; border-radius: 0; height: 47px; width: 100%; margin:0 0 28px !important; padding: 0 0 0 14px; }
.form_box select { height: 47px; padding: 0 10px; width: 100%; border: 1px solid #58595b; margin:0 0 28px; border-radius:0 }
#thumb_ovr { position:relative; height:180px; width:250px; float:left; }
#thumb_ovr img { position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
#thumb_ovr img.top:hover { opacity:0; }
.form_box .wpcf7-list-item.first.last input { float: left; height: auto; margin: 6px 0 0 !important; width: auto; }
.form_box .wpcf7-form-control.wpcf7-submit { background: #58595b; border: medium none; color: #fff; font-size: 20px; }
.form_box .wpcf7-form-control.wpcf7-submit:hover { background: #9cba2c; }
.contact { color: #fff; }
.other_img_text1 { font-size: 15px; font-weight: bold; margin: 0; }
.other_img_text1 i { font-size: 13px; font-weight: 100; }
.site-footer .site-footer-inner .widget { margin-bottom: 0; overflow: hidden; }
.other_view { font-size: 16px; text-transform: uppercase; }
.other_view a { color: #b2d234; }
.visit_view a { color: #b2d234; }
.banner_button .vc_general { background: #b9d64a; color: #fff; border:none; font-size: 10px; padding: 10px; }
.banner_button .vc_general:hover { background: #9cba2c; color: #fff; border:none; }
.image_bottom_space { margin: 0; }
.development_boxes h6 { font-size: 15px; font-weight: bold; margin: 10px 0 0; }
.small_heading { margin: 0; font-size:13px; font-style: italic; }
.development_boxes p { font-size: 13px; line-height: 15px; margin-top: 5px; }
.site-footer .textwidget { font-size: 11px; } 
.site-content > .container {  padding-top: 3%;}
.home .site-content > .container {  padding-top: 0;}
/* Navigation css*/ 
.site-header .main-navigation .navbar-default.navbar .navbar-collapse, .navbar-default .navbar-form { padding:6px 0 3px 0; }
.swiper-container-horizontal > .swiper-scrollbar { height: 6px !important; bottom: 6px !important;  }
/*.swiper-scrollbar {background:#4cbbd5  !important;} 
*/.swiper-container { padding-bottom: 10px !important; }
.swiper-scrollbar-drag { background:#666 !important; border-radius: 0 !important; height: 20px !important; line-height: 20px !important; position: relative !important; z-index: 999999 !important; top: -6px !important }
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev,.wpb_wrapper .swiper-button-next,.wpb_wrapper .swiper-button-prev{  cursor: pointer; display: block; overflow: hidden; position: absolute; height: 40px; width: 26px;top: 40%;}
.swiper-container .swiper-button-next,.wpb_wrapper .swiper-button-next{background: rgba(0, 0, 0, 0) url("images/nav-right.png") no-repeat scroll left top;right: -15px;left:auto}
.swiper-container .swiper-button-prev,.wpb_wrapper .swiper-button-prev{background:rgba(0, 0, 0, 0) url("images/nav-left.png") no-repeat scroll left top;left: -15px;right:auto; }

.swiper-slide:hover img ,.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev,.wpb_wrapper .swiper-button-next,.wpb_wrapper .swiper-button-prev{opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.swiper-slide:hover { box-shadow: 0 0 5px 1px rgba(96, 96, 96, 0.5);background: rgba(0, 0, 0, 0.5) url("images/logo.png") no-repeat scroll center center;}
.swiper-button-next:hover,.swiper-button-prev:hover,.wpb_wrapper .swiper-button-next:hover,.wpb_wrapper .swiper-button-prev:hover{opacity: 1;filter:alpha(opacity=100);} 
/*********popup-css***************/ 
.popup_contact .form_box { margin: 0 30px 0 0; padding: 0; width: 38%; }
.popup_contact .popup_bottom_btn .wpcf7-form-control { width: 35%; }
.popup_contact .popup_bottom_btn { width: 100%; }
.popup_contact .check_yes_box { text-align: left; }
.popup_contact .form_size { margin: 0; }
/*********MEDIA-QUERY***************/ 
@media (max-width:767px) {
.site-navigation .navbar-nav > li{ display:block}
.navbar-default .navbar-toggle{ margin-top: 4px;}

.home .site-header .site-navigation{ padding-top: 12px; }
.home .site-header{ position: static; height: 60px; padding-top: 0px; }    
.home .site-header .site-branding{ margin-top: -5px; }    
.home .site-header .col-sm-12{ width: 50%; float: left; }    
.home .site-header .cstm_logo{ text-align: left; }    
.site-branding img { max-width: 50px; }
.home .site-header .textwidget{ padding: 0px; }
.home .site-header.sticky .site-branding{ margin-top: -4px; }       
.home .site-header.sticky .site-navigation{ padding-top: 13px; }
.custom_rt_col .wpb_single_image{ text-align: center; }    
.custom_rt_col .wpb_single_image img{ margin-bottom: 10px; }
    
}
@media (max-width:414px) {
 .form_heading {
 color: #000000;
}
 .site-navigation {
 float: none !important;
}
 .main-navigation .navbar-default.navbar .navbar-collapse, .navbar-default .navbar-form {
 padding: 0;
}

 .site-header.sticky .site-header-inner .navbar-default.navbar {
 margin-top: 0;
}
 .site-header .navbar-nav li a {
 padding: 10px 25px;
}
 .form_heading {
 font-size: 28px;
 margin: 0;
}
 .form_box select {
 margin: 0 0 28px !important;
}
 .form_box .wpcf7-form-control.wpcf7-submit {
 margin: 15px 0 0 !important;
}
 .bg_img_box h2 {
 font-size: 27px;
}
 .space_hight {
 height: auto !important;
}
 .banner_inner_space .wpb_text_column {
 padding: 0 !important;
}
 .white_txt_color .form_heading {
 color: #fff;
 font-size: 27px;
}
 .popup_contact .popup_bottom_btn .wpcf7-form-control {
 width: 100%;
}
 .popup_contact .form_box {
 margin: 0;
 width: 100%;
}
 .left_col h3 {
text-align: left;
font-size: 20px !important;
}
 .top_bar img {
max-width: 18px;
}
 .top_bar .container {
padding: 0px;
}
 .row.top_bar .col-sm-8,  .row.top_bar .col-sm-8 .widget.widget_text {
float: none !important;
text-align: center !important;
margin-right: 0;
width: 100%;
}
 #text-6 {
margin-right: 0px;
}
 .site-header {
position: inherit;
}
 .site-branding {
text-align: left;
}

 .site-header-inner {
margin: 0px;
}
 .site-header-inner .navbar {
min-height: inherit;
}
 .navbar-nav > li {
width: 100%;
}

.navbar-default .navbar-toggle{ margin-top: 1px;}
}
/* custom top bar css */

.row.top_bar .col-sm-8, .row.top_bar .col-sm-8 .widget.widget_text { float: right; }
row.top_bar .col-sm-8 .widget.widget_text { padding-left:8px }
.row.top_bar { width: 100%; margin:0 auto }
/*home page */ 
.custom_rt_col .vc_column-inner { padding: 0; }
.custom_rt_col .wpb_single_image { margin: 0; }
.left_col .wpb_text_column { padding: 0 14%; text-align: justify; }
.left_col p { padding-left: 11%; }
.center_col p { color: #fff; font-size: 20px; text-align: center; }
.center_col h2 { color: #fff; text-align: center; margin-bottom: 0; }
.left_three_col h3 { margin-bottom: 0; color:#fff; padding-left:4%; }
.left_three_col h2 { margin-top: 0; color:#fff; padding-left:4%; }
.cstm_width { margin: 0 auto; width: 75%; }
.contact_text h3 { text-align: center; text-transform: uppercase; margin: 0 !important; }
.enquiry_form h3 { text-align: center; text-transform: uppercase; margin: 0 !important; }
.enquiry_form .contact_popup_btn a { background: #58595b none repeat scroll 0 0 !important; padding: 15px 100px !important; }
.enquiry_form .contact_popup_btn a:hover { color:#fff!important; }
/*header setting */ 
.site-header-inner.cstm_logo { text-align: center; }
.row.top_bar { background: #58595b none repeat scroll 0 0; }
.top_bar .textwidget a { color: #fff; }
.top_bar .widget_text { margin-bottom: 0; }
.top_bar .textwidget { padding:8px 0; }
.cstm_logo .widget.widget_text { margin-bottom: 0; }
/*****************************************/ 
.left_col h3 { font-size: 30px; font-weight: 300; margin: 0 0 15px 0; padding:11px 0 0; text-transform: uppercase; line-height:36px; }
.left_col h2 { font-weight:700; font-size: 30px; text-transform: uppercase; line-height:30px; margin:0px; }
.left_col p { font-size: 13px; }
#about .vc_column-inner { padding-top: 0 !important; }
.left_three_col h2 { font-size: 26px; padding-top: 25px; }
.left_three_col mark { background: none; color: #bebebe; }
.left_three_col h5 { color: #fff; font-size: 20px; margin-bottom: 0; text-transform: uppercase; }
.left_three_col hr { border: 1px solid #fff; margin:8px 0 18px; width: 68px; }
.left_three_col p { color: #fff; font-size: 12px; line-height: 20px; }
.enquiry_form h2 { font-weight: 400; text-align: center; }
.navbar-nav > li { float:none; display:inline-block; text-align:center; font-family: 'Montserrat', sans-serif; }
.navbar-nav { float: none; margin:0 auto; text-align:center }
#text-6 { margin-right: 18px; }
#wonderplugincarousel-1 .amazingcarousel-item-container { background:#a6a2a3 !important; padding: 0px !important; border: 0px solid #ddd !important; }
#wonderplugincarousel-1 .amazingcarousel-title { padding-bottom: 10px !important; color: #fff !important; text-align: right !important; text-shadow: none !important; }
/***********************************/

.footter_content img { padding: 0 12px 0 0; }
.footter_content a { }
.footter_content h5 { font-size: 15px; font-weight: 600; margin: 0; text-transform: uppercase; padding: 15px 0 0; }
.footter_content p { font-size: 13px; padding: 6px 0 0; }
#colophon .widget ul, .textwidget, .tagcloud { padding: 10px 0; }
.site-footer .footter_content{ padding: 12px; }
.footter_content { font-family: raleway; }
.footte_address { background: rgba(0, 0, 0, 0) url("images/map.png") no-repeat scroll left top; display: inline-block; margin: 15px 0 0 0px; vertical-align: top; }
.footte_address p { font-family: raleway; font-size: 14px; font-weight: 300; line-height: 25px; padding: 0 0 0 22px; }
.footter_content ul { display: inline-block; margin: 0 30px 0 0; }
.footter_content li { font-size: 14px; font-weight: 300; padding: 3px 0 !important; }
.site-header.sticky .textwidget { padding: 0; }