/*PMCJAX Styling for REALCO RECYCLING website*/

h1{font-size: 26px; font-weight: bold; font-family: "Open Sans", sans-serif;margin-bottom: 10px;letter-spacing:1px;}
h2{font-size: 22px; font-weight: 400; font-family: "Open Sans", sans-serif;margin-bottom: 10px;letter-spacing:1px;}
h3{font-size: 19px; font-weight: 400; font-family: "Open Sans", sans-serif;margin-bottom: 10px;}
h1.m-bot-0, h2.m-bot-0, h3.m-bot-0, h4.m-bot-0, h5.m-bot-0{display: block !important;}

p{font-size: 15px; font-weight: 100; font-family: "Open Sans", sans-serif; line-height: 25px;margin-bottom: 10px;color: #333;}
p, a{font-family: "Open Sans", sans-serif !important;}
.center {text-align:center; }
.body-content a { color: #114DAD; }
.body-content a:hover, .body-content a:focus {
    color: #ffaa00;
}
.body-content h3 {margin-top:20px; }
.clear {clear:both;}
.portfolio-with-title .portfolio-title h4 a:hover, .f-link:hover, #footer .f-list li a:hover, .featured-item.border-box:hover .icon i, .post-single .post-cat li a:hover, .post-single .post-desk h4 a:hover, .post-single .post-desk a.author:hover, .post-list .post-single .post-cat li a, .portfolio-description a:hover, .portfolio-title a:hover, .post-sub-title, .team-member .s-link a:hover, .t-s-link a:hover, .price-col.feature h1, .widget-category li a:hover, .widget-comments li a:hover, .blog-classic .blog-post h4 a:hover, .post-meta li a:hover, .widget-latest-post .w-desk a:hover, .comments-list .comment-author a:hover, .comments-list .comment-item-data a:hover, .product-title h5 a:hover, .comments-list .comment-info a:hover, .portfolio-with-title.blog-m .portfolio-title .date a:hover, .comments-list .comment-info .comment-author a:hover, .icon-tabs .nav-pills > li > a:hover, .icon-tabs .nav-pills > li.active > a, .icon-tabs .nav-pills > li.active > a:focus, .icon-tabs .nav-pills > li.active > a:hover, .cd-nav .cd-primary-nav li.selected a, .no-touch .cd-nav .cd-primary-nav a:hover, .intro-portfolio a:hover{color:#f1a811;}
.bttn{border-radius: 40px; background-color:#f1a811;}
.clear{clear:both;}
.float-r{float:right;}
.page-content {padding: 60px 0;}
.page-content.small {padding: 60px 0 0 0 !important; }

.rowname {display: none;}

.light-header, .menu-appear-alt{-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}

.logo-brand img{margin-top: 10px;}
#rightinfo{float:right;margin:10px 0 0 0;}
#rightinfo p{margin-bottom: 0px; color: #2a2a2a;line-height: 25px;}
#rightinfo p span{font-weight: bold;float: right;margin-left: 30px;}
#rightinfo p:nth-child(2){margin-bottom: 15px;}
#rightinfo a.reqinf{font-weight: 800; padding: 10px 15px;display: block;color: #FFF;text-align: center;}
#rightinfo a.reqinf:hover{background-color: #ffbd36;}

.menuzord-menu > li > a{font-size: 15px; font-weight: 400;padding: 0 4px;margin: 0 28px; color: #616161;}
.menuzord-menu > li.active > a{border-bottom: 3px solid #151826;color:#151826 !important;}
.menuzord-menu > li:hover > a{color: #f1a811 !important;border-bottom: 3px solid #f1a811;}
.nav-block-left .menuzord-menu > li > a{line-height: 57px;}
.menuzord-menu > li > a, header.sticky .menuzord-menu > li > a{padding:0 4px;}
header.sticky .menuzord-menu > li > a{line-height: 57px;}

.slider-boxed{margin-top: 0; background-color:#151826;}
.slides .caption{text-align: left;font-family: 'Oswald', sans-serif;text-transform: uppercase;background: rgba(0,0,0,0.7);}
.slides .caption span{color:#f1a811;}

.feature-parallax {background-image: url("../img/parallax/concretebg.jpg");}
.feature-parallax .page-content {padding: 60px 0;}
.ctas .title h4{font-size: 28px;color: #151826 !important;font-weight: 700;font-family: "Oswald", sans-serif;}
.ctas img{border: 3px solid #151826 !important;border-radius: 10px;}

.promo-parallax{background-image: url(../img/parallax/sitebg.jpg);}
.promo-box h3{font-family: "Oswald", sans-serif; font-size: 34px; color: #FFF;margin-bottom: 20px;}
.promo-box a.reqinf{font-family: "Oswald", sans-serif; text-transform: uppercase; font-weight: 800; padding: 10px 15px;display: block;color: #FFF;text-align: center;width: 220px;margin:0 auto;}
.promo-box a.reqinf:hover{background-color: #ffbd36;}

#footer.dark .primary-footer{background-color:#151826;padding: 60px 0;}
#footer.dark .primary-footer p{font-size: 12px; line-height: 18px;color:#FFF;margin-bottom: 30px;}
.compinfo{color: #FFF; list-style: none;padding-left: 33px;}
.compinfo li{line-height: 22px;margin-bottom: 10px;}
.compinfo li:first-child:before{content: "\f041";font-family: "FontAwesome";position: absolute;left: 40px;bottom: 75px;}
.compinfo li:last-child:before{content: "\f017";font-family: "FontAwesome";position: absolute;left: 38px;bottom: 20px;}
#footer.dark .primary-footer h5{margin-bottom: 10px;color:#f1a811;font-size: 16px;}
.infolist, .footnav, .socialico{color: #FFF;list-style: none;padding: 0;}
.infolist a, .footnav a, .socialico a{color:#FFF;}
.infolist a:hover, .footnav a:hover, .socialico a:hover{color:#f1a811;}
.footnav li{line-height: 30px;}
.pmc{margin-bottom: 0 !important;text-align: right;padding-right: 25px; background:url("../img/pmcjaxico.png") center right no-repeat;}
.footimg, .socialico{float:right;}
.socialico{margin: 20px 0 25px;}
.socialico li{display: inline; padding: 10px;margin-left: 10px;font-size: 24px;}

.inner-title p{color:#FFF;margin-bottom: 0;}
.inner-title p a:hover{color:#FFF;}

.promo-parallax.inner-title {background-image: url(../img/parallax/innerbg.jpg);}
.promo-parallax.inner-recycle {background-image: url(../img/parallax/recycle-bg.jpg);}
.promo-parallax.inner-rolloff {background-image: url(../img/parallax/rolloff-bg.jpg);}
.promo-parallax.inner-krush {background-image: url(../img/parallax/krushkrete-bg.jpg);}

.promo-parallax p{color:#FFF;}

a.sidebarbttn.phone{font-family: "Oswald",sans-serif !important;color:#FFF;background-color:#f1a811;border-radius: 40px;font-size: 32px;}
a.sidebarbttn{display: block;text-align: center;padding: 10px;text-transform: uppercase;font-weight: bold;}
a.sidebarbttn:hover{color:#151826;}

a.sidebarbttn.proj{background-color: #F1A811; width: 80%; border-radius: 40px;color:#FFF;}
a.sidebarbttn.proj:hover{color:#151826;}

h4.sp {letter-spacing: 2px !important; }


@media screen and (min-width:992px) and (max-width:1200px){
    .menuzord-menu > li > a{margin: 0 13px;}
    .ctas img{width:100%;}
}

@media screen and (min-width:769px) and (max-width:991px){
    .menuzord-menu > li > a{margin: 0 7px;font-size: 12px;}
}

@media screen and (min-width:320px) and (max-width:768px){
    #rightinfo{display: none;}
    .logo-brand img{margin-top: 0;}
    .nav-block-left .menuzord-menu > li > a{line-height: 23px;}
    .slider-boxed{margin-top: 50px;}
    .slides .caption{bottom:40px;font-size: 16px;}
}

@media screen and (min-width:320px) and (max-width:360px){
    .ctas img{width:100%;max-width: 260px;}    
    .slides .caption{bottom:20px;font-size: 12px;}
    .container .col-md-5 img{width:100%;}
    a.sidebarbttn{width: 100% !important;}
    .portfolio.gutter .portfolio-item {padding: 30px;}
}