/*
Theme Name:     BuildPro Child
Theme URI:      http://demo.oceanthemes.net/buildpro/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         OceanThemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       buildpro
*/

@import url("../buildpro/style.css");
/*---------------------- Header ------------------------*/
header.de_header_2 {
    background: rgb(255, 255, 255) !important;
    
}
.col-md-12 {
    width: 100%;
    background: #fff;
    color:#777 !important;
}
header h1#logo img {
    vertical-align: inherit;
    max-width:400px;

}
.feature-box i, #mainmenu li:hover > ul, #mainmenu li:hover > a, .date-box .day, .slider_text h1, .id-color, .pricing-box li h1, .title span, i.large:hover, .feature-box-small-icon-2 i, address span i, .pricing-dark .pricing-box li.price-row, .ratings i, #mainmenu a:hover, #mainmenu a.active, header.smaller #mainmenu a.active, .pricing-dark .pricing-box li.price-row, .dark .feature-box-small-icon i, a.btn-slider::after, .feature-box-small-icon i, .feature-box-small-icon .number, .box-icon-simple i, a.btn-line::after, .team-list .social a, .de_contact_info i, .dark .btn-line:hover::after, .dark a.btn-line:hover::after, .dark a.btn-line.hover::after, a.btn-text::after, .separator span i, address span strong, .de_tab.tab_steps .de_nav li span:hover, .de_testi_by, .pf_text, .widget_tags li a, .dark .btn-line::after, .dark a.btn-line::after, .crumb a, .woocommerce .star-rating span::before, .btn-right::after, .btn-left::before, #mainmenu li a::after, header .info .social i:hover, #back-to-top:hover::before, .wpb_wrapper .widget_nav_menu li.current-menu-item, .wpb_wrapper .widget_nav_menu li.current-menu-item a::after, .testimonial-list::before, .woocommerce p.stars a, #mainmenu .current-menu-item > a {
    color: rgb(0, 136, 210)!important;
    font-weight:700;
    text-shadow:#000 1px;
}
#mainmenu a {
    display: inline-block;
    padding: 15px 0px 10px 10px;
    line-height: 35px;
    text-decoration: none;
    color: #444;
    text-align: center;
    outline: none;
    font-size: 16px;
    font-weight: bold;
}
header .info {
    display: none;
    color: #fff;
    padding: 10px 0 10px 0;
    width: 100%;
    z-index: 100;
    background: #7F1C1F;
}
header.smaller {
    height: 70px;
    background: transparent;
    z-index: 1200 !important;
}
#subheader {
    padding-bottom: 280px!important;
    background-color: #222;
    text-align: center;
    background-position-x: 50% !important;
    background-attachment: fixed;
}
.no-bottom .col-md-12 {
	background: transparent;
}
#mainmenu li li a {
    padding: 2px 15px 2px 15px;
    background: #fefefe;
    border-top: none;
    color: #444;
    width: 150%;
    border-left: none;
    text-align: left;
    min-width: 250px!important;
}
#mainmenu li li a:hover {
    padding: 2px 15px 2px 15px;
    border-top: none;
    color: #ffffff!important;
    width: 150%;
    border-left: none;
    text-align: left;
    min-width: 250px!important;
}
/********************* navigation ***************************/
#mainmenu li li a {
    padding: 2px 15px 2px 15px;
    background: rgb(181, 56, 51);
    border-top: none;
    color: #ffffff!important;
    width: 100%;
    border-left: none;
    text-align: left;
}
#mainmenu li li a:hover {
    padding: 2px 15px 2px 15px;
    background-color: #fefefe!important;
    border-top: none;
    color: #444;
    width: 100%;
    border-left: none;
    text-align: left;
}
/************************* Top Bar ***************************/
header .info i {
    font-size: 14px;
    margin-right: 15px;
    color: #ffffff;
}
header .info {
    display: none;
    color: #fff;
    padding: 10px 0 10px 0;
    width: 100%;
    z-index: 100;
    background: #b53833;
    font-weight: bold;
}
header.header-solid.header-light .info {
    background: #b53833;
    color: #fff;
    font-weight:bold;
}
/*************************Menu button ************************/
#menu-btn {
    background: #0088d2!important;

}
#menu-btn:before {
    font-family: FontAwesome;
    content: "\f0c9";
    font-size: 24px;
    color: #b53833;
}
/************************ body styling ***********************/
body.de_light {
    color: #333!important;
}
#content {
    width: 100%;
    background: #fff;
    padding: 40px 0 40px 0 !important;
    z-index: 100;
}
body {
    font-family: "Open Sans",Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #ddd;
    line-height: 1.7em;
}
.section-space{
    padding-top: -80px !important;
    margin-top:-80px !important;
}
/************************ header stylings ********************/
.de_light h1, .de_light h2, .de_light h3, .de_light h4, .de_light h5, .de_light h6 {
    color: #333;
    font-weight:700;
    font-family: "Open Sans",Arial, Helvetica, sans-serif;
}
#subheader h1 {
   padding-top:100px;
}
#subheader{
    max-height: 600px;
    padding-top:100px;
}
/*********************** home blog styling *******************/
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #fff;
    background-color: #BE8C57!important;
}
/********************* bread crumbs *************************/
.de_light .crumb a {
	color: #ffffff !important;
}
#subheader .small-border-deco {
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,.5);
}

/********************* slider *******************************/
.preloader1 {
    border-top-color: #364A7F!important;
}
rs-module rs-mask-wrap .rs-layer, rs-module rs-mask-wrap :last-child, .wpb_text_column rs-module rs-mask-wrap .rs-layer, .wpb_text_column rs-module rs-mask-wrap {
    margin-bottom: 0;
    text-shadow: 0px 0px 1px #444;
}
/******************************* slider text ***********************/
.slider-text{
    /****font-size:40px; ******/
    text-align: center !important;
}

.id-color{
    color: #fff !important;
    text-shadow:#000 1px;
}
/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 960px) {
  div.example {
   /*** font-size: 40px;****/
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 960px) {
  div.example {
    font-size: 25px!important;
  }
}
/********************* below slider *************************/
h2, .h2_title {
    font-size: 25px;
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 1.2em;
    letter-spacing: -1px;
    font-family: 'Montserrat', sans-serif;
}
/************************* services styling ****************/
blockquote {
    border-left-color: rgb(190, 140, 87);
}
/************************* Section *************************/
  
  section{
    background:#18191b;
    padding:10px 0 80px 0;
    background-size: cover;
    background-position-x: 50%!important;
    position: relative;
  }
/************************* contact page ********************/
.de_tab.tab_style_2 .de_nav li span {
    padding: 10px 30px 10px 30px;
    background: #222;
    color: #fff!important;
    border: none;
}
/************************* contact form 7 ******************/

address{
    background:transparent!important;
    padding:10px;
	border: none;
	border-radius:0px;
	margin-bottom:2px;
	font-size:1em;
	color:#000;
	line-height:14px;
}
.wpcf7-form input{
     margin-bottom:10px;
	 margin-top:4px;
}
form.wpcf7-form{
    background:rgba(248,248,248);
    padding:10px;
	border: 1px solid rgb(221, 221, 221);
	border-radius:0px;
}
form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required:focus{
    outline: medium none;
    color: rgb(102, 102, 102);
    border: 1px solid rgb(119, 186, 206);
    box-shadow: 0px 2px 2px rgb(204, 204, 204) inset, 0px 0px 10px rgb(173, 220, 230);
}
form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    border-radius: 0px 0px 0px 0px;
    border: 1px solid rgb(187, 187, 187);
    height: 36px;
/***    width: 145%; ****/
    color:rgb(3, 76, 129);
    box-shadow: 0px 2px 2px rgb(204, 204, 204) inset, 0px 1px 0px rgb(255, 255, 255);
    text-indent: 3px;
}
form input.wpcf7-form-control.wpcf7-text{
    border-radius: 0px 0px 0px 0px;
    border: 1px solid rgb(187, 187, 187);
    height: 36px;
/***** width: 145%;********/
    color: rgb(3, 76, 129);
    box-shadow: 0px 2px 2px rgb(204, 204, 204) inset, 0px 1px 0px rgb(255, 255, 255);
    text-indent: 3px;
}
form input.wpcf7-form-control.wpcf7-text:focus{
    outline: medium none;
    color: rgb(102, 102, 102);
    border: 1px solid rgb(119, 186, 206);
    box-shadow: 0px 2px 2px rgb(204, 204, 204) inset, 0px 0px 10px rgb(173, 220, 230);
}
form textarea.wpcf7-form-control.wpcf7-textarea{
    border-radius: 0px 0px 0px 0px;
    border: 1px solid rgb(187, 187, 187);
    color: rgb(3, 76, 129);
    box-shadow: 0px 2px 2px rgb(204, 204, 204) inset, 0px 1px 0px rgb(255, 255, 255);
    text-indent: 3px;
/***	width:145%; ***/
	min-height:200px;
}
form textarea.wpcf7-form-control.wpcf7-textarea:focus{
    outline: medium none;
    color: rgb(102, 102, 102);
    border: 1px solid rgb(119, 186, 206);
    box-shadow: 0px 2px 2px rgb(204, 204, 204) inset, 0px 0px 10px rgb(173, 220, 230);
}
form input.wpcf7-form-control.wpcf7-submit:focus{
}
form input.wpcf7-form-control.wpcf7-submit{
    border-radius: 0px 2px 0px 2px;
    border: 4px solid #364A7F;
    color: #fff;
    box-shadow: 0px;
    text-indent: 3px;
	padding:5px 10px ;
	text-align:center;
	background:#364A7F;
	}
.wpcf7-form	p {
    margin-bottom: 2px;
	}
#1290 form textarea.wpcf7-form-control.wpcf7-textarea{
    border-radius: 0px 0px 0px 0px;
    border: 1px solid rgb(187, 187, 187);
    color: rgb(3, 76, 129);
    box-shadow: 0px 2px 2px rgb(204, 204, 204) inset, 0px 1px 0px rgb(255, 255, 255);
    text-indent: 3px;
/***	width:100%; ****/
	min-height:200px;
}
#contact_form input[type=submit] {
    background: rgb(3, 231, 139);
    border: 4px solid rgb(3, 231, 139);
}
/************************ contact page ********************/
.vc_custom_1677478041054 {
    background-color: #f6f6f6 !important;
    margin-top: -80px;
}
/*********************** footer ***************************/
footer {
    background: rgba(0, 136, 210, 1);
    color:#fff;
    padding: 0;
    border-top: 4px solid #ddd;
}
footer .textwidget a{
    color:#fff;
    font-weight:700;
}
footer address strong{
    color:#444!important;
    font-weight: normal;
}
.subfooter {
    background: #ddd;
    padding: 30px 0 20px 0;
}
footer h3, .de_light footer h3 {
    color: #222;
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
}
.bg-color a.btn-line-black{
    color: #fff!important;
    border: 1px solid #fff;
}
.call-to-action h3 {
    text-transform: none;
    font-size: 20px;
    color: #fff!important;
}
.subfooter #copyright-txt{
    text-align: center!important;
    float:center;
    color: #333;
    font-weight:bold;
}
#back-to-top.show {
	opacity: 0.8;
}
.widget-title, .footer-widget h3, .textwidget{
    text-align:left!important;
}
.textwidget .motto{
    text-align:center!important;
}
/************************* back to top button **************/
.bg-color, section.bg-color, #mainmenu li li a:hover, #mainmenu ul li:hover > a, .price-row, .blog-list .date, .blog-read .date, .slider-info .text1, .btn-primary, .bg-id-color, .pagination > .active > a, .pagination li span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .dropcap, .fullwidthbanner-container a.btn, .feature-box-big-icon i, #testimonial-full, .icon-deco i, .blog-list .date-box .day, .bloglist .date-box .day, .feature-box-small-icon .border, .small-border, #jpreBar, .date-post, .team-list .small-border, .de-team-list .small-border, .btn-line:hover, a.btn-line:hover, .btn-line.hover, a.btn-line.hover, .owl-arrow span, .de-progress .progress-bar, #btn-close-x:hover, .box-fx .info, .de_testi blockquote::before, .btn-more, .widget .small-border, .product img:hover, #btn-search, .de_tab.timeline li.active .dot, .btn-id, .btn-custom, .tiny-border, #back-to-top, .form-submit #submit, .owl-theme .owl-controls .owl-page.active span, #subheader .small-border-deco span, .wpb_wrapper .widget_nav_menu li a:hover, .timeline .tl-block .tl-line, .de_tab.tab_style_2 .de_nav li.active span, .sidebar .widget_recent_entries .post-date, .owl-custom-nav .btn-next::before, .owl-custom-nav .btn-prev::before, .de_tab.tab_steps.style-2 .de_nav li.active span, .feature-box-small-icon.style-2 .number.bg-color, form.form-inline button:hover, .woocommerce-product-search button:hover, .woocommerce div.product form.cart .button, .woocommerce #review_form #respond .form-submit input, .woocommerce-message a.button, #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce #payment #place_order {
    background-color: #0088d2!important;
}
/********************* Download Link ************************/
html body a .download-link {
    font-weight:bold!important;
    font-size: 20px!important;
    color:#333!important;
}
.de_light a {
    color: #000000!important;
}
@media only screen and (min-width: 480px) and (max-width: 767px){
header h1#logo img {
    max-width: 280px;
    height: auto;
}
}