@import 'https://fonts.googleapis.com/css?family=Roboto+Slab';
@import url('https://fonts.googleapis.com/css?family=Chivo:400,900');


/* = DEFAULT STYLES = */
html, body {margin:0;font-size:16px;background:url('../images/page-bg.jpg') no-repeat center center fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;}

/* = DEFAULT - LINKS = */
a {text-decoration:none;font-weight:bold;color:#53a6dc;transition:all ease 1s;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}
a:hover, a:focus {color:rgba(14,36,65,1);text-decoration:underline;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}

/* = DEFAULT - TEXT ITEMS = */
p {margin:20px 0;line-height:1.75em;}

/* = DEFAULT - HEADINGS = */
h1 {font-size:34px;margin:0;  font-family: 'Roboto Slab', serif;text-align:center;font-weight:bold;color:rgba(14,36,65,1);border-bottom:3px solid #ff8a2c;}
h1.main-heading {margin: 4% 0;}
h2 {font-size:30px;margin:0;  font-family: 'Roboto Slab', serif;}
h3 {font-size:24px;margin:0;  font-family: 'Roboto Slab', serif;font-weight:bold;color:rgba(14,36,65,1);}
h4 {}
h5 {}
/* = DEFAULT - Custom Bootstrap = */
.container {margin:0 auto;}
.col-centered {float: none; margin: 0 auto; display: block;}
.no-padding {padding: 0;}
.fa-color {color:#ff8a2c;}

/* Buttons */
.btn {border-radius:0px;background:rgba(14,36,65,1);color:#fff;font-weight:bold;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;font-family: 'Roboto Slab', serif;}
.btn:hover, .btn:focus {background:#53a6dc;color:#fff;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}

/* Sitemap Buttons */
.btn-draw { width: 100%; text-align: center;position: relative; display: inline-block; color: rgba(14,36,65,1); border-bottom: 2px solid rgba(14,36,65,1); cursor: pointer; overflow: hidden; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; margin-top: 5%; }
.btn-draw:after { content: ''; position: absolute; right: 0; bottom: 0; height: 100%; width: 2px; background: rgba(14,36,65,1); transform: translateY(100%); transition: transform 0.2s ease-in-out; transition-delay: 0.6s; }
.btn-draw > span { position: relative; display: block; padding: 0.3em; color: inherit; font-size: 34px;font-family: 'Roboto Slab', serif;}
.btn-draw > span:before, .btn-draw > span:after { content: ''; position: absolute; left: 0; top: 0; background: rgba(14,36,65,1); transition: transform 0.2s ease-in-out; }
.btn-draw > span:before { height: 2px; width: 100%; transform: translateX(100%); transition-delay: 0.4s; }
.btn-draw > span:after { height: 100%; width: 2px; transform: translateY(-100%); transition-delay: 0.2s; }
.btn-draw:hover:after, .btn-draw:hover > span:before, .btn-draw:hover > span:after { transform: translate(0, 0); }
.btn-draw:hover:after { transition-delay: 0s; }
.btn-draw:hover > span:before { transition-delay: 0.2s; }
.btn-draw:hover > span:after { transition-delay: 0.4s; }
.btn-draw:hover { color: #ff8a2c; background-color: rgba(14,36,65,1); transition-delay: 0.6s; text-decoration: none; }

/* = HEADER = */
header {-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.36);
box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.36);padding-top:10px;padding-bottom:10px;font-family: 'Roboto Slab', serif;background: rgba(255,255,255,0.67);
background: -moz-linear-gradient(top, rgba(255,255,255,0.67) 0%, rgba(255,255,255,1) 77%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.67)), color-stop(77%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.67) 0%, rgba(255,255,255,1) 77%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.67) 0%, rgba(255,255,255,1) 77%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.67) 0%, rgba(255,255,255,1) 77%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.67) 0%, rgba(255,255,255,1) 77%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );}
header.interior-header {width: 100%;position: absolute; top:0; left: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; z-index: 999;}
.header-inner {}
/* HEADER - LOGO */
.logo {}
.logo img {margin:0 100px -50px;opacity:1;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}
.logo img:hover  {opacity:.6;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}

/* = CALL TO ACTION = */
.c2a {text-align:right;color:rgba(14,36,65,1);margin-top:1.75%;}
.tagline {display:block;margin-right:20px;font-size:18px;}
.tel {display:block;font-size:26px;margin-right:20px;}
.tel a {color:#53a6dc;}
.tel a:hover, .tel a:focus {text-decoration:none;color:rgba(14,36,65,1);}
/* = SOCIAL MEDIA LINKS = */
.social {font-size:24px;margin-right:20px;}
.social a {color:rgba(14,36,65,1);margin:0 3px;}
.social a:hover, .social a:focus {text-decoration:none;color:#ff8a2c;}

/* Header Animation Styles */
#top-wrapper {}
#top-wrapper.sticky {position:fixed;width:100%;height:auto;z-index:999;-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.36);
box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.36);}
#top-wrapper.sticky .logo img {width:17%;}
#top-wrapper.sticky .c2a {margin-top:.5%;}
#top-wrapper.sticky .c2a .tel {transition: all 0.4s ease;}
#top-wrapper.sticky .c2a address {font-size:16px;transition: all 0.4s ease;}
#top-wrapper.sticky .callus {display:none;transition: all 0.4s ease;}
#top-wrapper.sticky nav {margin-top:.25%;}
#top-wrapper.sticky a {text-shadow:none;}


/* = NAVIGATION = */
nav {font-family: 'Roboto Slab', serif;margin-top:2%;}
.navbar-default {border-radius:0px;border:0;background:transparent;text-align:center;margin-bottom:0;}
.navbar-default .navbar-nav > li > a {font-size:15px;color:rgba(14,36,65,1);-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;font-weight:normal;}
.navbar-default .navbar-nav > li > a .fa {font-size:24px;opacity:0;color:#ff8a2c;display:block;margin-bottom:5px;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}
.navbar-default .navbar-nav > li:last-child > a {}
.navbar-default .navbar-nav > li > a:hover {color:rgba(14,36,65,1);background:transparent;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}
.navbar-default .navbar-nav > li > a:hover .fa {opacity: 1;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}
.nav li.active a {color:rgba(14,36,65,1);background:transparent;}
.nav li.active a .fa {opacity: 1;}
.dropdown-menu {margin-top:-2px;background:transparent;box-shadow:none;border:none;border-radius:0px;padding:0px;}
.dropdown:hover .dropdown-menu {display: block;-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.36);
box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.36);}
.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:rgba(255,255,255,1);color:rgba(14,36,65,1);padding-top:5px;padding-bottom:5px;}
.navbar-default .dropdown-menu > li > a:hover {background:rgba(14,36,65,1);color:#fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color:rgba(14,36,65,1);background:transparent;}
.navbar-default .navbar-nav > .active > a .fa, .navbar-default .navbar-nav > .active > a:hover .fa, .navbar-default .navbar-nav > .active > a:focus .fa{opacity:1;}
.navbar-default .navbar-nav>li>a:focus {color:rgba(14,36,65,1);background:transparent;}
.navbar-default .navbar-nav>li>a:focus .fa {opacity:1;}
.navbar-toggle {background:rgba(14,36,65,1);}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background:#53a6dc;}
.navbar-default .navbar-toggle .icon-bar {background:#fff;}
/* Centering Nav */
.navbar .navbar-nav {display: inline-block;float: none;margin-bottom:-5px;}
.navbar .navbar-collapse {text-align: center;}

/* = BANNER = */
#banner {padding:50px 0 30px;text-align:center;}
#banner.interior-banner {padding: 0;}
.banner-inner {height:100%;}
#banner .container {width:auto;max-width:1400px !important;}
.banner-inner img {border:6px solid #dfdfe4;margin:20px auto;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.41);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.41);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.41);}
/* Slideshow Styles */
.slide-text {height:100%;}
.banner-inner h2 {font-size:45px;font-weight:bold;color:#fff;text-shadow:2px 2px 3px rgba(0,0,0,.8);margin-top:17%;}
.banner-inner p {color:#eee;margin:20px;font-size:20px;text-shadow:2px 2px 3px rgba(0,0,0,.8);}
.banner-inner .btn {font-size:20px;padding:8px 25px;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.41);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.41);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.41);}

.hero-nav { position: fixed; top: 104px; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 325px; min-height: 70px;  background: url(../images/interior-banner/sitemap.jpg) no-repeat;background-size: cover; background-position: center; overflow: hidden;z-index: 4;}
.hero-nav.what-you-get { background: url(../images/interior-banner/electronic-gadgets-responsive-web-design.jpg) no-repeat;}
.hero-nav.why-bcw-works { background: url(../images/interior-banner/wireless-connection-web-tablet.jpg) no-repeat }
.hero-nav.why-other-websites-fail { background: url(../images/interior-banner/business-man-with-laptop.jpg) no-repeat;}
.hero-nav.beyond-custom-pricing { background: url(../images/interior-banner/finger-touch-screen-icons.jpg) no-repeat;}
.hero-nav.our-team { background: url(../images/interior-banner/hands-with-puzzle-pieces-team.jpg) no-repeat;}
.hero-nav.responsive-websites { background: url(../images/interior-banner/close-up-designer-hand-working-on-laptop.jpg) no-repeat;}
.hero-nav.what-is-a-video-hotspot { background: url(../images/interior-banner/hand-press-play-button.jpg) no-repeat;}
.hero-nav.beyond-custom-seo { background: url(../images/interior-banner/business-button-seo-icons.jpg) no-repeat;}
.hero-nav.beyond-custom-sem { background: url(../images/interior-banner/finger-touchscreen-sem-tablet.jpg) no-repeat;}
.hero-nav.reputation-management { background: url(../images/interior-banner/web-designer-businessman-working-reputation.jpg) no-repeat;}
.hero-nav.social-media-management { background: url(../images/interior-banner/social-media-icons-on-phone.jpg) no-repeat;}
.hero-nav.videos-video-hotspots { background: url(../images/interior-banner/man-looking-at-video-on-tablet.jpg) no-repeat;}
.hero-nav.beyond-custom-contact { background: url(../images/interior-banner/contact-with-phone-laptop.jpg) no-repeat;}
.hero-nav .hero-nav__inner { z-index: 1; }
.hero-nav__inner h2 { font-size: 2.5vw; color:#fff;margin-bottom: 2%;padding-top: 1%;}
.hero-nav:before { content: ""; background: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: background 400ms; transition: background 400ms; }
.hero-nav.fixme:before { background: rgba(14,36,65,.8); }

.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;padding-bottom:40px;}
.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;}

/* = MAIN = */
main {color: #000;background:rgba(255,255,255,1);padding-top:50px;padding-bottom:50px;-webkit-box-shadow: 0px -2px 7px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px -2px 7px 0px rgba(0,0,0,0.36);
box-shadow: 0px -2px 7px 0px rgba(0,0,0,0.36);}
.main-inner {}
main.home {background-image: url(../images/main-home-background.png);background-repeat: no-repeat;background-position: center right;}
main.interior {background-image: url(../images/main-home-background.png);background-repeat: no-repeat;background-position: center right;margin-top:5.5%;}
.interior-list {padding: 3%; background: #FCFCFC; border: 45px solid #EFEFF0; min-height: 423px;}
.interior-list p {text-align: justify;}
.interior-para {padding: 3%; min-height: 423px;}
.interior-para p {text-align: justify;}
.custom-heading {width: 100%; position: relative;}
h2.attention {font-family: 'Roboto Slab', serif; font-size: 26px;background:rgba(14,36,65,1);display: block; padding: 2% 2% 2% 6%; color:#fff; margin: 5% 0 0 0;}
h2 span.intro {font-family: 'Roboto Slab', serif; font-size: 22px;background:rgba(14,36,65,1);display: block; padding: 2%; color:#fff; margin: 5% 0 0 0;}
h2 span.intro-right {font-family: 'Roboto Slab', serif; font-size: 22px;background:rgba(14,36,65,1);display: block; padding: 2%; color:#fff; margin: 0;}

.line { border-top: 12px solid #ff8a2c; display: block; margin-top: 60px; padding-top: 50px; position: relative;}
.circle { -moz-border-radius: 50%; -webkit-border-radius: 50%;  background: #ff8a2c; border-radius: 50%; border: 10px solid #fff; color: #fff; display: block; font-family: 'Chivo', sans-serif; font-weight: bold; font-size: 52px; height: 90px; line-height: 66px; margin: -40px 0 0 -40px; position: absolute; bottom: -9px; left: 0; text-align: center; text-transform: uppercase; width: 90px;transition:all ease 1s;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}
.circle:hover { background: #53a6dc; text-decoration: none;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}


/* = SECTION = */
section {}
.prlx { background-color: #fff; overflow: hidden; position: relative;}
.prlx-bg { height: 50vh;}
.prlx-position { background-position: 50% 50%; background-size: cover; display: none; position: absolute; width: 100%;}
.prlx-img.pricing-img { background: url(../images/pricing-bg.jpg) no-repeat; height: 70vh; top: -20vh;}
.prlx-img { background: url(../images/contact-bg.jpg) no-repeat; height: 70vh; top: -20vh;}
.prlx-sections {color: #000;background:rgba(255,255,255,1);padding-top:50px;padding-bottom:50px;-webkit-box-shadow: 0px -2px 7px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px -2px 7px 0px rgba(0,0,0,0.36);
    box-shadow: 0px -2px 7px 0px rgba(0,0,0,0.36);}
.prlx-sections h2 {font-weight:bold;color:#fff;padding:10px;font-size:42px;margin:-50px 0 20px 0;background:#53a6dc;position: relative; text-align: center;}
.prlx-sections h2.reminder {margin:0; background: none;padding: 1% 0 0 8%;}

/* = FLOATED IMAGES = */
img.pull-left {margin:20px 20px 20px 0px;}
img.pull-right {margin:20px 0px 20px 20px;}
img.img-center {margin: 5% auto; float: none; display: block;}
img.img-what-you-get {margin: 14.3% auto; float: none; display: block;}
img.img-pricing {margin: 0 auto; display: block; float: none;}
img.img-fail {margin: 0 auto; display: block; float: none;}

/* = ASIDE = */
aside {text-align:left;}

/* = FEATURE = */
#feature {background:rgba(255,255,255,.7);text-align:center;padding-top:40px;padding-bottom:40px;-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.36);
box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.36);overflow:hidden;}
#feature h2 {font-weight:bold;color:#fff;padding:10px;font-size:42px;margin-bottom:20px;background:#53a6dc;}
.feature-inner {}
.feature-inner .row {margin-top:20px;margin-bottom:20px;}
.feature-box {margin:10px auto;border:3px solid #fff;background:rgba(14,36,65,1);color:#fff;}
.feature-box h3 {font-weight:bold;border-bottom:2px solid #53a6dc;margin:20px;font-size:24px;color:#fff;}
.feature-box img {margin:20px auto;border-radius: 50%;}
.feature-box p {margin:10px;line-height:1.5em;}
.feature-box-height {min-height: 230px; }
/* Feature Box Buttons */
.feature-box .btn {border-radius:0;background:transparent;border:2px solid #53a6dc;margin:20px;font-size:16px;}
.feature-box .btn:hover, .feature-box .btn:focus {border:2px solid #ff8a2c;}
.feature-box ul {padding: 0; margin: 0 0 0 15px;}

/* CONTACT FORM */
hr.divider {border-top: 3px solid #333; margin: 0;}
#contactform label, #priceform label {cursor:pointer;color: #333;}
textarea.form-control {height:95px;}
#contactform button, #priceform button {width:100%;border-radius:0px;}
#contactform .alert, #priceform .alert {padding: 6px 12px 0px;width:100%;margin-bottom:0;}
#contactform input.form-control, #priceform input.form-control {margin-bottom:20px;}
#contactform input.alert, #priceform input.alert {padding:0;}
#contactform .alert-danger, #priceform .alert-danger {color:#a94442;}
.contactform-bg {min-height: 20px;padding: 19px;margin: 18% auto 0 auto;background:rgba(14,36,65,.8);border: 3px solid transparent;border-radius: 0;}
.contactform-bg button {width:100%;border-radius:0px;background:#ff8a2c;font-family: 'Roboto Slab', serif; padding: 2%; font-size: 20px;}
.contactform-bg input, .contactform-bg textarea {background: transparent;font-size: 20px;font-family: 'Roboto Slab', serif;}
#contactform .form-control, #priceform .form-control {border-radius: 0;color:#fff;border: 2px solid #fff;}
#contactform .form-control:hover, #priceform .form-control:hover {border: 2px solid #ff8a2c;}
#contactform .form-control:focus, #priceform .form-control:focus {-webkit-box-shadow: none; box-shadow: none;background-color: rgb(255, 138, 44) !important;}
#contactform label.contactpage-label, #priceform label.contactpage-label {cursor:pointer;color: #fff; font-weight: bold;}
textarea.form-control.message-area {height: auto; font-size: 20px;font-family: 'Roboto Slab', serif; color:#fff; }
.contactform-bg ::-webkit-input-placeholder {color: #fff;font-family: 'Roboto Slab', serif;font-size: 20px;}
.contactform-bg :-moz-placeholder { /* Firefox 18- */color: #fff;font-family: 'Roboto Slab', serif;font-size: 20px;}
.contactform-bg ::-moz-placeholder {  /* Firefox 19+ */color: #fff;font-family: 'Roboto Slab', serif;font-size: 20px;}
.contactform-bg :-ms-input-placeholder {color: #fff;font-family: 'Roboto Slab', serif;font-size: 20px;}
.contactform-bg ::-webkit-input-placeholder:hover, .contactform-bg ::-webkit-input-placeholder:focus, .contactform-bg ::-webkit-input-placeholder:active, .contactform-bg ::-webkit-input-placeholder:select {color: #fff !important;}
.contactform-bg :-moz-placeholder:hover, .contactform-bg :-moz-placeholder:focus, .contactform-bg :-moz-placeholder:active, .contactform-bg :-moz-placeholder:select {color:#fff;}
.contactform-bg ::-moz-placeholder:hover, .contactform-bg ::-moz-placeholder:focus, .contactform-bg ::-moz-placeholder:active, .contactform-bg ::-moz-placeholder:select {color:#fff;}
.contactform-bg :-ms-input-placeholder:hover, .contactform-bg :-ms-input-placeholder:focus, .contactform-bg :-ms-input-placeholder:active, .contactform-bg :-ms-input-placeholder:select {color: #fff;}
.contactform-bg input.form-control {height:46px; font-size: 20px; padding: 7px 10px 0px;}
.contactform-bg input.alert {padding: 7px 10px 0px !important; font-size: 20px;color: #fff !important;}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active, textarea:-webkit-autofill, select:-webkit-autofill {transition: background-color 5000s ease-in-out 0s;background-color: rgb(255, 138, 44) !important;background-image: none;color: rgb(255,255,255) !important;-webkit-box-shadow: 0 0 0px 1000px #ff8a2c inset;border: 2px solid #fff;}
input.form-control.required.alert.alert-success {background:#ff8a2c !important; color:#fff !important;border: 2px solid #fff; }
input:-webkit-autofill {-webkit-box-shadow:0 0 0 50px #ff8a2c inset; /* Change the color to your own background color */-webkit-text-fill-color: #fff;}
input:-webkit-autofill:focus {-webkit-box-shadow: /*your box-shadow*/,0 0 0 50px #ff8a2c inset;-webkit-text-fill-color: #fff;}

/* Internet Explorer 10 */
input:-ms-input-placeholder {color: #fff;}
input:focus:-ms-input-placeholder {color: #fff;}
.input-group-addon {color: #000;background-color: #e5e5e5;border-radius: 0;}
.jumbotron-sm { padding: 24px 0;background:#ccc;border-radius: 0 !important; font-weight: bold;border: 3px solid transparent; margin: 0 0 4% 0;}
.jumbotron-sm h2 {font-weight: bold;color: #333; background: none;}
.jumbotron-sm h2 small {font-size: 18px;color: #333;font-weight: bold;}
.location-container {background:#ccc; padding: 1em; margin: 1em auto; font-weight: bold;border: 3px solid transparent;}
span.company-heading {font-size: 30px;font-family: 'Roboto Slab', serif;font-style: italic; text-align:center; display:block; width: 100%; color:#ff8a2c;font-weight: bold;}
span.company-address {font-size: 22px;text-align:center; display:block;color: #fff; width: 100%;font-family: 'Roboto Slab', serif;font-weight: bold;}
span.company-address a {font-size: 16px;text-align:center; display:block;color: #ff8a2c;font-family: 'Roboto Slab', serif;font-weight: bold;}
span.company-address a:hover {color:#53a6dc; text-decoration: none;}
span.company-address a.nmbr {font-size: 48px;}
span.company-address a.nmbr:hover {}
legend {font-size: 26px;color:#ff8a2c; text-align:center; display:block; border-bottom: 1px solid transparent;font-weight: bold; width: 100%;font-family: 'Roboto Slab', serif;font-style: italic;}
address.company-info {margin-top: 10%;}
/* -- GOOGLE MAP -- */
.googlemap-container { position: relative; padding-top: 68.5%; max-width: none; margin: 0 auto; }
.googlemap-container iframe, .googlemap-container object, .googlemap-container embed { position: absolute; top: 0; left: 0 ; width: 100%; height: 100%; border: 3px solid #333;}
div.headline {font-family: 'Roboto Slab', serif; font-size: 46px; color:#fff; font-weight: bold;}
div.headline span {color:#ff8a2c; font-style: italic;font-size: 63px;}
div.attn-getter {font-family: 'Roboto Slab', serif; font-size: 36px; color:#fff; font-weight: bold; text-align: center;border-bottom: 3px solid #ff8a2c;}
div.attn-getter span {color:#fff; font-style: italic;}
.attn-getter-container {background:rgba(14,36,65,1);}

/* Bottom Feature */
#bottom-feature {padding-top:50px;padding-bottom:50px;text-align:center;}
#bottom-feature h2 {font-size:42px;color:#fff;font-weight:bold;text-shadow:2px 2px 3px rgba(0,0,0,.8);margin-bottom:40px;}
.bottom-feature-box {height:100%;width:90%;text-align:center;position:relative;border-radius: 50%;overflow: hidden !important;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.41);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.41);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.41);margin:10px auto;}
.bottom-feature-box img{margin:0 auto;border-radius:50%;position:relative;border:5px solid #dfdfe4;}
.bottom-feature-box h3 {font-size:18px;position: absolute;width:100%;padding:10px;z-index: 99;bottom:10%;left:0;font-weight:bold;color:#fff;background:rgba(83,166,220,.9);}

/* = CONTACT INFO = */
#contact-info {background:rgba(255,255,255,.7);padding:20px 0px;text-align:center;  font-family: 'Roboto Slab', serif;border-bottom:3px solid #fff;-webkit-box-shadow: 0px -2px 7px 0px rgba(0,0,0,0.36);-moz-box-shadow: 0px -2px 7px 0px rgba(0,0,0,0.36);box-shadow: 0px -2px 7px 0px rgba(0,0,0,0.36);}
.contact-info-inner {}
#contact-info h2 {background:#ff8a2c;color:#fff;font-weight:bold;font-size:28px;padding:10px;margin-bottom:30px;}
.contact-info-social {text-align:center;}
.contact-info-social a {font-size:65px;line-height:0;margin:3px;color:rgba(14,36,65,1);}
.contact-info-social a:hover, .contact-info-social a:focus {text-decoration:none;color:#53a6dc;}

/* = FOOTER = */
footer {text-align:center;background:rgba(14,36,65,.8);  font-family: 'Roboto Slab', serif;padding-top:20px;padding-bottom:20px;border-top:5px solid #ff8a2c;}
.footer-inner {}
.footer-contact-info {text-align:right;color:#fff;margin-right:20px;}
.contact-info {display:block;font-size:14px;}
.footer-logo img{width:30%;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}
.footer-logo img:hover, .footer-logo img:focus {opacity:.7;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}
footer .list-inline {margin-top:30px;margin-bottom:10px;font-size:12px;}
footer .list-inline a {color:#fff;font-weight:normal;}
footer .list-inline a:hover, footer .list-inline a:focus {text-decoration: none;color:#ff8a2c;}
/* = FOOTER - LINKS = */
footer a {color:#53a6dc;font-weight:normal;}
footer a:hover, footer a:focus {text-decoration:none;color:#fff;}

.copyright{margin-top:50px;}

/* = 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 {z-index: 999; 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 {background:#ff8a2c;border:0;color:#fff;z-index:9999;}
.back-to-top:hover, .back-to-top:focus {background:#fff;color:#ff8a2c;}

/* = SITEMAP PAGE = */
ul.sitemap-page {margin: 0 auto; display:block;float: none;}
ul.sitemap-page li { list-style: none;}
ul.sitemap-page li a { }
ul.sitemap-page li a:hover {}

/* = LIST STYLE IP = */
ul.list-items {margin:0;}
ul.list-items li {color: #ff8a2c;font-family: 'Roboto Slab', serif;list-style: square; font-size: 24px;}
ul.list-items li  a {color: #ff8a2c; font-weight: bold; }
ul.list-items li a:hover {color: #000; text-decoration: none;}
ul.list-items.list-right {margin: 20% 0 10% 0;}
ul.list-items.list-margin {margin: 5% 0 10% 0;}
ul.list-items.small-list li {color: #ff8a2c;font-family: 'Roboto Slab', serif;list-style: square; font-size: 20px;}

/* = ABOUT INTRO = */
.about-intro h3 { color: #fff; display: block;font-family: 'Chivo', sans-serif;
font-weight: normal;font-size: 54px; text-align: right; margin-top: 6%;}
.about-intro h4 { color: #fff; display: block;font-family: 'Chivo', sans-serif;
font-weight: normal;font-size: 22px; text-align: right; margin-top: 10%;}
.about-intro h4.heading {margin-top: 36%;}
.about-intro h4.heading2 {margin-top: 30%;}
.about-intro h4.heading3 {margin-top: 42%;}
.about-bg { background: #FCFCFC; border: 45px solid #EFEFF0; margin: 0 auto; min-height: 450px;}
.about-bg.no-margin { margin: 0 auto 10% auto;}
.about-intro { position: relative; z-index: 0; padding: 0 2% 2% 2%;}
.about-intro p {color:#000; text-align: justify;font-family: 'Roboto Slab', serif; font-weight: 700;}
.about-intro:before { content: ''; position: absolute; top: 0; bottom: 0; z-index: -1; left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: inherit; }
.about-intro:after { color: #EFEFF0;position: absolute; bottom: 0; left: 0; content: 'BCW';font-family: 'Chivo', sans-serif; font-weight: bold;font-size: 227px; line-height: .7;}

/* = NUMBER INTRO = */
.number-container {position: relative;}
.number-bg { background: #FCFCFC; border: 45px solid #EFEFF0; margin: 0 auto; min-height: 450px; position: relative;}
.number-height { min-height: 275px;}
.number-bg h2 {display: block; padding: 1% 0 0 21%; font-size: 38px; font-weight: bold;color:rgba(14,36,65,1);}
.number-para {padding: 0 2% 0 4%;}
.number-bg p {color:#000; text-align: justify;font-family: 'Roboto Slab', serif; font-weight: 700;}
.number-bg.no-margin { margin: 0 auto 10% auto;}
.number { -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #ff8a2c; border-radius: 50%; border: 10px solid #FCFCFC; color: #FCFCFC; display: block; font-family: 'Chivo', sans-serif; font-weight: bold; font-size: 102px; width: 150px;height: 150px; line-height: 120px; margin: -40px 0 0 -40px; position: absolute; top: 7px; left: 7px; text-align: center; text-transform: uppercase;transition:all ease 1s;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;}
.number:hover {background: #53a6dc;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;color:#fff;}
/* = NUMBER INTRO MOBILE = */
.number-container-mobile {position: relative; display: none;}



/* = MIDDLE DIVIDER = */
.middle-divider:before, .middle-divider:after {content: '';position: absolute;display: block;z-index: 3;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 40px;height: 20px;  border-top: 3px solid #fff;border-bottom: 3px solid #fff;}
.middle-divider-left:after {right: 50%;border-left: 3px solid #fff;background: #ff8a2c;}
.middle-divider-left-flip:after {right: 50%;border-left: 3px solid #fff;background: rgba(14,36,65,1);}
.middle-divider.middle-divider-right:before {background: rgba(14,36,65,1); left:50%;border-right: 3px solid #fff;}
.middle-divider.middle-divider-right-flip:before {background: #ff8a2c; left:50%;border-right: 3px solid #fff;}

/* = BEFORE AND AFTER SLIDER = */
.ba-slider-bg {width:1140px; height: 694px; background: url(../images/laptop.png) no-repeat;position: relative; z-index: 0; margin: 5% 0 1% 0;}
.ba-slider { position: absolute; overflow: hidden; height: 507px; width: 780px !important; top:61px; left: 180px;z-index: 0;}
.ba-slider img { height: 507px; width: 780px !important; }
.before {color:#fff; background:rgba(14,36,65,.8);bottom: 0; right: 0;position: absolute;font-family: 'Roboto Slab', serif; font-size: 26px; padding: 1%;}
.resize { position: absolute; top: 0; left: 0; width: 0; overflow: hidden; width: 50%; max-width: 100% !important;}
.resize .after {color:#fff; background:rgba(14,36,65,.8);bottom: 0; left: 0;position: absolute;font-family: 'Roboto Slab', serif; font-size: 26px; padding: 1%;}
.handle { /* Thin line seperator */position: absolute; left: 50%; top: 0; bottom: 0; width: 4px; margin-left: -2px; background: rgba(0, 0, 0, 0.1); cursor: ew-resize; z-index: 999; }
.handle:after { /* Big orange knob  */z-index: 999;
  position: absolute; top: 50%; width: 88px; height: 200px; margin: -32px 0 0 -43px; content: '\21d4'; color: #ff8a2c; font-weight: bold; font-size: 36px; text-align: center; line-height: 64px; background: url(../images/rocket.png) no-repeat; transition: all 0.3s ease; }
.draggable:after { width: 88px; height: 200px; margin: -24px 0 0 -43px; line-height: 48px; font-size: 30px; }

/* = OUR TEAM = */
h2 span.team {font-family: 'Roboto Slab', serif; font-size: 36px;background:rgba(14,36,65,1);display: block; padding: 1%; color:#fff; margin: 2% 0;}
.bcw-team-member { position: relative; width: 360px; height: 360px;overflow: hidden; z-index: 1 !important;}
a.link { position:absolute; height: 360px; width: 360px; display: block;  }
a.link:hover { background-position: center -360px; }
.bcw-team-member-img { z-index:0; visibility:hidden;}
.bcw-team-member-img li {list-style: none;}
.bcw-team-member-img.active { visibility:visible;}
ul.bcw-team-img {padding: 0; margin: 0;}
ul.bcw-team-img li {list-style: none;}
.bcw-team-member-overlay { position: absolute; width: 100%; height: 100%; opacity: 0; z-index: 500; pointer-events: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.bcw-team-member-overlay span { display: block; padding: 20px; position: absolute; width: 360px; left: 0; bottom: 0; color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; background:rgba(14,36,65,.8);  font-family: 'Roboto Slab', serif; text-align: center; pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.bcw-team-member:hover .bcw-team-member-overlay { opacity: 1;}
img.img-team {display: block; float: none; margin: 0 auto;}
img.img-team-mobile {display: none; float: none; margin: 0 auto;}
/* -- VIDEO CONTAINER -- */
.video-container { position: relative; padding-top: 60.5%; max-width: none; margin: 5% auto; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0 ; width: 100%; height: 100%;}


/* = MEDIA QUERIES= */
@media screen and ( max-width: 1830px ) {#top-wrapper.sticky .logo img{width:19%}}
@media screen and ( max-width: 1670px ) {#top-wrapper.sticky .logo img{width:21%}}
@media screen and ( max-width: 1500px ) {#top-wrapper.sticky .logo img{width:24%}}
@media screen and ( max-width: 1496px ) {.tel {font-size:24px;}}
@media screen and ( max-width: 1460px) {.navbar-default .navbar-nav > li > a {font-size:14px;}}
@media screen and ( max-width: 1438px) {.contactform-bg {margin: 12% auto 0 auto;} .prlx-img.pricing-img {height: 75vh;}}
@media screen and ( max-width: 1415px ) {.tel {font-size:23px;}.navbar-default .navbar-nav > li > a {font-size:14px;padding:15px 10px;}footer .list-inline {font-size:11px;}}
@media screen and ( max-width: 1366px ) {h1.main-heading {margin: 4% 0;}}
@media screen and ( max-width: 1327px ) {footer .list-inline {font-size:11px;}.navbar-default .navbar-nav > li > a {font-size:14px;padding:15px 10px;}.tel {font-size:22px;}.c2a {margin-top:30px;}.footer-logo img{width:40%;}#top-wrapper.sticky .logo img{width:27%}}
@media screen and ( max-width: 1270px ) {h1.main-heading {margin: 10% 0 4%;}.navbar-default .navbar-nav > li > a {font-size:13px;padding:15px 10px;}.tel {font-size:21px;}.contact-info {font-size:13px;}}
@media screen and ( max-width: 1205px ) {.navbar-default .navbar-nav > li > a {font-size:13px;padding:15px 8px;}.tel {font-size:20px;}}
@media screen and ( max-width: 1200px ) {.no-padding img{margin:0 auto;}#top-wrapper.sticky .logo img{width:31%}.number{margin:-75px 0 0 -15px;}}
@media screen and ( max-width: 1160px ) {.navbar-default .navbar-nav > li > a {font-size:12px;padding:15px 6px;}.tel {font-size:19px;}.feature-box h3 {font-size:18px;}.feature-box p {font-size:14px;}.tel {margin-right:0;}.bottom-feature-box h3 {font-size:14px;}.tagline{margin-right:0;}}

@media screen and ( max-width: 1120px ) {.banner-inner p {font-size:16px;}.social {font-size:20px;margin-right:0;}}
@media screen and ( max-width: 1024px ) {.bottom-feature-box {overflow:hidden !important;}#top-wrapper.sticky .c2a {margin-top:15px;}#top-wrapper.sticky nav {margin-top:0;}#top-wrapper.sticky .logo img {width:37%;}.navbar-default .navbar-nav > li > a {font-size:12px;padding:15px 5px;}.tel {font-size:17px;}.social {font-size:20px;}.c2a {margin-top:25px;} nav {margin-top:1%;}.banner-inner h2 {font-size:38px;}.feature-box h3 {font-size:17px;}.feature-box p {font-size:14px;}.bottom-feature-box h3 {font-size:14px;}footer .list-inline {font-size:12px;margin-top:15px;}.contact-info {font-size:12px;}.footer-logo img {margin:5px auto;}}

@media screen and ( max-width: 991px ) {.banner-inner h2 {margin-top:5%;}.navbar-default .navbar-nav > li > a {font-size:14px;padding:15px;}.logo img {margin-left:20px;}#top-wrapper.sticky .logo img {margin-left:20px;}.tel {font-size:32px;}.social {font-size:24px;}#top-wrapper.sticky .logo img {width:30%;}#top-wrapper.sticky .tel {font-size:24px;}.contact-info {text-align:center;}.footer-contact-info{margin-right:0;padding-top:20px;}.footer-logo img{width:30%;}#top-wrapper.sticky .logo img{width:39%}}
@media screen and ( max-width: 800px ) {.hero-nav {display: none;} main.interior {margin-top: -6.5%;} img.img-what-you-get {margin: 3% auto;} h2.attention {padding: 2% 2% 2% 9%; font-size: 23px;} .ba-slider-bg {display: none;} .middle-divider:before, .middle-divider:after {display:none;} .number-container-mobile {display: block;} .number-container {display: none;} div.headline {font-size: 20px;} div.headline span {font-size: 20px;} .full-width {padding: 0;} .contactform-bg {margin: 32% auto 0 auto;} span.company-heading {font-size: 20px;} span.company-address {font-size: 16px;} span.company-address a {font-size: 14px;} span.company-address a.nmbr {font-size: 20px;} div.attn-getter {text-align: left;} .feature-box-height {min-height: 300px;} .feature-box ul {margin: 0 15px;} .prlx-sections h2.reminder {font-size: 28px;padding: 1% 0 0 15%;}}

@media screen and ( max-width: 768px ) {nav {padding-top:.5%;}.navbar-default .navbar-nav > li > a{font-size:12px;padding:15px 10px;}.contact-info {text-align:center;}#top-wrapper.sticky .logo img {width:50%;} main.interior {margin-top: -14.5%;} .contactform-bg {margin: 22% auto 0 auto;} address.company-info {margin-top: 0%; margin-bottom: 0;} .prlx-img.pricing-img {height: 85vh;} .prlx-img {height: 85vh;} .prlx-bg {height: 53vh;}}

@media screen and ( max-width: 767px ) {#top-wrapper.sticky .logo img {margin:10px auto;width:auto;}h1.main-heading{margin:20% 0 4%;}.number{display:none;}.number-bg h2{padding:10px 0 0;text-align:center;}nav {padding-top:0;}#top-wrapper.sticky {transition:none;} #top-wrapper {transition: none;}.contact-info-social{margin-bottom:30px;}#top-wrapper.sticky {position:relative;}#top-wrapper.sticky .tel {font-size:32px;}#top-wrapper.sticky .c2a {margin-top:0;}.navbar .navbar-nav {display:block;margin-bottom:0px;}.logo img{margin:10px auto;width:auto;}img.pull-left {float:none !important;margin:0 auto;} img.pull-right {float:none !important;margin:0 auto;}.c2a {text-align:center;margin-top:0;}.contact-info {display:block;}.spacer {display:none;}.bottom-feature-box {max-width:300px;}.navbar-default .navbar-nav > li > a {font-size:18px;padding:10px;}.navbar-default .navbar-nav > li > a .fa {display:inline-block;margin-right:5px;margin-left:-25px;}.dropdown-menu {display:block;visibility: visible;position: relative;float:none !important;text-align:center;}.tel {margin-right:0;}.social {margin-right:0;}.slide-text {height:auto;}}

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

@media screen and ( max-width: 600px ) {img.img-team {display: none;} img.img-team-mobile {display: block;} #top-wrapper.sticky {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} main.interior {margin-top: 0;} header.interior-header {position: relative;} #banner.interior-banner {display: none;} .about-intro:after {font-size: 186px;} .hide-img {display: none;} .circle {height: 80px; width: 80px; font-size: 36px; margin: -40px 0 0 -20px;} h2.attention {padding: 2% 2% 2% 12%; font-size: 19px;} .feature-box-height {min-height: 166px;} .prlx-sections h2.reminder {font-size: 22px;padding: 1% 0 0 19%;} .bcw-team-member {width: 100%;} a.link {width: 100%;} .bcw-team-member-overlay {opacity: 1; bottom: 52px;} .bcw-team-member-overlay span {width: 100%;} .about-bg {border: 22px solid #EFEFF0; min-height: 640px;} .about-bg-mobile {min-height: 520px;}}

@media screen and ( max-width: 414px ) {.number {font-size: 66px; width: 100px; height: 100px; line-height: 82px;} h1.main-heading {font-size: 29px;} .number-bg {border: 38px solid #EFEFF0;} .number-bg h2 {font-size: 26px;} .number-bg p {margin-top: 0; text-align: left;} .number-para {padding: 0 4%;} .about-bg {border: 22px solid #EFEFF0; min-height: 595px;} .about-intro:after {font-size: 115px;} .about-intro p {text-align: left;} .about-bg-mobile {min-height: 520px;} h2.attention {padding: 2% 2% 2% 17%;} ul.list-items li {font-size: 18px;} h2 span.intro-right {font-size: 20px; margin-top: 6%;} h2 span.intro {font-size: 20px;} #contactform input.form-control, #priceform input.form-control {margin-bottom: 0;font-size: 14px; height: 30px; padding: 0 10px 0;} .contactform-bg ::-webkit-input-placeholder {font-size: 14px;} .contactform-bg :-moz-placeholder { font-size: 14px;} .contactform-bg ::-moz-placeholder {font-size: 14px;} .contactform-bg :-ms-input-placeholder {font-size: 14px;} div.headline {font-size: 14px;} div.headline span {font-size: 14px;} #contactform button, #priceform button {font-size: 14px;} .prlx-sections h2 {font-size: 26px;} .feature-box-height {min-height: 186px;} span.company-heading {font-size: 16px;} span.company-address {font-size: 11px;} span.company-address a {font-size: 14px;} span.company-address a.nmbr {font-size: 14px;} #contactform .alert, #priceform .alert {padding: 0 10px 0 !important;} .contactform-bg input, .contactform-bg textarea {font-size: 14px;} .interior-para {min-height: 308px;}}

@media screen and ( max-width: 375px ) {ul.list-items.small-list li {font-size: 18px;} div.attn-getter {font-size: 26px;} span.company-address {font-size: 10px;} .feature-box-height {min-height: 210px;} h2.reminder {font-size: 20px;}.number-bg h2 {font-size: 22px;} .about-intro:after {font-size: 79px;} .about-bg {min-height: 640px;} .about-bg-mobile {min-height: 370px;} h2.attention {padding: 2% 2% 2% 22%; font-size: 17px;} ul.list-items li {font-size: 16px;} .prlx-sections h2.reminder {font-size: 20px;padding: 1% 0 0 26%;} span.company-heading {font-size: 9px;} span.company-address {font-size: 9px;} span.company-address a {font-size: 9px;} span.company-address a.nmbr {font-size: 9px;}}

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