@charset "utf-8";
/* CSS Document */


/*
Red: rgba(204,40,41,1) hex: #CC2829
Black: rgba(35,31,32,1) hex: #231F20 
Grey: rgba(193,190,190,1) hex: #C1BFBF
Blue: rgba(70,127,193,1) hex: #467FC1
Yellow: rgba(213,185,65,1) hex: #D5B941

*/



p {color: #222;}
p.lead {font-size: 1.21875rem;line-height: 1.5;}

h1 {font-size: 44px;}
h2 {font-size: 36px;}
h3 {font-size: 30px;line-height:1.2;}
h4 {font-size: 26px;line-height:1.2;}
h5 {font-size: 22px;line-height:1.1;}


.interior_content {padding: 40px 0;}
.interior_content .row, footer .row {max-width: 1170px;}

.mt0 {margin-top:0!important;}
.mt1 {margin-top:1rem!important;}
.mt2 {margin-top:2rem!important;}
.mt3 {margin-top:3rem!important;}

.mb0 {margin-bottom:0!important;}
.mb1 {margin-bottom:1rem!important;}
.mb2 {margin-bottom:2rem!important;}
.mb3 {margin-bottom:3rem!important;}

.subscribe_form {top: 126px;}


/* Home Sections */


.contact-top {
    width: 100%;
    float: left;
    position: relative;
    background: #000;
    padding: 10px 0px;
    display: block;
    top: 0px;
    color:#FFF;
    font-size:1.5rem;
    text-align:right;
}

.contact-top a {color:#FFF;}
.contact-top a:hover {color:#CC2829;}
.contact-top .fa {color:#CC2829; margin-right:12px;}

.top-bar .name{height:inherit;padding:0px 0;margin:-50px 10px;}
.top-bar .name img {width:42%;}
header {border-bottom: 1px solid #467FC1;}

.adrenaline {background:none;padding: 50px 0;}
.adrenaline .h1-heading {color: #231F20;}
.white-bg.button.but-border {color: #CC2829; border: 1px solid #CC2829;}
.white-bg.button.but-border:hover, .white-bg.button.but-border:focus {color: #231F20; border: 1px solid #231F20;}

.top-bar-section ul li:hover {background: #CC2829;}
.top-bar-section ul li ul li:hover, .top-bar-section ul li ul li.selected {
    background: #cc2829;}

.main-Subscribe {background: #CC2829;padding: 60px 0 60px;}
.main-Subscribe .h1-heading span {font-size: 30px;color: #231F20;}
.main-Subscribe p {color: #231F20;}



.img-layer {width: 100%;float: left;position: relative;overflow: hidden;}
.img-layer img {width: 100%; /*height: auto;*/ float: left;}
.inner-banner {
    float: left;
    position: relative;
    padding: 0;
    margin:0;
    width: 100%;z-index:0;height: auto;}
/*.inner-banner .img-layer {height: auto;}*/

.orbit-caption p {font-size: 14px;padding: 0;}
.overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.overlay {background: rgba(35,31,32,0.4);}
.inner-banner .orbit-caption {top: 10%;z-index: 2;}
.gallery-title {position: absolute;background: none;z-index:1;}


/* About Us Page */

.about-us {width: 100%;float: left;}
.about-us figure {width: 440px;margin:0 25px 15px 0;}

.bg-white .h1-heading {color: #222;}
.h1-heading span {font-size: inherit;display: inline;color: #CC2829;}
#about-page .inner-banner {background: url(../img/header/header-img-1.jpg) no-repeat top center;position:relative;}
/*.our-adrenaline .img-layer {position:absolute;}*/
.our-adrenaline {background: #000;position:relative;}
.team-content {margin-top: 0px;}
.our-adrenaline .our-team {padding:3rem 0;}
.team-intro {padding:45 0;}

/* Services Pages */

#services-page .inner-banner {background: url(../img/header/header-img-1.jpg) no-repeat top center;position:relative;}
.services-list .img-layer {position: absolute;height:auto;max-height:640px;}
.wc-categories {background: none;}
.wc-categories .tabs-content>.content {padding: 8% 0;}
.overlay.white {background: rgba(255,255,255,0.7);}
.services-list {}
.services-detail {}
.categori-tabs ul li.tab-title a em{width:75px;height:60px;margin:0 auto;
    display:block;background:no-repeat top center;margin-bottom:12px;
    margin-top:10px;font-size: 3.5rem;}
.	categori-tabs ul li.tab-title.active a em, .categori-tabs ul li.tab-title:hover a em{background:no-repeat top center;}
	.categori-tabs ul li.tab-title {width: 25%;}

.categori-tabs ul li.tab-title.active a em, .categori-tabs ul li.tab-title:hover a em {
  background: none;
}
.wc-white, .bg-white {padding: 45px 0;}
.categori-description h1 {font-size: 48px;line-height: 52px;}
.categori-description a.button {border: 2px solid #cc2829;}

/* Portfolio */
#portfoliio-page .inner-banner {background: url(../img/header/header-img-1.jpg) no-repeat top center;position:relative;}

.gallery-title {
/*    background: url(../img/contact-title-bg.jpg) no-repeat center top;*/
    padding: 7% 0;}
    
.gallery-main {padding: 0;}
.boundingBox {min-height: 110px;}
ul#portfolio-list {margin: 0;}
/*ul#portfolio-list li,.main-portfolio ul li {width: 16.66666%!important;}*/
.main-portfolio ul li.pro-two {width: 33.33333%;}
.portfolio-item img {min-height: 200px;}

.gallery-title h2 {font-size: 44px;color: #222;}
.pro-two .portfolio-details h4 {display: block;}
ul#portfolio-list li p {font-size: 15px;}
ul#portfolio-filter {float: none;}
.gallery-block {border: 0px;}

.main-portfolio{width:100%; float:left;position:relative;}
.main-portfolio ul{width:100%; float:left;margin:0px;}
.main-portfolio ul li{width:16.66666%; float:left;margin:0px;}
.main-portfolio ul li.pro-two{width:33.33333%;}

.portfolio-item{width:100%; float:left;position:relative;background:#231F20;}
.portfolio-item img{width:100%; float:left;position:relative;min-height:auto;}

.pro-two .portfolio-details {position:absolute;top:22%;left:15%; max-width:255px;}
.pro-two .portfolio-details  h4{color:#fff;text-transform:uppercase;display:inline-block;text-align:left}
.pro-two .portfolio-details  h4 span{font-size:19px; color:#CC2829;display:block}

.portfolio-item.wc_video img{opacity:0.53}


.portfolio-item.wc_video a:before {content: ''; width: 50px; height: 50px; position: absolute; top: 37%;right: 0;left: 0;margin: 0 auto;background: url(../img/video-icon.png) no-repeat center center;z-index: 1; cursor: pointer;}
.pf_block li:nth-child(-n+6) {display: none;}
.portfolio-overlay{width:100%; height:auto;max-width:295px;position:absolute;top:27%;right:0px;background:rgba(35,31,32, 0.50);text-align:center;z-index:2;padding:35px 0}
.portfolio-overlay h5{color:#eeeeee;font-family: 'Open Sans', sans-serif;font-weight:300;text-transform:uppercase;}



/* Contact Page & Contact Details */

    .contact-social ul li a:hover {color:#467FC1;}
    
/*#contact-page .inner-banner {background: url(/_assets/img/header/header-img-1.jpg) no-repeat top center;position:relative;}*/
.contact-detail{background: url(../img/main/rjwebb-bodyshop.jpg) no-repeat top center;padding:45px 0 50px 0;z-index:1;}
.contact-detail .img-layer {height: 100%;}
.overlay.dark {background: rgba(35,31,32,0.7);}

.contact-main {padding: 50px 0 0px 0;}
.contact-main .img-layer {max-height:272px;}
.contact-map {margin-top: 3rem;}

.contact-form input[type="text"] {width: 100%;}
.contact-form textarea {height: 260px;}
.contact-form button[type="submit"] {margin-top: 10px;}
.contact-social {padding: 15px 0 0 0;}
.contact-social ul {margin-right: 0px;}
.contact_info p{font-size:13px; color:#C1BFBF;line-height:21px;float:left;width:100%;max-width:100%;}
.contact_info .fa {margin-right:0.4rem;}
.contact-detail .phone-detail em {float: left;}

.contact-detail em {color: #467FC1;}

    
/* Sidebar */

    ul.side-nav li {border-bottom: 1px solid #467FC1;}
ul.side-nav li a:not(.button) {color: #CC2829;}
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
    color: #CC2829;}
	.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
    background:rgba(70,127,193,0.8);}

.sidebar-module {margin:1rem 0 0 0;float:left;display:block;}
.aside .fa {color:#CC2829; margin-right:0.5rem;}
.sidebar-module li {margin:0.4rem 0 0.4rem 0;}

ul.side-nav {margin: 25px 0 25px 0;border-bottom: 1px solid #e3e3e3;}    

.testimonial .panel {
    border-color: #d8d8d8;
    background: rgba(70,127,193,0.8);
    color: #333;
}    
    
    
/* Call To Action */
.wc-red{width:100%; float:left;background:#CC2829;padding:45px 0;overflow:hidden}
.wc-red h2{color:#231F20;text-transform:uppercase;text-align:center}
.wc-red h2 span{font-size:30px; color:#FFF;display:block;}
.wc-red p {color:#FFF;}
    
    
/* Partner Carousel */
section.logos {padding: 2rem 0 2rem 0;float:left;width:100%;}
section.logos .slick-slide img {width:100%; max-width:100px;margin: 0 auto;}
/*section.logos .partner-slider .slick-slide:last-child {padding-right: 0px;}*/

    
/* Footer */

.footer-menu ul li a,.social-menu ul li a,.social-menu ul li a em {color: #CC2829;}
.footer-top  a:hover, .footer-top  a:focus, 
.footer-menu ul li a:hover, .footer-menu ul li a:focus,
.social-menu ul li a:hover, .social-menu ul li a:focus,
.social-menu ul li a em:hover, .social-menu ul li a em:focus {color: #467FC1;}
	
.footer-top {background: #000;padding: 40px 0 20px 0;}
.footer-bottom {background: #222;}

footer h6 {font-size: 1.1rem;color: #fff;text-align: left;text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;font-weight: 700;border: 1px solid #CC2829;display: block;
    line-height: 27px;padding: 0 20px;margin-bottom:18px;}

.con_info {margin-bottom: 0;}
    

@media (max-width: 1367px) {

/*    .portfolio-item img{min-height:166px}*/
	.inner-banner .orbit-caption {top: 10%;}
    .inner-banner .wc-rectangle {height: 202px;padding: 25px 0px 25px 65px;}
    .inner-banner .wc-rectangle:before {
      border-bottom: 212px solid rgba(204,40,41, 0.7);
    }
    .orbit-caption h1 {font-size: 42px;margin-bottom: 20px;line-height: 44px;}
    .orbit-caption p {line-height: 20px;}

}

@media (max-width: 1279px) {

	.top-bar .name img {width: 240px;}
    .top-bar-section ul li a {font-size: 15px;}
        
/*	.inner-banner {height: 332px;}*/
	.inner-banner .orbit-caption {top: 7%;}
    .inner-banner .wc-rectangle,.about-page.inner-banner .wc-rectangle {height: 180px;padding: 21px 0px 22px 60px;}
    .inner-banner .wc-rectangle:before {
      border-bottom: 212px solid rgba(204,40,41, 0.7);
    }
    .orbit-caption h1 {font-size: 40px;margin-bottom: 18px;line-height: 42px;}
    .orbit-caption p {line-height: 20px;}
    
    .categori-description h1 {font-size: 46px;margin-bottom: 20px;line-height: 50px;}
    .categori-description a.button {margin-top: 18px;}

    .pro-two .protfolio-details h4{font-size:18px;}
    .portfolio-item img{i}
    
}


@media (max-width: 1024px) {

        h1 {font-size:42px;}
        h2 {font-size:32px;}
        .contact-top {padding: 0px 0px 6px;font-size: 1.3rem;}
    .top-bar .name img {width: 220px;}
    .top-bar .name {margin: -34px 10px;}
        
	.cat-view {bottom: 0px;background: #000;padding: 8px 8px 8px 10px;}
    .cat-view a,.cat-view em {font-size: 0.9rem;}
        
/*	.inner-banner {height: 302px;}*/
    .inner-banner .orbit-caption {top: 6%;}
    .inner-banner .wc-rectangle,.about-page.inner-banner .wc-rectangle {width: 450px;height: 176px;padding: 15px 0px 15px 50px;}
    .inner-banner .wc-rectangle:before {border-bottom: 190px solid rgba(204,40,41, 0.7);}
    .orbit-caption h1 {font-size: 36px;margin-bottom: 20px;line-height: 40px;}

    .categori-description h1 {font-size: 38px;margin-bottom: 20px;line-height: 42px;}
    .categori-description a.button {margin-top: 16px;}
    .contact-map {margin-top: 2rem;}

	.gallery-title {padding: 4% 0;}
    .gallery-title h2 {font-size: 40px;}
    .main-portfolio ul li{width:20%;}
    .main-portfolio ul li.pro-two{width:40%;}
        
}


@media  (max-width: 991px) {

    .contact-top {padding: 0px 0px 6px;font-size: 1.2rem;}
	.top-bar .title-area {float: left;}
    .top-bar-section {width: 70%;float: right;}
    .top-bar .name {margin: -30px 10px;}
    .top-bar-section ul {float: right;}
    
    .categori-description h1 {font-size: 32px;margin-bottom: 20px;line-height: 36px;}
    .categori-description a.button {margin-top: 14px;}
    .gallery-title h2 {font-size: 38px;line-height: 36px;}
    
}


@media  (max-width: 941px) {

    .contact-top {padding: 0px;font-size: 1.2rem;}
	nav.top-bar {height: 60px;}        
    .top-bar .name img {width: 200px;}
    .top-bar .name {margin: -24px 10px;}
    .top-bar-section ul li a {font-size: 14px;}
	.top-bar-section ul {float: right;}

    .search-form,.login-form {display:none;}
        
/*	.inner-banner {height: 272px;}*/
    .inner-banner .orbit-caption {top: 5%;}
    .inner-banner .wc-rectangle,.about-page.inner-banner .wc-rectangle {width: 420px;height: 150px;padding: 15px 0px 15px 50px;}
    .inner-banner .wc-rectangle:before {border-bottom: 170px solid rgba(204,40,41, 0.7);}
    .orbit-caption h1 {font-size: 30px;margin-bottom: 14px;line-height: 34px;}
    

    .categori-description h1 {font-size: 30px;margin-bottom: 20px;line-height: 34px;}
    .categori-description a.button {margin-top: 10px;}

	.gallery-title {padding: 6% 0;}
    .main-portfolio ul li{width:25%;}
	.main-portfolio ul li.pro-two {width: 50%;}
    ul#portfolio-list li .mask a{width:62px; height:62px;}

        .about-us figure {width: 380px;margin:0 20px 10px 0;}

}

@media (max-width: 767px) {

    .contact-top {font-size: 1.1rem;}
	.top-bar-section {width: 67%;padding: 0px;}
    .top-bar .name img {width: 180px;}
	nav.top-bar {height: 50px;}        
	.top-bar-section ul li {padding: 18px 0px;}
    .top-bar-section ul li a {font-size: 13px;}
        
/*	.inner-banner {height: 252px;}*/
    .inner-banner .orbit-caption {top: 3%;}
    .inner-banner .wc-rectangle,.about-page.inner-banner .wc-rectangle {width: 380px;height: 130px;padding: 11px 0px 11px 30px;}
    .inner-banner .wc-rectangle:before {border-bottom: 150px solid rgba(204,40,41, 0.7);}
    .orbit-caption h1 {font-size: 28px;margin-bottom: 10px;line-height: 30px;}

    
    .wc-categories .tabs-content>.content {padding: 6% 0;}
    .categori-description h1 {font-size: 22px;margin-bottom: 8px;line-height: 26px;}
    .categori-description a.button {margin-top: 0px;}
    .categori-description p {font-size: 15px;line-height: 20px;margin-bottom: 10px;}
    
    .contact-title p {font-size: 15px;line-height: 20px;margin-bottom: 10px;}
    .marker-icon em {font-size: 140px;line-height: 140px;}
    
	.gallery-title {padding: 6% 0;}
    .gallery-title h2 {font-size: 34px;line-height: 34px;}
    .main-portfolio ul li{width:33.33333%;}
    .main-portfolio ul li.pro-two{width:66.66666%;}
/*    .portfolio-item img{min-height:190px;}*/
    
        .about-us figure {width: 340px;margin:0 18px 10px 0;}
}


@media (max-width: 641px) {


	.top-bar-section {width: 100%}
	.top-bar .name {background: none;margin: -44px 10px;}
    .top-bar .title-area {height: 50px;}
    .contact-top .name {}
    .contact-top .name img {width: 200px;float:left;padding: 7px 0;}
    nav.top-bar {height: 50px;margin-top: -50px;}
        
        /*	.inner-banner {height: 232px;}*/
    .inner-banner .wc-rectangle,.about-page.inner-banner .wc-rectangle {width: 300px;height: 80px;padding: 10px 0px 10px 20px;}
    .inner-banner .wc-rectangle:before {border-bottom: 140px solid rgba(204,40,41, 0.7);}
    .inner-banner .orbit-caption h1 {font-size: 28px;margin-bottom: 9px;line-height: 30px;}
    .inner-banner .orbit-caption p {display:none;}
        
	.top-bar .toggle-topbar.menu-icon {right: 20px;background-color: #cc2829;padding: 2px 9px 2px 0;}
    .top-bar .toggle-topbar.menu-icon {top: 10%;margin-top: 0px;}
	.top-bar.expanded .title-area {background: transparent;}        
	.top-bar.expanded .toggle-topbar a {color: #467FC1;}
.top-bar.expanded .toggle-topbar a span::after {
    box-shadow: 0 0px 0 1px #467FC1, 0 7px 0 1px #467FC1, 0 14px 0 1px #467FC1;}        
        
    .services-list .img-layer {display:none;}
    .split.button span {background: #231F20;color: #FFF;}

    .contact-detail p {line-height: 18px;}
    .contact-title {padding: 0 15px;}
    .marker-icon em {font-size: 120px;line-height: 120px;}
	.contact-detail h2 {font-size: 34px;margin-bottom: 10px;}
    .contact-main .img-layer {max-height: 200px;}
    .contact-form button[type="submit"] {float: none;}
	.contact-social {padding: 25px 0 0 0;}
    .contact-social ul {float:none;}
    .contact-form {margin-bottom: 20px;}
	.contact-form textarea {height: 200px;}
    
	.gallery-title {padding: 5% 0;}
    .gallery-title h2 {font-size: 30px;line-height: 30px;}
/*    .portfolio-item img{min-height:160px}*/
        .about-us figure {width: 100%;margin:0 0 20px 0;}

}

@media(max-width: 567px){

/*	.inner-banner {height: 212px;}*/
    .inner-banner .orbit-caption {top: 10%;}
    .inner-banner .wc-rectangle {width: 270px;height: 70px;padding: 10px 0px 10px 30px;}
     .about-page.inner-banner .wc-rectangle {width: 210px;height: 50px;padding: 10px 0px 10px 30px;}
    .inner-banner .wc-rectangle:before {border-bottom: 110px solid rgba(204,40,41, 0.7);}
    .inner-banner .orbit-caption h1 {font-size: 24px;margin-bottom: 4px;line-height: 24px;}
    .inner-banner .orbit-caption p {display:none;font-size: 14px;line-height: 20px;}
    
    .contact-detail {padding: 15px 0 15px 0;}
	.contact-detail h2 {font-size: 28px;}

    .contact-title p, .contact-detail p {font-size: 14px;line-height: 18px;margin-bottom: 6px;}
    .icon-holder {display:none;}
    .phone-holder {width:100%;}

	.gallery-title {padding: 4% 0;}
    .gallery-title h2 {font-size: 28px;line-height: 28px;}
    
/*    .portfolio-item img{min-height:140px}*/

}


@media(max-width: 479px){
    
    .contact-top .name img {width: 190px;float:left;padding: 7px 0 ;}
        .contact-top .email {display:none;}
    nav.top-bar {height: 50px;margin-top: -54px;}

    .contact-main .img-layer {min-height: 150px;}
    .contact-detail {padding: 10px 0 10px 0;}
	.contact-detail h2 {font-size: 24px;margin-bottom: 6px;}
    .contact-title p {font-size: 14px;line-height: 16px;margin-bottom: 0px;}
    
    .main-portfolio ul li{width:50%;}
    .main-portfolio ul li.pro-two{width:100%;}
/*    .portfolio-item img{min-height:125px}*/

	.gallery-title {padding: 3% 0;}
    .gallery-title h2 {font-size: 26px;line-height: 26px;}
        
}