/*
	Theme Name: ZadroWeb - Bootstrap Theme
	Theme URI: http://zadroweb.com
	Description: Fully responsive Bootstrap theme
	Author: Dario Zadro
	Author URI: http://zadroweb.com
	Version: 1.0
*/


/* Global Styles */
body {overflow-x: hidden;font-family:"Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;color: #444;}
.text-muted {color: #777777;}
.text-primary {color: #00aeef;}
p.large {font-size: 16px;}
a,
a:hover,
a:focus,
a:active,
a.active {outline: none;}
a {color: #00aeef;}
a:hover,
a:focus,
a:active,
a.active {color: #0089bc;}
h1,
h2,
h3,
h4,
h5,
h6 {font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;font-weight: 700;}
.img-centered {margin: 0 auto;}
.center-vertical {display:table-cell;vertical-align: middle;}
.bg-light-gray {background-color: #f5f5f5;}
.bg-darkest-gray {background-color: #222222;}
.btn-primary {
  color: #ffffff;
  background-color: #00aeef;
  border-color: #00aeef;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {color: #ffffff;background-color: #0089bc;border-color: #0081b2;}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {background-image: none;}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {background-color: #00aeef;border-color: #00aeef;}
.btn-primary .badge {color: #00aeef;background-color: #ffffff;}
.btn-xl {
  color: #ffffff;
  background-color: #00aeef;
  border-color: #00aeef;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 3px;
  font-size: 18px;
  padding: 20px 40px;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {color: #ffffff;background-color: #0089bc;border-color: #0081b2;}
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {background-image: none;}
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {background-color: #00aeef;border-color: #00aeef;}
.btn-xl .badge {color: #00aeef;background-color: #ffffff;}

/* Aligns and Captions */
.aligncenter {margin-left: auto; margin-right: auto; text-align: center;}
.post img.alignleft,
.post img.alignright,
.post img.aligncenter,
.wp-caption {
  padding:4px;
  border:1px solid #eee;
}
.alignleft {float: left; }
img.alignleft,
.wp-caption.alignleft {margin: 10px 25px 15px 0;}
.alignright {float: right; }
img.alignright,
.wp-caption.alignright {margin: 10px 0 15px 25px;}
.wp-caption.aligncenter,
img.aligncenter {
  margin-top:25px;
  margin-bottom:25px;
}
.wp-caption {text-align:center;max-width:100%;}
p.wp-caption-text {margin:10px 0;font-size: 0.7em!important;}

/* Wells and Panels */
.well.primary,
.panel.panel-primary .panel-heading {background-color: #00aeef;}
.well.success {background-color: #dff0d8;}
.well.info {background-color: #d9edf7;}
.well.warning {background-color: #fcf8e3;}
.well.danger {background-color: #f2dede;}

.email-alert {margin-top: 20px;margin-bottom: 0;}

/* Bootstrap Callouts (regardless of theme) */
.bs-callout { border-radius: 6px; margin: 20px 0;padding: 15px 30px;border-left: 5px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.bs-callout h4 {margin-top: 0;}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout code,
.bs-callout.highlight {background-color: #fdfdfd;}
.bs-callout-danger {/*background-color: #fcf2f2;*/ border-left-color: #d9534f;}
.bs-callout-warning {/*background-color: #fefbed;*/ border-left-color: #f0ad4e;}
.bs-callout-info {/*background-color: #f0f7fd;*/ border-left-color: #5bc0de;}
.bs-callout small {margin-top: 20px;}

/* Navbar */
.admin-bar .navbar {margin-top:32px;}
.navbar-default {background-color:#222222;border-color:transparent;}
.navbar-default .navbar-brand {margin-top:12px;margin-left:15px;background: url('assets/img/z-dots-small.png') no-repeat;width:33px;height:26px;display: block;}
.navbar-default .navbar-brand span {display: none;}
.navbar-default .navbar-collapse {border-color:rgba(255, 255, 255, 0.02);}
.navbar-default .navbar-toggle {background-color:#00aeef;border-color:#00aeef;}
.navbar-default .navbar-toggle .icon-bar {background-color:white;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color:#00aeef;}
.navbar-default .navbar-nav li a {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  color: white;
  font-size: 14px;
}
.navbar-default .navbar-nav li a:hover {color:#00aeef;outline:none;}
.navbar-default .navbar-nav .current_page_item > a,
.navbar-default .navbar-nav .current-menu-parent > a,
.navbar-default .navbar-nav .current_page_parent > a {border-radius:5px;color:white;background:#00aeef;}
.navbar-default .navbar-nav .current_page_item > a:hover,
.navbar-default .navbar-nav .current-menu-parent > a:hover,
.navbar-default .navbar-nav .current_page_parent > a:hover {color:white;background-color:#0089bc;}
.navbar-default .navbar-nav .menu-item-has-children:hover .dropdown-menu {display:block;visibility:visible;border-radius:6px;padding:10px 0;}
.navbar-default .navbar-nav .menu-item-has-children .dropdown-menu a {color:#00aeef;font-size:12px;}
.navbar-default .navbar-nav .dropdown-menu .current_page_item > a,
.navbar-default .navbar-nav .menu-item-has-children .dropdown-menu a:hover {background-color:#00aeef;color:white;border-radius:0;}

/* Headers */
header,
section.bg {
	background: url('assets/img/backgrounds/bg-blog.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	text-align: center;
	color: white;
  background-color: #2e395c;
}
#header-home {background-image: url('assets/img/backgrounds/bg-theater.jpg');}
#header-main {background-image: url('assets/img/backgrounds/bg-computers.jpg');}
/*
#header-main {
    background-image: none;
    background: #2e395c;
    background: -webkit-linear-gradient(#2e395c, #2873c6); 
    background: -o-linear-gradient(#2e395c, #2873c6); 
    background: -moz-linear-gradient(#2e395c, #2873c6); 
    background: linear-gradient(#2e395c, #2873c6); 
}
*/
#header-contact {background-image: url('assets/img/backgrounds/bg-hand.jpg');}
#header-about {background-image: url('assets/img/backgrounds/bg-plant.jpg');}
#header-blog {background-image: url('assets/img/backgrounds/bg-blog.jpg');}
#header-portfolio {background-image: url('assets/img/backgrounds/bg-wireframe.jpg');}
#header-services {background-image: url('assets/img/backgrounds/bg-goals.jpg');}
#header-full {background-image: url('assets/img/services/bg-services.jpg');}
#header-full.careers {background-image: url('assets/img/backgrounds/bg-stairs.jpg');}
#header-careers.full-stack-web-developer {background-image: url('assets/img/backgrounds/bg-code.jpg');}
#header-services-single {background-image: url('assets/img/services/bg-services.jpg');}
#header-services-single.local-search-optimization {background-image: url('assets/img/services/bg-services-local-seo.jpg');}
#header-services-single.social-media-marketing {background-image: url('assets/img/services/bg-services-social-media.jpg');}
#header-services-single.website-design {background-image: url('assets/img/services/bg-services-web-design.jpg');}
#header-services-single.content-marketing {background-image: url('assets/img/services/bg-services-content-marketing.jpg');}
#header-services-single.ppc-marketing {background-image: url('assets/img/services/bg-services-ppc.jpg');}
#header-services-single.on-page-optimization,
#header-services-single.strategy-consulting  {background-image: url('assets/img/services/bg-services-seo.jpg');}
#header-services-single.link-building {background-image: url('assets/img/services/bg-services-link-building.jpg');}
#header-services-single.wordpress-development {background-image: url('assets/img/services/bg-services-wordpress.jpg');}
#header-services-single.wordpress-hosting {background-image: url('assets/img/services/bg-services-web-hosting.jpg');}


header .home-text,
header .intro-text {font-family:"Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;}

header .home-text {padding-top:120px;padding-bottom:65px;}
header .home-text .home-heading {font-size:30px;line-height:1.5;margin-top:0;}
header .home-text .home-lead-in {color:#a8a8a8;font-size:12px;line-height:1.85;margin-bottom:25px;}
header .home-text .home-lead-in a {color:#d7d7d7;text-decoration:underline;}
header .home-text .home-lead-in a:hover {color:#f6f6f6;}

header .intro-text {padding-top: 100px;padding-bottom: 50px;}
header .intro-text .intro-lead-in {font-size: 22px;line-height:1.8;margin-bottom:25px;}
header .intro-text .intro-heading {font-size: 46px;line-height:46px;margin-bottom:25px;}

#particles-js {background:#4e6577;position:absolute;left:0;right:0;height:550px;}
#section-auditor {background-image: url('assets/img/backgrounds/bg-theater-blur.jpg');padding-top:80px!important;padding-bottom:180px!important;}
#section-results img {margin-top:-210px;margin-bottom:70px;}

/* Section */
section {padding: 100px 0;}
section .section-heading {font-size: 40px;margin-top: 0;margin-bottom: 15px;}
section .section-title {margin-top: 0;margin-bottom:30px;}
section .section-subheading {
  font-size: 16px;
  line-height: 1.5;
  text-transform: none;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 75px;
}
#section-author img {margin: 0 auto;}

.service-heading,
.contact-heading {margin: 15px 0;line-height: 1.5;text-transform: none;}
#services .btn,
#section-results .btn {margin-top: 20px;}

.section-text {text-align:center;}
.section-text p {font-size:17px;line-height:1.5;margin-bottom:20px;}
.section-text h3 {margin-top: 0;}
.section-text .icons {margin-bottom:20px;}
.services-section {padding: 60px 0;}
.services-section img {margin:20px auto;}
.section-text.services-row {border-bottom:1px solid #eeeeee;}

/* Callout */
.callout {padding: 75px 0;background-color: #f5f5f5;}
.callout.white {background-color: #ffffff;}
.callout .section-heading {margin-top: 30px;}
.callout .section-subheading {font-size: 24px;margin-bottom: 0;}

/* Testimonials */
#testimonials blockquote {
  padding: 10px;
  margin: 0;
  border: none;
}
#testimonials .fa-fw {margin:7px;}

/* Breadcrumbs and Pagination */
#breadcrumb-section {padding: 15px 0;background-color: #f5f5f5;}
#breadcrumbs {line-height:26px;margin:0;padding:0;font-size:12px;}
.pagination > li > a {color: #00aeef;}
.pagination > .active > a {background-color: #00aeef;border-color: #00aeef;}

/* Timeline - About */
.timeline {list-style: none;padding: 0;position: relative;}
.timeline p,
#team p {font-size: 15px;}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: "";
  width: 2px;
  background-color: #e3e3e3;
  left: 40px;
  margin-left: -1.5px;
}
.timeline > li {margin-bottom: 50px;position: relative;min-height: 50px;}
.timeline > li:before,
.timeline > li:after {content: " ";display: table;}
.timeline > li:after {clear: both;}
.timeline > li .timeline-panel {width: 100%;float: right;padding: 0 20px 0 100px;position: relative;text-align: left;}
.timeline > li .timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;}
.timeline > li .timeline-panel:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;}
.timeline > li .timeline-image {
  left: 0;
  margin-left: 0;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 100;
  background-color: #00aeef;
  color: white;
  border-radius: 100%;
  border: 7px solid #e3e3e3;
  text-align: center;
}
.timeline > li .timeline-image h4 {font-size: 10px;margin-top: 12px;line-height: 14px;}
.timeline > li.timeline-inverted > .timeline-panel {float: right;text-align: left;padding: 0 20px 0 100px;}
.timeline > li.timeline-inverted > .timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;}
.timeline > li.timeline-inverted > .timeline-panel:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;}
.timeline > li.timeline-inverted > a {text-decoration:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.timeline > li.timeline-inverted > a:hover {background-color:#242424;}
.timeline > li:last-child {margin-bottom: 0;}
.timeline .timeline-heading h4 {margin-top: 0;color: inherit;}
.timeline .timeline-heading h4.subheading {text-transform: none;}
.timeline .timeline-body > p,
.timeline .timeline-body > ul {margin-bottom: 0;}

/* Team Members */
.team-member {margin-bottom: 100px;}
.team-member.omega {margin-bottom: 0;}
.team-member img {margin: 0 auto;border: 7px solid white;}
.team-member h3 {margin-bottom: 0;text-transform: none;}
.team-member p {margin-top: 0;}

/* Aside */
aside.clients .clients-heading {margin-top: 40px;}
aside.clients {background-color: #f5f5f5;}
aside.clients img {margin: 40px auto;}
aside.start {padding: 60px 0;}
aside.start h3 {margin-bottom: 40px;}

/* Contact Form */
#contact {
  background-color: #222222;
  background-image: url('assets/img/backgrounds/bg-map-image.png');
  background-position: center;
  background-repeat: no-repeat;
}

#contact .section-heading {color: white;}
#contact .form-group,
#contact-modal .form-group {margin-bottom: 25px;}
#contact .form-group input,
#contact-modal .form-group input,
#contact .form-group textarea,
#contact-modal .form-group textarea {padding: 20px;}
#contact .form-group input.form-control,
#contact-modal .form-group input.form-control {height: auto;}
#contact .form-group textarea.form-control {height: 236px;}
#contact-modal .form-group textarea.form-control {height: 285px;}
#contact .form-control:focus,
#contact-modal .form-control:focus {border-color: #00aeef;box-shadow: none;}
#contact .text-danger,
#contact-modal .text-danger {color: #e74c3c;}

.callout ::-webkit-input-placeholder,
#contact ::-webkit-input-placeholder,
#contact-modal ::-webkit-input-placeholder {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #bbbbbb;
}
.callout :-moz-placeholder,
#contact :-moz-placeholder,
#contact-modal :-moz-placeholder {
  /* Firefox 18- */

  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #bbbbbb;
}
.callout ::-moz-placeholder,
#contact ::-moz-placeholder,
#contact-modal ::-moz-placeholder {
  /* Firefox 19+ */

  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #bbbbbb;
}
.callout :-ms-input-placeholder,
#contact :-ms-input-placeholder,
#contact-modal :-ms-input-placeholder {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #bbbbbb;
}

/* lead form */
#landing-form .input-group {margin-bottom:15px;}
#landing-form {
    position: relative;
    background: #ffffff;
    color: #7e7975;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 20px;
	background-color: #e7f8ff;
}
#landing-form .landing-heading {
    font-size: 18px;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 10px;
    border-bottom: 1px solid #2cc1f9;
    background: #00aeef;
    color: #ffffff;
	padding: 20px;
	position:relative;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	font-weight: 400;
	text-align: center;
}
#landing-form .landing-heading strong {font-weight:700;font-size:20px;text-transform: uppercase;}
#landing-form .landing-bottom {
	clear: both;
	margin-top: 15px;
    background: #00aeef;
    border-top: 1px solid #2cc1f9;
	height: 10px;
	-webkit-border-radius:  0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	margin-left: -20px;
	margin-right: -20px;
}
#landing-form .file {
  visibility: hidden;
  position: absolute;
}

/* Portfolio */
#portfolio .portfolio-item {margin: 0 0 15px;right: 0;}
#portfolio .portfolio-item .portfolio-link {display: block;position: relative;max-width: 400px;margin: 0 auto;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  background: rgba(0, 174, 239, 0.9);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {opacity: 1;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  color: white;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {margin-top: -12px;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {margin: 0;}
#portfolio .portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  background-color: white;
  text-align: center;
  padding: 25px;
}
#portfolio .portfolio-item .portfolio-caption h4 {text-transform: none;margin: 0;}
#portfolio .portfolio-item .portfolio-caption p {font-style: italic;font-size: 16px;margin: 0;}
#portfolio * {z-index: 2;}

/* Portfolio Modal */
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {outline: none;}
.portfolio-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 100px 0;
  text-align: center;
}
.portfolio-modal .modal-content h2 {margin-bottom: 15px;font-size: 3em;}
.portfolio-modal .modal-content p {margin-bottom: 30px; font-size: 1.4em;}
.portfolio-modal .modal-content p.item-intro {margin: 20px 0 30px;font-style: italic;}
.portfolio-modal .modal-content ul.list-inline {margin-bottom: 30px;margin-top: 0;}
.portfolio-modal .modal-content img {padding: 10px; border: 1px solid #e1e1e1; margin-bottom: 30px;}
.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.portfolio-modal .close-modal:hover {opacity: 0.3;}
.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #222222;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */

  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */

  z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #222222;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */

  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */

  z-index: 1052;
}

::-moz-selection {text-shadow: none;background: #00aeef; color:white;}
::selection {text-shadow: none;background: #00aeef; color:white;}
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
body {webkit-tap-highlight-color: #00aeef;}

/* social sharing */
.share {list-style:none;margin:0;padding:0;}
.share li {margin:0 7px 0 0;display:inline-block;width:58px;vertical-align:middle;}
.share li.gplus {width:50px;}
.share .twitter {position:relative;margin-top:40px;}
.share .horizontal {width:80px;height:25px;}
.share .fb, .share .horizontal.fb {float:left;}
.share .horizontal.fb {width:80px;}
.share .horizontal.twitter {width:97px;margin-top:0;}
.share .horizontal.gplus {width:65px;}
.share .horizontal.linkedin {width:115px;}
.share.share-tall {margin-top: 30px;margin-bottom:20px;}

.countbubble,
.countbubble-tall {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-color:#bbb;
	background: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: #CCCCCC solid 1px;
	text-align: center;
}
.countbubble {left:66px;top:0;height:20px;padding:2px 3px;min-width:20px;}
.countbubble-tall {left:0;right:0;top:-40px;padding:6px 3px;}
.countbubble:after,
.countbubble-tall:after,
.countbubble:before,
.countbubble-tall:before {
	content: '';
	position: absolute;
	border-style: solid;
	display: block;
	width: 0;
	z-index: 1;
	margin-top: -4px;
}
.countbubble:after {border-width:4px 4px 4px 0;border-color:transparent #FFFFFF;left:-4px;top:50%;}
.countbubble-tall:after {border-width:4px 4px 0 4px;border-color:#fff transparent transparent;left:24px;bottom:-4px;}
.countbubble:before {border-width:4px 4px 4px 0;border-color:transparent #CCCCCC;display: block;left:-5px;top:50%;}
.countbubble-tall:before {border-width:4px 4px 0 4px;border-color:#ccc transparent transparent;left:24px;bottom:-5px;}


/* Pages and Posts */
.entry-title,
.entry h2,
.entry h3 {text-transform: none;}
.entry h3,
.entry h2 {margin-bottom:25px;margin-top:40px;}
.entry,
.entry p {font-size:17px;line-height:1.5;margin-bottom:20px;}
.entry ol,
.post li {margin-bottom:10px;}

.page .entry ul {padding-left:0;list-style:none;margin-top:30px;margin-bottom:30px;}
.page .entry ul li {margin-bottom: 10px;}
.page .entry ul li:before{
	margin-right: 10px;
	margin-bottom: -3px;
	color:#28af10;
	display:inline-block;
	font-style:normal;
	font-weight:normal;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-family:'Glyphicons Halflings';
	content:"\e013";
}

/* amazon affilate */
.amzn-native-container {margin-top:60px;}
.amzn-native-header-text {display: none;}

/* related post plugin */
.wp_rp_wrap {margin: 40px 0;}
.wp_rp_wrap .related_post_title {clear: both;padding: 0;margin: 0;}
.wp_rp_content {display: inline-block;}
.wp_rp_footer {text-align: right;overflow: hidden;}
.wp_rp_footer a {color: #999;font-size: 11px;text-decoration: none;display: inline-block;}
.wp_rp_footer .wp_rp_edit {
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	background: #f79124;
	border-radius: 2px;
	padding: 3px 6px;
}
.related_post {display: inline-block;position: relative;margin: 0;padding: 0;}
.related_post li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	width: 130px;
	margin: 10px 10px 10px 0px;
	padding: 0;
	background: none;
}
.related_post li a {
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 1.6em;
	text-decoration: none;
	margin-bottom: 5px;
	text-indent: 0;
}
.related_post li img {
	display: block;
	width: 130px;
	height: 130px;
	max-width: 100%;
	margin: 0;
	background: none;
	border: none;
	border-radius: 3px;
	padding:4px;
	border:1px solid #eee;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
}
.related_post li img:hover {border:1px solid #00aeef;}
.related_post li a img.wp_rp_santa_hat {display: none;}
.related_post li small {font-size: 80%;}

@media screen and (max-width: 480px) {
	.related_post li {display: inline-block;width: 130px;clear: both;}
	.related_post li a:nth-child(1) {float: left;}
	.related_post li a:nth-child(2) {font-size: 14px;}
}
@media (max-width: 1199px) { .related_post li:nth-child(5) {display: none;} }

/* author bio - single post */
.author-name {margin-top: 0;}
.author-buttons {margin-bottom: 0; margin-top: 12px;}
.author-buttons li {margin-bottom: 0;padding-right:0;}
.author-buttons li a {
  display: block;
  background-color: #222222;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  font-size: 18px;
  line-height: 30px;
  color: white;
  outline: none;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.author-buttons li a.author-website {background-color: #3ecdcb;}
.author-buttons li a.author-twitter {background-color: #59adeb;}
.author-buttons li a.author-googleplus {background-color: #d34836;}
.author-buttons li a.author-facebook {background-color: #3b5998;}
.author-buttons li a.author-linkedin {background-color: #3399cc;}
.author-buttons li a.author-website:hover {background-color: #56e6e5;}
.author-buttons li a.author-twitter:hover {background-color: #31c3fc;}
.author-buttons li a.author-googleplus:hover {background-color: #e96c59;}
.author-buttons li a.author-facebook:hover {background-color: #4e72b8;}
.author-buttons li a.author-linkedin:hover {background-color: #1a9ee6;}

/* Sidebar */
#sidebar {margin-bottom:30px;}
#sidebar ul {list-style: none;padding: 0;margin: 0;}
#sidebar ul ul {list-style:none;}
#sidebar ul ul li {margin-bottom: 5px;}
#sidebar .well {background-color:#fff;border-color:#eee;box-shadow:none;}

.wpp-list {list-style:none!important;margin:0!important;}
.wpp-list li {display:inline-block;margin-bottom:12px!important;}
.wpp-list li {border-bottom:1px solid #eee;padding-bottom:12px;width:100%;} /* disable this line when using thumbs */
/*.wpp-list li:nth-child(2n) {background-color:#fff;}*/
.wpp-thumbnail {display:inline;float:left;margin-right:12px;border:3px solid #fff;}
.wpp-post-title {font-size:16px;}

.post-ratings-container {margin-top:25px;margin-bottom:25px;}

/* Blog Comments */
#blog #comments-container {margin-top: 60px;}
#comments-container ul {list-style:none;}
#comments-container .children {}
#comments-container #comments {}
#comments-container .media-object {margin-top: 5px;}
#comments-container .media-body {padding: 5px;}
.comment-date {margin-bottom: 10px;display: block;}
#blog #respond {margin-top: 30px;}
#blog .form-group {margin-bottom: 25px;}
#blog .form-group input,
#blog .form-group textarea {padding: 20px;}
#blog .form-group input.form-control {height: auto;}
#blog .form-group textarea.form-control {height: 146px;}
#blog .form-control:focus {border-color: #00aeef;box-shadow: none;}
#blog .text-danger {color: #e74c3c;}

#blog ::-webkit-input-placeholder {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #bbbbbb;
}
#blog :-moz-placeholder {
  /* Firefox 18- */

  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #bbbbbb;
}
#blog ::-moz-placeholder {
  /* Firefox 19+ */

  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #bbbbbb;
}
#blog :-ms-input-placeholder {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #bbbbbb;
}

/* Footer */
footer {
	padding: 80px 0;
	background-color: #3a3a3a;
	background-image: url('assets/img/backgrounds/bg-footer.png');
	color: #868686;
	border-top: 7px solid #00aeef;
	line-height: 1.5;
}
footer a {color: #cccccc;}
footer h4 {color: white;margin-top: 0;margin-bottom: 25px;}
footer #footer-logo {margin-bottom: 25px;}
footer .copyright {margin-top: 15px;}
footer .twitter-follow-button {margin: 7px 0;}

.social-buttons {margin-bottom: 0;}
footer .social-buttons li {padding-left: 0;}
.social-buttons li a {
  display: block;
  background-color: #222222;
  height: 36px;
  width: 36px;
  border-radius: 100%;
  font-size: 18px;
  line-height: 36px;
  color: white;
  outline: none;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.social-buttons li a.footer-twitter:hover {background-color: #59adeb;}
.social-buttons li a.footer-googleplus:hover {background-color: #d34836;}
.social-buttons li a.footer-facebook:hover {background-color: #3b5998;}
.social-buttons li a.footer-linkedin:hover {background-color: #007bb6;}
.social-buttons li a.footer-instagram:hover {background-color: #004879;}

/* SEO Auditor */
#seo {margin-top:40px;}
#seo-input {margin-bottom: 50px;}
.goauditor-credit {margin-top:40px;}

.seo-success {color: #159934;}
.seo-warning {color: #fba028;}
.seo-danger {color: #db4c3f;}

#seo-share-buttons .section-heading {margin-bottom:25px;margin-top:25px;font-size:18px;}
#seo-banner-bottom {margin-bottom:25px;margin-top:25px;}

#seo-grade h2 {border-bottom:7px solid #f5f5f5;font-size:80px;font-weight:bold;margin-bottom:50px;margin-top:30px;text-transform:uppercase;}

#seo-summary {text-align:center;}
#seo-summary h3 {color:#fff;padding:20px;font-size:24px;}
#seo-summary .summary-count {border-bottom:7px solid #f5f5f5;font-size:80px;padding:10px 20px;font-weight:bold;margin-bottom:60px;}

#seo-sharing {padding: 30px 0;margin-bottom: 100px;font-size: 20px;}
#seo-sharing a {line-height:60px;}

#seo-gauges {margin: 50px 0 120px 0;}
.single-gauge {width:100%;height:220px;} /* issue on safari, setting height */
.gauge-container {margin:0;padding:0;}
.gauge-container > span {margin-top: -30px;display: block;z-index: 1000;position: relative;}

#seo-results .panel-title {font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;}
#seo-results .panel-title a {line-height:30px;color:inherit;}
#seo-results .panel-title a:hover {color:inherit;}
#seo-results .panel-title .accordion-toggle {display: block;text-decoration: none;}
#seo-results .panel-title .accordion-toggle > span {vertical-align: middle;}

#seo-sections {margin-bottom:45px;}
#seo-sections h2 {margin-top:60px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eeeeee;}
#seo-sections .panel-body table {width: 100%;margin-bottom: 2em;word-break: break-all;}
#seo-sections .panel-body td {vertical-align: top;padding-top: 0.8em;padding-bottom: 0.8em;padding-left: 1em;}
#seo-sections .panel-body td:first-child {padding-left: 0;width: 15%;min-width: 160px;padding-left: 1%;}
#seo-sections .arrow {transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
#seo-sections .rotate-arrow {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}

#back-top a {
	position: fixed;
	bottom: 30px;
	right: 30px;
	color: #eee;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	z-index: 1001;
}
#back-top a:hover {background-color: rgba(0, 0, 0, 0.7);}
#back-top a i {font-size: 3em;}

/* auditor well on blog page */
.scroll-well.fixed {position:fixed;top:150px;z-index:1000;width:100%;}


/* google adsense */
.ad-modal {width:234px;height:60px;margin-left:auto;margin-right:auto;display:block;}
@media (min-width:500px) {.ad-modal {width:468px;height:60px;}}
@media (min-width:800px) {.ad-modal {width:568px;height:90px;}}

.ad-responsive {width:234px;height:60px;margin-left:auto;margin-right:auto;display:block;}
@media (min-width:500px) {.ad-responsive {width:468px;height:60px;}}
@media (min-width:800px) {.ad-responsive {width:568px;height:90px;}}
@media (min-width:1000px) {.ad-responsive {width:728px;height:90px;}}

@media (min-width: 480px) {
	#section-auditor {padding-bottom:300px!important;}
	#section-results img {margin-top:-330px;}
}

@media (min-width: 768px) {
	.navbar-default {
		background-color: transparent;
		padding: 25px 0;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
		border: none;
	}
	.navbar-default .navbar-brand {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
  .navbar-default .navbar-nav > li > a {font-size: 12px;letter-spacing: normal;padding:14px;}
	.navbar-default .navbar-nav > .active > a {border-radius: 3px;}
	.navbar-default .navbar-brand {margin-top:5px;margin-left:5px!important;background: url('assets/img/zadro-logo.png') no-repeat;width:185px;height:33px;}
  .navbar-default.navbar-shrink {background-color: #222222;background-image: url('assets/img/backgrounds/bg-footer.png');padding: 10px 0;}
	.navbar-default.navbar-shrink .navbar-brand {font-size: 1.5em;}
	.dropdown-menu:before {
		content:"";
		border-bottom: 17px solid #fff;
		border-right: 17px solid transparent;
		border-left: 17px solid transparent;
		position: absolute;
		top: -15px;
		right: 28px;
		z-index: 10;
	}

  #breadcrumbs {line-height:30px;font-size:15px;}
	
	/* Single Blog Post - WP Specific */
	.blog .navbar-default,
	.single .navbar-default,
	.archive .navbar-default,
	.category .navbar-default,
	.search-results .navbar-default,
  .search-no-results .navbar-default,
	.page-template-seo-php .navbar-default,
	.page-template-default .navbar-default {background-color: #222222;background-image: url('assets/img/backgrounds/bg-footer.png');}
	.single > #blog h1 {font-size: 53px;margin-bottom: 28px;}
	.blog-list,
	#blog {margin-top:50px;}
	.blog-list h2,
	.single h1 {margin-top: 0;}
	
	#header-main {text-align:left;}
	header .intro-text {padding-top:260px;padding-bottom:160px;}
	header .intro-text .intro-lead-in {font-size:40px;margin-bottom:50px;}
	header .intro-text .intro-heading {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 75px;
		line-height: 75px;
		margin-bottom: 25px;
	}
	
	#header-blog .intro-text {padding-top: 240px;padding-bottom: 120px;}
	#header-blog .intro-text .intro-heading {font-size: 150px;}
	.author #header-blog .intro-text .intro-heading {font-size: 88px;line-height: 100px;}
	
	#section-auditor {padding-bottom:380px!important;}
	#section-results img {margin-top:-410px;}
	.section-text {text-align:left;}
	
	section {padding: 120px 0;}
	
	#portfolio .portfolio-item {margin: 0 0 30px;}
	
	.timeline:before {left: 50%;}
	.timeline > li {margin-bottom: 100px;min-height: 100px;}
	.timeline > li .timeline-panel {width: 41%;float: left;padding: 0 20px 20px 30px;text-align: right;}
	.timeline > li .timeline-image {width: 100px;height: 100px;left: 50%;margin-left: -50px;}
	.timeline > li .timeline-image h4 {font-size: 13px;margin-top: 16px;line-height: 18px;}
	.timeline > li.timeline-inverted > .timeline-panel {float: right;text-align: left;padding: 0 30px 20px 20px;}
}

@media (min-width: 992px) {
	
	header .home-text .home-heading {margin-top:55px;}
	header .home-text .home-lead-in {font-size:13px;}

  .navbar-default .navbar-nav > li > a {font-size: 14px;letter-spacing: 1px;padding:15px;}
	
	section .row-margin {margin-bottom: 125px;}
	
	.timeline > li {min-height: 150px;}
	.timeline > li .timeline-panel {padding: 0 20px 20px;}
	.timeline > li .timeline-image {width: 150px;height: 150px;margin-left: -75px;}
	.timeline > li .timeline-image h4 {font-size: 18px;margin-top: 30px;line-height: 26px;}
	.timeline > li.timeline-inverted > .timeline-panel {padding: 0 20px 20px;}
	
	.gauge-container {margin-top:20px;margin-bottom:20px;}
	
	#sidebar .well {border-color:#fff #fff #fff #eee;margin:0;border-radius:0;}
}

@media (min-width: 1200px) {
	
	header .home-text {padding-top:140px;padding-bottom:80px;}
	header .home-text .home-heading {font-size:36px;margin-top:65px;}
	
	.timeline > li {min-height: 170px;}
	.timeline > li .timeline-panel {padding: 0 20px 20px 100px;}
	.timeline > li .timeline-image {width: 170px;height: 170px;margin-left: -85px;}
	.timeline > li .timeline-image h4 {margin-top: 40px;}
	.timeline > li.timeline-inverted > .timeline-panel {padding: 0 100px 20px 20px;}
}

@media (max-width: 991px) {
	#services .col-md-3,
	#section-results .col-md-3 {margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #e3e3e3;}
	#services .col-last,
	#section-results .col-last {margin-bottom: 0;padding: 0;border: none;}
	
	#blog .media-heading small {display: block;margin-top: 10px;}
	
	footer {text-align: center;}
	footer .col-md-3 {margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #4b4b4b;}
	footer .col-last {margin-bottom: 0;padding: 0;border: none;}
	
	#seo-gauges .gauge-container {margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #e3e3e3;}
	#seo-gauges .gauge-container.col-last {margin-bottom: 0;padding: 0;border: none;}
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .menu-item-has-children:hover .dropdown-menu {
		position:relative;
		width:100%;
		background:none;
		border:none;
		-webkit-box-shadow: none;
        box-shadow: none;
		margin-bottom: 10px;
	}
	
	.navbar-default .navbar-nav .dropdown-menu li a {color: #fff!important;}
	.navbar-default .navbar-nav .dropdown-menu li a:hover {background: none!important; color: #00aeef!important;}

  .team-member{text-align: center;}

	#seo-grade h2 {font-size: 45px;}
	#seo-results .panel-title {font-size: 13px;}
	#seo-sections .panel-body td:first-child {min-width: 70px;}
}