/*
Theme Name: Porto Child Theme
Theme URI: https://spyropress.com/themes/porto
Author: Spyropress
Author URI: https://spyropress.com/
Description: Porto is a professional multipurpose wordpress theme for any business or portfolio website, it's fully responsive design ready to look stunning on any device.
Version: 1.5.1
License: Porto is a professional multipurpose wordpress theme for any business or portfolio website, it’s fully responsive design ready to look stunning on any device.
License URI: license.txt
Tags: builder, bootstrap, boxed, business, corporate, css3, html5, jquery, lightbox, multipurpose, one-page, portfolio, responsive, theme, wide
Text Domain: spyropress
Template: porto
*/


/*------------------- Custom Styling-------------------*/



body{ background: #fcfcfc;}



/*-------styling header---------------*/



header {

width: 100%;

background: #101519 url('images/header_pattern.jpg') repeat;

border-bottom: 2px solid #49a0bf;

}

header h1.logo img {

position: relative;

color: transparent;

min-width: 108px;

min-height: 65px;

}

header .search{ display:none;}

header nav ul.nav-main li a {

font-size: 15px;

font-style: normal;

line-height: 20px;

margin-left: 3px;

margin-right: 3px;

text-transform: none;

padding: 10px 13px;

color: #fff;

font-weight: normal;

}



div.nivo-slider .theme-default .nivoSlider{

	margin-top:0px;

	margin-bottom:0px;

}



body.home .page-top{ display:none;}



body.home #content{ background:#fff;}

#content { background: #e3e2e2;}



a.readmore{

	background-color: #000;

	padding: 15px 30px;

	color: #fff!important;

	display: inline-block;

	font-size: 16px;

}



/*-------styling background for different sections---------------*/



.grey_bg{ background: #fcfcfc; padding:30px 0;}

.white_bg{ background: #fff; padding:30px 0;}

.blue_bg{ background: #efefef; padding:20px 0;}

.blue_bg .blue_bg{ padding:0px 0;}



#first{ padding: 0 100px; overflow: hidden;}



.lld_img{ text-align:right; margin-bottom: 25px;}

.lld_text{ padding: 24px 200px 0 0;}



/*-------styling footer sections---------------*/



footer {

min-height: 170px;

/* background-color: #fff; */

border-top: 4px solid #333;

position: relative;

background: #101519 url('images/header_pattern.jpg') repeat;

padding: 60px 0 0;

}



footer div.footer-ribon span{ font-size:26px;}



footer p {

margin-right: 10%;

color: #ccc;

/* padding-left: 60px; */

font-size: 14px;

float: left;

}

footer p.phone {

background: url('images/phone.jpg') no-repeat left center;

padding-top: 10px;

font-size: 24px;

padding-bottom: 10px;

}

footer p.fax {

background: url('images/Fax.jpg') no-repeat left center;

padding-top: 10px;

padding-bottom: 10px;

font-size: 24px;

}



footer p.inc{ position:absolute; right:0px; padding-left:0px; width:268px;}

div.footer-copyright{ padding: 10px 0 0px; margin-top: 0px;}



section.page-top.custom-product{ border:0px; padding:0px; }

section.page-top.custom-product img { bottom: 0;}

section.page-top h2{ border:0px; margin:15px 0 0 0;}





/*-------styling banner text on inner page---------------*/

.inner_banner_text{}

.inner_banner_text h2{ display:block !important; text-align:center;}

.inner_banner_text p{ margin:0px; text-align:center;}

.inner_banner_text p a{}



/*-------styling icons on the Process page---------------*/

.process{ padding-left: 15%; margin-bottom: 20px;}

.bulb{	background: url('images/icons/lightbulb.png') no-repeat left center;}

.hat{	background: url('images/icons/hat.png') no-repeat left center;}

.mic{	background: url('images/icons/mic.png') no-repeat left center;}

.oreos{	background: url('images/icons/oreos.png') no-repeat left center;}

.phone{	background: url('images/icons/phone.png') no-repeat left center;}

.dollar{background: url('images/icons/dollar.png') no-repeat left center;}

.mobile{background: url('images/icons/mobile.png') no-repeat left center;}

.graph{	background: url('images/icons/graph.png') no-repeat left center;}

.clock{	background: url('images/icons/clock.jpg') no-repeat left center;}

.process h2{ margin:0px; margin-top: 10px; margin-bottom: 8px; color: #49a0bf; font-size: 30px;}



footer div.footer-ribon { background: #49a0bf; margin: -80px 0 0 22px;}

blockquote.testimonial {background: #49a0bf;}

div.testimonial-arrow-down {border-top-color: #49a0bf;}

blockquote.testimonial{ color:#fff;}



/*-------styling reseller form on Resellers page---------------*/



.reseller_form{ padding:20px 30px; background:#eee; margin-bottom:40px;}

.reseller_form .ninja-forms-all-fields-wrap  .field-wrap{ width:48%; float:left;}

.reseller_form .ninja-forms-all-fields-wrap  .field-wrap:nth-child(odd){ float:right;}

.ninja-forms-all-fields-wrap  .submit-wrap{ clear: both; width: 100%; text-align: center;}

.ninja-forms-all-fields-wrap  .submit-wrap input[type="submit"]{ background-color: #49a0bf; color: #fff; font-size: 16px; border: none; padding:5px 20px;}

.ninja-forms-all-fields-wrap  select {

	border: 1px solid #a9a9a9;

	border-radius: 0px;

	height: 34px;

	padding: 6px 12px;

	outline: none;

}



.contact_form label{ width:200px; padding-right:50px; float:left;}

.contact_form input, .contact_form select, .contact_form textarea{ width:350px; max-width:100%;}

.contact_form .ninja-forms-all-fields-wrap  .submit-wrap input[type="submit"]{ float:left; margin-left:210px !important;}



/*-------styling sidebar menu on inner pages---------------*/



.sidebar #menu-side-bar{ border-top:1px solid #ccc; margin: 0; padding: 0; list-style: none;}

.sidebar #menu-side-bar li{ margin:0px; border-bottom:1px solid #ccc; background:#eee; padding:10px;}

.sidebar #menu-side-bar li{ margin:0px; border-bottom:1px solid #ccc;}

.sidebar #menu-side-bar li.dcjq-parent-li a:after{}



/*-------styling sidebar contact form on inner pages---------------*/



.sidebar_contact{ background:#F0F0ED; border:1px solid #ccc; padding:15px;}

.sidebar_contact label{ width:135px; padding-right:20px; float:left;}

.sidebar_contact .ninja-forms-required-items{ margin-bottom:10px;}

.sidebar_contact .ninja-forms-all-fields-wrap .submit-wrap input[type="submit"] {

background-color: #49a0bf;

color: #fff;

font-size: 18px;

border: none;

padding: 6px 20px;

}



div.home-intro{ margin-bottom:0px;}

#content { background: #fcfcfc;}



.testimonial_bg{ background: #efefef;}

header{ border-top:0px;}

header.clean-top div.header-top{ /* display:none; */}

header div.header-top{ min-height:0px;}

div.slider-container{ /* min-height:435px; */min-height:0;}



.set_padding_top{ padding-top:50px;}



header nav ul.nav-main li a{ color: #fff !important;}

header.flat-menu nav ul.nav-main li > a:hover, header.flat-menu nav ul.nav-main li.dropdown:hover a {

  background-color: #49a0bf !important;

}



div.page-not-found-main{ margin-top: 0;}

div.page-not-found-main h3{ margin-top: 0;}

div.page-not-found-main .search{ width:350px; max-width:100%;}

section.page-top h2 {

	border: 0px;

	margin: 5px 0 0 0;

	padding-bottom: 0;

}

section.page-top{ min-height: 40px; padding: 15px 0;}





.white_bg_sb{ background:#fff; padding:25px; border:1px solid #ccc; margin-bottom:40px;}



/*-------styling sidebar contact form on lead page---------------*/



.sidebar{}

.sidebar .ninja-forms-form-wrap label{ float:left; width:75px; font-size:13px; font-weight:normal;}

.sidebar .field-wrap.label-left .ninja-forms-field{ width:175px;}

.sidebar .field-wrap, #ninja_forms_required_items { margin-bottom: 10px;}



.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ position:static;}

.testimonials-widget-testimonials2 blockquote{ padding: 10px 0px; border-left: 0px solid #eee; font-family: georgia; font-style: italic;}



footer{ margin-top:0px;}

.footer_rht_logo{ margin-left:-75px;}



.black_white{ background:#000; border:1px solid #000;}

.black_white:hover{ background:#489fbe !important; border:1px solid #489fbe !important;}



/*-------styling common elements all over the site---------------*/



h3{ font-weight:300;}

h3, h4, h5 {

	color: #49a0bf;

}

h4{ color: #000; font-weight:bold;}

h1 {

	font-size: 42px;

	color: #49a0bf;

	text-transform: none;

	margin-bottom: 20px;

	margin-top: 10px;

	font-weight: 100;

}

h2 {

	font-size: 30px;

	color: #49a0bf;

	margin-top: 10px;

	margin-bottom: 8px;

	font-weight: 200;

}

h3 {

	font-size: 1.8em;

	font-weight: 300;

	letter-spacing: normal;

	line-height: 24px;

	margin-top:15px;

	margin-bottom: 15px;

	text-transform: uppercase;

}

p {

	color: #404041;

}



/*==============================Changes made on 17-06-2014==========================*/



.btn-primary, .pagination > .active > a{ background:#4a9ec0 !important;}

blockquote.testimonial a{ color:#fff; text-decoration:underline;}

blockquote.testimonial a:hover{ color:#000; text-decoration:underline;}

.clock{ color:#fff;}

div.slider-container{ box-shadow: 0 0 5px #333333; margin-bottom: 30px;}

.sidebar .ninja-forms-required-items{ margin-bottom:10px;}

.sidebar .call_us{ font-size:16px; text-align:center; padding-top:10px;}

.col-md-9 .clock{ color:#404041;}

.col-md-9 .clock p{ color:#404041;}



.sidebar_contact .ninja-forms-form-wrap label{ font-weight: normal; font-size: 13px; padding-right: 0; width: 75px;}

.sidebar_contact .field-wrap.label-left .ninja-forms-field{ width: 147px;}

.sidebar_contact .field-wrap{ margin-bottom:10px;}

.sidebar_contact .call_us{ font-size:16px; text-align:center; padding-top:10px;}



.spacer_40{ margin-bottom:40px;}

div.home-intro{ clear:both;}

.featured_section.footer{ margin: 30px 0 -35px !important;}



body.home .home_page_list .container{ width:auto !important;}

.home_page_list{ background: #4a9ec0; padding: 15px 20px 0 20px; border-radius: 10px; color: #fff; margin-bottom:30px;}

.home_page_list ol{ margin:0px; padding:0 0 0 10px;}

.home_page_list li{}

.home_page_list li h4{ margin-bottom:0px;}

.home_page_list li a{ color:#fff;}

.home_page_list li a:hover{ color:#fff; text-decoration:underline;}

.home_page_list li p{ color:#fff;}

h4.modal-title{ color: #49a0bf;}

.modal-body{ color:#404041;}



/*=================================Top 10 Verticals Container (6/19/14) ======================*/


.home_page_list{ background: #eee;}

.home_page_list li a{ color:#404041;}

.home_page_list li a:hover{ color:#404041; text-decoration:underline;}

.home_page_list ol{ color:#404041;}

/*=================================Don't chase cold leads bg (6/19/14) ======================*/


.clock{background: url('images/icons/clock2.gif') no-repeat left center;}
#google_map{}
#google_map .container{ width:100%; padding:0px;}
#google_map .container div.google-map{ margin-top:0px;}


/*==================================================================================*/


/*=================================new pricing style (23/04/15) ======================*/

span.strike{ position: relative;}
span.strike:before{ border-bottom: 1px solid #ff0000; position: absolute; content: ""; width: 100%; height: 66%;}
span.new_price{ color:#ff0000; font-weight:bold; display:inline-block; padding-left:50px;}

ul.list_more{ width:49%; display:inline-block; padding-left:20px;}

.row_logo_bar{margin-top: -20px; border-bottom: 1px solid #ccc; margin-bottom: 30px;}

/*==================================================================================*/

/*=================================new css style (24/04/15) ======================*/

.tp-bannershadow.tp-shadow2{  bottom: -10px !important; height: 10px !important; background:none !important;}
.widget_revslider{ border-bottom:1px solid #777;}

/*==================================================================================*/

/*=================================popup form style (24/04/15) ======================*/

.wdpu-container { padding-left:0px !important; background:none !important;}
.wdpu-container .wdpu-msg{ max-width: 500px !important; color: #fff; margin:0px !important;}
.wdpu-container .wdpu-text{ background:#49a0bf !important;}
.wdpu-container .wdpu-msg h2{ font-size: 19px; line-height: 26px; color: #fff; margin-top:0px; margin-bottom:15px;}
.wdpu-container .wdpu-msg h2 span{ color: #ffde00; font-weight:bold;}
.wdpu-container .wdpu-msg h2 + ul{ padding-left:20px;}
.wdpu-container .wdpu-msg p{ color: #fff;}
.wdpu-container .wdpu-msg p.call{ color: #ffde00; font-weight:bold; font-size:22px !important;}
.wdpu-container .wdpu-msg a{ color: #fff; text-decoration:underline;}
.wdpu-container .wdpu-text a{ color: #fff !important; text-decoration:underline;}
.wdpu-container .wdpu-msg .visual-form-builder fieldset{margin: 0; background: none; border: 0px;}
.wdpu-container .wdpu-msg .visual-form-builder fieldset .vfb-section{margin: 0 !important; background: none; border: 0px;}
.wdpu-container .wdpu-msg .visual-form-builder fieldset .vfb-section li{ padding:0px !important;}
.wdpu-container .wdpu-msg .visual-form-builder fieldset .vfb-section li input[type="text"],
.wdpu-container .wdpu-msg .visual-form-builder fieldset .vfb-section li input[type="email"],
.wdpu-container .wdpu-msg .visual-form-builder fieldset .vfb-section li input[type="tel"]{ background:#1a4e60; border-radius:25px; box-shadow:0 1px 0 #56b1d2; height:33px;border: 0px; color:#fff;}
.wdpu-container .wdpu-msg .visual-form-builder fieldset .vfb-section li label{ color:#fff;}
.wdpu-container .wdpu-msg .visual-form-builder fieldset .vfb-section li.vfb-item-submit{ text-align:center;}
.wdpu-container .wdpu-msg .visual-form-builder fieldset .vfb-section li.vfb-item-submit .vfb-submit { background:#1c2e3c; border-radius:30px; box-shadow:0 3px 0 #0b131a; height:40px; width:140px; border: 0px; color:#fff;}
.wdpu-container .wdpu-msg .visual-form-builder fieldset .vfb-legend { border:0px; padding:0px; margin:0px ;}


img{ max-width:100%;}

/*==================================================================================*/

@media screen and (min-width: 1366px) {

		

}

@media screen and (max-width: 900px) {

	.lld_img{ text-align:center;}

	.lld_text { padding: 24px 0 0;}

	footer div.container div.row > div{ overflow:hidden;}

	footer div.container div.row #text-5{ padding-top:100px;}

	footer p.inc{ position:static;}

	.ninja-forms-all-fields-wrap select{ max-width:100%;}

	.inner_banner_img{ text-align:center;}

	.footer_rht_logo{ margin-left:0px;}

}

@media screen and (max-width: 720px) {

	.lld_img{ text-align:center;}

	.lld_text { padding: 24px 0 0;}

	footer div.container div.row > div{ overflow:hidden;}

	footer div.container div.row #text-5{ padding-top:100px;}

	footer p.inc{ position:static;}

	.reseller_form .ninja-forms-all-fields-wrap .field-wrap{ float:none !important; width:100% !important;}

	.process{ padding-top: 100px; padding-left: 0; background-position:center top !important;}

	.footer_rht_logo{ margin-left:0px;}

}

/*=================================Li Text fix on landing pg(6/26/14) ======================*/

.module li {
  color:#404041;
}