/*
Theme Name: Reach256
Version: 1.0
Tags: responsive, bootstrap
*/
@import url('https://fonts.googleapis.com/css?family=Poppins');
/* = DEFAULT STYLES = */
html, body {margin:0;font-size:14px;font-family: 'Poppins', sans-serif;}

/* = DEFAULT - LINKS = */
a {text-decoration:none;font-weight:bold;color:#ed1c24;}
a:hover, a:focus {text-decoration:none;color:#000000;}

/* = DEFAULT - TEXT ITEMS = */
p {margin:20px 0;line-height:1.75em;font-size:16px;}
.entry-summary p {margin:0 auto;}

/* = DEFAULT - HEADINGS = */
h1 {font-size:32px;margin:0;border-bottom:3px solid #ccc;font-weight: bold;color:#ed1c24;}
h2 {font-size:24px;margin:0;}
h2.message {}
h3 {font-size:20px;margin:0;color:#ed1c24;font-weight: bold;}
h4 {}
h5 {}
.heading-with-lines{text-align: center;position:relative;padding:0px 15px;}
.heading-with-lines span {padding: 0 15px;position: relative;z-index: 1;}
.heading-with-lines span:before,
.heading-with-lines span:after {background: #ed1c24;content: "";display: block;height: 1px;position: absolute;top: 50%;width: 400%;}
.heading-with-lines span:before {right: 100%;}
.heading-with-lines span:after {left: 100%;}
.heading-with-lines {overflow: hidden;text-align: center;padding:30px 0px;}
hr.sm{display:inline-block;margin:0 0 15px 0;width:40px;height:3px;border:0;position:relative;background:#cccccc;}
.three-column-list{column-count: 3; list-style-position: inside;}
.fancy-bulleted-list{list-style-type:none;}
.fancy-bulleted-list li::before{content:"\f00c";font-family: fontawesome;padding-right:5px;color:#ed1c24;}

/* = DEFAULT - Custom Bootstrap = */
.container {margin:0 auto;}

/* Buttons */
.btn {background:#ed1c24;color:#fff;font-size:18px; padding:20px;font-weight: bold;margin:10px 0px;border:solid 2px #ffffff;white-space: normal;}
.btn:hover, .btn:focus {background:#000000;color:#fff;}

/* = HEADER = */
#primary-header {padding:10px 0px;position:fixed;left:0px; right:0px;z-index: 999;background:#ffffff;}
.primary-header-inner {}
/* HEADER - LOGO */
.logo img{}
.logo img:hover, .logo img:focus  {opacity:.8;}

/* = CALL TO ACTION = */
.c2a {text-align:right;}
.tagline {display:block;}
.tel {display:block;}
.tel a {}
.tel a:hover, .tel a:focus {}
address {display:block;margin-bottom:0px;}
.email {display:block;}
.email a {}
.email a:hover, .email a:focus {}

/* = SOCIAL MEDIA LINKS = */
.social {display:block;}
.social a {}
.social a:hover, .social a:focus {}

/* = NAVIGATION = */
nav {}
.navbar{margin-bottom:0px;}
.navbar-default {border-radius:0px;border:0;background:transparent;text-align:center;}
.navbar-default .navbar-nav>.active>a:hover{background:transparent;}
.navbar-default .navbar-nav > li > a {}
.navbar-default .navbar-nav > li:last-child > a {}
.navbar-default .navbar-nav > li > a:hover {background:transparent;}
.navbar-default .navbar-nav > li > a::after{content: '';display: block;width: 0;height: 2px;background: #ed1c24;transition: width .3s;}
.navbar-default .navbar-nav > li > a:hover::after{width:100%;}
.navbar-default .navbar-nav>.active>a{background:transparent;}
.dropdown-menu {margin-top:-2px;background:transparent;box-shadow:none;border:none;border-radius:0px;padding:0px;}
.dropdown:hover .dropdown-menu {display: block;}
.navbar-default .navbar-nav > .active > a:after, .navbar-default .navbar-nav > .active > a:hover::after, .navbar-default .navbar-nav > .active > a:focus::after{width:100%;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {}
.navbar-default .dropdown-menu > li > a {background:#ffffff;padding:15px;}
.navbar-default .dropdown-menu > li > a:hover {background:#222222;color:#ffffff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {}
.navbar-default .navbar-nav>li>a:focus {}
.navbar-toggle {}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {}
.navbar-default .navbar-toggle .icon-bar {}
.dropdown-menu>.active>a{color:#333;}
/* Centering Nav */
.navbar .navbar-nav {display: inline-block;float: right;margin-bottom:-5px;}
.navbar .navbar-collapse {text-align: center;}
.nav>li>a{ padding: 15px 10px; }
/* = BANNER = */
#banner {position:relative;}
.banner-inner {}
.banner-inner img{width:100%;}
.carousel-inner {border:none;box-shadow:none;}
.carousel.fade {opacity: 1;}
.carousel.fade .item {-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;left: 0 !important;opacity: 0;top:0;position:absolute;width: 100%;display:block !important;z-index:1;}
.carousel.fade .item:first-child {top:auto;position:relative;}
.carousel.fade .item.active {opacity: 1;-moz-transition: opacity ease-in-out .7s;-o-transition: opacity ease-in-out .7s;-webkit-transition: opacity ease-in-out .7s;transition: opacity ease-in-out .7s;z-index:2;}
.carousel-caption{left: 0%;width: 50%;}
.carousel-caption h3{font-weight: bold;font-size:24px;color:#ffffff;}
.carousel-caption .btn{font-size:18px; padding:20px;font-weight: bold;background:rgba(237,28,36,.8);}
.carousel-caption .btn:hover{background:#222222;}

/* = FEATURE = */
#feature-section-1 {padding:20px 0;background:#ffffff;text-align: center;}
#feature-section-1 a:hover h3, #feature-section-1 a:hover .fa{color:#222222;}
.feature-inner {}
.feature-box {text-align: center;margin:30px 0px;}
.feature-box h3{margin-bottom:20px;}
.feature-box p {margin:0 auto;color:#222222;font-weight: normal;margin-bottom:10px;}
.feature-box .fa{font-size:35px;margin-bottom:15px;color:#ed1c24;}
.learn-more{font-size:16px;margin-top:15px;}
.learn-more .fa{font-size:16px;}
#video-container{padding-bottom:20px;}


/*How it works section*/
#how-it-works{background:#222222;color:#ffffff;}
#how-it-works h3{color:#ffffff;}

/*Feature Section 2*/
#feature-section-2{padding:20px 0px;background:#ffffff;text-align: center;}
.feature-section-2-box{margin:5px 0px;position:relative;margin:20px;box-shadow: 0px 0px 10px;background:#ed1c24;}
.feature-section-2-box-inner p{color:#fff;margin:10px 0;}
.feature-section-2-box h3{font-size:40px;font-weight: bold;color:#fff;margin-top: 10px;}
.feature-section-2-box .fa{font-size:30px;margin-bottom:15px;margin-top:20px;color:#888888;}
#feature-section-2 a:hover{}
.feature-section-2-heading{background:#ebebeb;}
.feature-section-2-box-inner {width:100%; padding: 10px; }

.downloads-section{background:url('images/touchscreen-phone.jpg');background-attachment:fixed;background-size:cover;background-position:center;text-align:center;padding:20px 0;}
.downloads-section .container{padding:30px 70px;margin:50px auto;background:rgba(255,255,255,.8);}

/* = MAIN = */
main {text-align:left;color: #000;font-size: 14px;padding:20px 0px;background:#f9f9f9;}
main a:hover{text-decoration:underline;}
.main-inner {}

/* = SECTION = */
section {}

/*Testimonial Section*/
#testimonial-section{/*padding:20px 0px;position:absolute;background: rgba(255,255,255,.8);top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:5;*/}

/* = FLOATED IMAGES = */
img.pull-left {margin:20px 20px 20px 0px;}
img.pull-right {margin:20px 0px 20px 20px;}

/* = ASIDE = */
aside {text-align:left;padding-top:20px;}

/* = CONTACT INFO = */
.contact-column{margin:20px 0px;font-size:18px;}
#contact-info {background:#f9f9f9;padding:10px 0px;text-align:center;}
.contact-info {display:block;}
#contact-info h3{margin-bottom:15px; border-bottom:1px #cccccc solid;}
#contact-info a {}
#contact-info a:hover, #contact-info a:focus {}
.social .fa{font-size:30px;}

/* = FOOTER = */
#primary-footer {text-align:center;padding: 10px 0px;background:#222222;}
.primary-footer-inner {}
.sitemap .list-inline{margin-bottom:0;}
/* = FOOTER - LINKS = */
footer a {color:#cccccc;}
footer a:hover, footer a:focus {color:#ffffff;}

/* = BACK TO TOP LINK = */
#top-link-block.affix-top {position: absolute; /* allows it to "slide" up into view */bottom: -82px; /* negative of the offset - height of link element */left: 10px; /* padding from the left side of the window */}
#top-link-block.affix {position: fixed; /* keeps it on the bottom once in view */bottom: 18px; /* height of link element */left: 10px; /* padding from the left side of the window */}
.back-to-top {}
.back-to-top:hover, .back-to-top:focus {}

/* = SITEMAP PAGE = */
ul.sitemap-page {margin: 20px auto; display:block; max-width: 500px; float: none;}
ul.sitemap-page li { list-style: none;}
ul.sitemap-page li a { font-weight: bold; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); color: #ccc;  /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; font-size: 36px; line-height: 55px; display: block;}
ul.sitemap-page li a:hover {color: #000;text-transform: uppercase; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 0px 3px 0px #ccc,0px 14px 10px rgba(0,0,0,0.15),0px 24px 2px rgba(0,0,0,0.1),0px 34px 30px rgba(0,0,0,0.1);}

/* = LIST STYLE IP = */
ul.list-items {margin: 10px 0 10px 60px;}
ul.list-items li {color: #000; font-weight: bold; }
ul.list-items li  a {color: #000; font-weight: bold; }
ul.list-items li a:hover {color: #000; text-decoration: none;}

/* Blog Styles */
.main-inner-blog {}
article {padding:20px 0;margin-bottom:20px;}
article h2 {background:#ccc;text-decoration:none;}
.blog-image {margin:10px 0px 20px 0px !important;padding-right:20px;}
.date {display:block;}2
.blog-intro {padding-top:20px;padding-bottom:20px;margin-bottom:20px;}
/* Blog Sidebar */
.blog-sidebar {}
.blog-sidebar h3 {background:#000;color:#fff;padding:10px 10px;}
.blog-sidebar ul {list-style:none;padding:0;}
.blog-sidebar li {margin:3px 0;}
.blog-sidebar li a:before {content:"►";color:#999;margin-right:5px;}
.blog-sidebar li a {padding:5px 10px;background:#000;color:#fff;display:block;}
.blog-sidebar li a:hover, .blog-sidebar li a:focus {background:#999;color:#fff;text-decoration:none;}
.blog-sidebar li a:hover:before, .blog-sidebar li a:focus:before {color:#000;}
.entry-summary {}
/* Blog Single Post */
.blog-post {}
.blog-post h1 {font-size:24px;}

/* Gallery Page */
#envirabox-overlay {background:rgba(0,0,0) !important;}
#envirabox-content {border:15px solid #000 !important;}
#envirabox-outer {background:#000 !important;}
#envirabox-title-float-main {font-size:16px !important;}
.envira-gallery-link:hover, .envira-gallery-link:focus {opacity:.7;}

/* Main Interior Pages - Contact Page */
main.contact-page {}
.divider-list-item ul {padding:0 !important;}
main.contact-page .contact-info {font-size:20px;}
main.contact-page .contact-info p {margin:10px auto;}
main.contact-page .contact-info a {}
main.contact-page .contact-info a:hover, main.contact-page .contact-info a:focus {text-decoration: none;color:#eee;}
main.contact-page .map iframe{width:100%;margin:15px auto;height:270px;}
main.contact-page .map p {margin:0;}
.contactform {color:#fff;}
.button {border-radius:3px;background:#000;color:#fff;width:100% !important;display:block;padding:8px 0px;border:0;}
.button:hover, #contactform .button:focus {background:#ccc;color:#000;}
.contactform label {display:none !important;}
.contactform input::-moz-placeholder {}
.contactform input::-o-placeholder {}
.contactform input::-webkit-placeholder {}
.contactform input {width:100% !important;}
.contactform .textarea {width:100% !important;}
body .gform_wrapper ul li.gfield {margin-top:0 !important;margin-bottom:10px;}
.gform_wrapper textarea.medium {height:150px !important;}
.gform_wrapper ul.gform_fields li.gfield {padding-right:0 !important;}
.gform_wrapper .gform_footer {margin:0 auto !important;padding:0 !important;}
.gform_wrapper .top_label .gfield_label{display:none!important;}

.img-box{background-size:cover;}
.blog-header{background:rgba(237,28,36,.5);}
.blog-section{background-image:url('./images/business-laptop-office.jpg');text-align:center;background-size:cover;background-position:bottom;}
.blog-header h2{color:#fff;padding:10px;background:#ed1c24;}
.blog-box{text-align:center;padding:20px;min-height:250px;}
.blog-item:nth-child(even){background:#eee;}
.blog-item:nth-child(odd){background:#ccc;}
.blog-img{display:none;}


.blk-btn{     border-radius: 3px;
    background: #000;
    color: #fff;
    width: 100% !important;
    display: block;
    padding: 8px 0px;
    border: 0;}
	
.blk-btn:hover, .blk-btn:focus {
    background: #ccc;
    color: #000;
}

/*Guided Marketing*/
main.with-margin{margin:20px auto;}
#secondary-content{background:#222;padding:20px 0px;margin-bottom: 20px;}
#secondary-content h2{color:#ed1c24;text-align:center;}
#secondary-content p{color:#f9f9f9;text-align:center;}
#secondary-content ul{margin:20px auto;}
#secondary-content ul>li{list-style:none;color:#fff;margin:10px auto;}

/*Social Media Page*/
#stat-blocks{padding:50px 0px 20px;}
.stat-block{border: 1px solid #ccc;text-align: center; position: relative; margin-bottom: 20px; max-width: 400px; margin: 0px auto 50px; padding: 15px;}
.stat-block>i.fa{font-size: 40px; padding: 10px 20px; position: absolute; transform: translateX(-50%); background: #fff; top: -26px; color: #ed1c24;}
.stat-block>h3{margin: 100px auto 50px; color: #000; font-size: 40px;}
#social-media-services{margin-bottom:50px;}
#social-media-services .nav{text-align:center;border:none;margin-bottom:30px;}
#social-media-services .nav>li{float:none;display:inline;}
#social-media-services .nav>li>a{border:1px solid #ccc!important;display:inline;}
.tab-content{padding:20px;}

/*Circle Services*/
#circle-services{background:#222;margin-bottom:20px;padding:20px 0px;}
.circle-service{text-align:center;margin:10px auto;}
.circle-service>.circle{background:#ccc;border-radius:100%;width:200px;height:200px;margin:0 auto;position:relative;}
.circle-service>.circle>.fa{color:#aaa;font-size:80px;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;}
.circle-service p{color:#f9f9f9;}
.circle-service h4{color:#ed1c24;}

/*Case Studies*/
#case-studies{padding:20px 0px;}
.case-study{padding:15px;margin:10px auto;text-align:center;}
.case-study>img{border:1px solid #ccc;}
.case-study>a>h3{margin-bottom:10px;}
.case-study>a:hover>h3,.case-study>a:focus>h3{color:#222;}

/*Our Team*/
#management-team,#sales-team,#design-team{padding:20px 0px;text-align: center;}
#sales-team{background:#222;margin:20px auto;}
#sales-team h2{color:#f9f9f9;}
#design-team{margin-bottom:20px;}
.staff{margin:20px auto;padding:15px;text-align:center;background:#fff;box-shadow:2px 2px 10px #ccc;max-width:400px;}

/*blog*/
.blog-excerpt>a>img{margin:10px auto;}

.black-banner {color:#fff;padding: 20px 0px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 5;height:auto;}
.black-banner h2 {padding-top:18px;font-size:5.0em;}
.black-banner .btn {border:none;}

/* = MEDIA QUERIES= */
@media screen and ( max-width: 1400px ) {.black-banner h2 {font-size:3.0em;}}
@media screen and ( max-width: 1200px ) {.nav>li>a{padding:10px 7px; font-size: 12px;}}
@media screen and ( max-width: 1024px ) {.carousel-caption{bottom:20px;}.black-banner {width:90%;}}
@media screen and ( max-width: 991px ) {.blog-img{display:block;margin-top:20px;}#primary-header{position:relative;}.navbar .navbar-nav{float:none;}.three-column-list{column-count: 2;}.c2a{font-size: 20px;}#testimonial-section {width:100%;}}
@media screen and ( max-width: 768px ) {.heading-with-lines span:before,.heading-with-lines span:after {background: transparent;}}

@media screen and ( max-width: 767px ) {.navbar .navbar-nav {display:block;margin-bottom:0px;}img.pull-left {float:none !important;margin:0 auto;} img.pull-right {float:none !important;margin:0 auto;} .c2a {text-align:center;}.logo img{margin:20px auto;}.contact-info {display:block;}.spacer {display:none;}.list-inline>li {display:block;padding:10px;}.three-column-list{column-count: 1;}.carousel-caption{position:relative;bottom:0px;left:0px;right:0px;width:100%;background:#222222;}.dropdown .dropdown-menu {position:relative;display:block;float:none !important;visibility:visible;width:100%;text-align:center;left: 0;}}
@media screen and ( max-width: 741px ) {.black-banner h2 {font-size:2.0em;}.black-banner .btn {padding:10px;}}
@media screen and ( min-width: 641px ) {.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{margin:0px 0px 0px 0px!important;}}
@media screen and ( max-width: 600px ) {.black-banner h2{font-size: 1.2em; padding-top: 5px;}.black-banner .btn {padding: 6px; font-size: 15px;}}
@media screen and ( max-width: 414px ) {#testimonial-section {display:none;}}
@media screen and ( max-width: 320px ) {}
@media screen and ( max-width: 599px ) { .feature-section-2-box{ margin: 0 auto!important; }.downloads-section .container{padding:0;}}
/* Formatting for Printing Web Pages */
@media print {}