/****************************************
*
*  Slideshow
*
*****************************************/
.moduletable.slideshow p{
	margin:0
}
.slideshow .sprocket-features-list{
	margin:0
}
.slideshow .layout-slideshow2 .sprocket-features-content ,
.slideshow .sprocket-features-content{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background:none;
    padding: 0;
    left: 0;
    margin: 0;
    min-height: auto;
	color:#000;
	padding-left: 135px;
}
.slideshow .layout-slideshow2 .sprocket-features-content::before{
	display:none
}
.slideshow .layout-slideshow2 .sprocket-features-padding,
.slideshow .sprocket-features-padding {
    padding:1.5rem 5rem;
	background: rgba(255, 255, 255, 0.7);
	text-align:left;
	max-width: 40%;
    margin: 0 auto;
	box-sizing:border-box;
	position:relative;
	min-height:130px;
}
.slideshow .layout-slideshow2 .sprocket-features-padding:before,
.slideshow .sprocket-features-padding:before{
	content: ' ';
	width:135px;
	top:0;
	bottom:0;
	position:absolute;
	left:-135px;
	background:#004470
}
.slideshow .layout-slideshow2 .sprocket-features-padding:after,
.slideshow .sprocket-features-padding:after{
	content: ' ';
	width:80px;
	height:80px;
	background:url(../images/patterns/all-bg.png) no-repeat -374px -10px;
	position:absolute;
	left:-107px;
	top:50%;
	margin-top:-40px;
	    -webkit-animation: fadeInRotate 0.5s linear 2s backwards;
    -moz-animation: fadeInRotate 0.5s linear 2s backwards;
    -ms-animation: fadeInRotate 0.5s linear 2s backwards;
    animation: fadeInRotate 0.5s linear 2s backwards;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.slideshow .layout-slideshow2 .sprocket-features-title,.slideshow .layout-slideshow2 .sprocket-features-desc,
.slideshow .sprocket-features-title,.slideshow  .sprocket-features-desc {
    color: inherit;
}
.slideshow  .slide{
	font-size:1.5rem;
	line-height:2rem;
}
.slideshow  .slide .rpp-content .title{
	font-weight:bold;
	text-transform:capitalize;
	margin-bottom:1rem;
}
.slideshow .layout-slideshow2 .sprocket-features-arrows,
.slideshow .sprocket-features-arrows {
	    position: absolute;
    left: 0;
    right: 0;
    bottom: 48px;
    max-width: 40%;
    margin: 0 auto;
    padding: 0 0 0 135px;
}
.slideshow .layout-slideshow2 .sprocket-features-arrows .arrow,
.slideshow .sprocket-features-arrows .arrow{
	border:none;
	width:26px;
	height:26px;
	line-height:26px;
	text-align:center;
	opacity:1;
	position:relative;
	left:auto;
	right:auto;
	bottom:auto;
	color:inherit;
	background:none;
	box-shadow:none;
	border-radius:0
}
.slideshow .sprocket-features-arrows .arrow span{
	display:none
}
.slideshow .layout-slideshow2 .sprocket-features-arrows .arrow.next,
.slideshow .sprocket-features-arrows .arrow.next{
	float:right;
}
.slideshow .layout-slideshow2 .sprocket-features-arrows .arrow:before,
.slideshow .sprocket-features-arrows .arrow:before{
	content: "\f105";
	font-family: FontAwesome, sans-serif;
}
.slideshow .layout-slideshow2 .sprocket-features-arrows .arrow.prev:before,
.slideshow .sprocket-features-arrows .arrow.prev:before{
	content: "\f104";
}
.slideshow  .slide .rpp-content .title span ,.slideshow  .active .slide .rpp-content .title span {
    -webkit-animation: blurFadeIn 0s ease-in 2s backwards;
    -moz-animation: blurFadeIn 0s ease-in 2s backwards;
    -ms-animation: blurFadeIn 0s ease-in 2s backwards;
    animation: blurFadeIn 0s ease-in 2s backwards;
}
.slideshow .slide .rpp-content  .rpp-text,.slideshow .active .slide .rpp-content  .rpp-text{
	animation: typing 10s steps(10) 0s;
	-webkit-animation: typing 10s steps(10) 0s;
	-moz-animation: typing 10s steps(10) 0s;
	-ms-animation: typing 10s steps(10) 0s;
	box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	animation: 
}
@media only all and (max-width: 47.938rem){
	.slideshow .sprocket-features-img-container{
		padding-bottom:128px;
	}
	.slideshow .layout-slideshow2 .sprocket-features-desc{
		display:block
	}
	.slideshow .layout-slideshow2 .sprocket-features-padding{
		padding: 0.5rem 2rem;
		max-width: calc(100% - 50px);
		background: #fff;
		float: right;
	}
	.slideshow .layout-slideshow2 .sprocket-features-padding:after{
		width: 30px;
		height: 30px;
		background-position: -142px -4px;
		left: -40px;
		margin-top: -15px;
		background-size: 200px;
	}
	.slideshow .layout-slideshow2 .sprocket-features-padding:before{
		width:50px;
		left:-50px;
	}
	.slideshow .slide{
		font-size:1rem
	}
	.slideshow .layout-slideshow2 .sprocket-features-arrows{
		    max-width: calc(100% - 100px);
	}
	.slideshow .layout-slideshow2 .sprocket-features-arrows .arrow.next {
		margin-right: -3rem;
	}
	.slideshow .layout-slideshow2 .sprocket-features-content,.slideshow .layout-slideshow2 .sprocket-features-arrows{
		padding-left:0
	}
}
@media only all and (max-width:1199px) and (min-width:768px){
	.slideshow .layout-slideshow2 .sprocket-features-padding{
		max-width: 100%;
		width: calc(100% - 135px);
		float: right;
	}
	.slideshow .layout-slideshow2 .sprocket-features-arrows{
		left:unset;
		max-width:100%;
		width: calc(100% - 135px);
	}
	.slideshow .layout-slideshow2 .sprocket-features-content,.slideshow .layout-slideshow2 .sprocket-features-arrows{
		padding-left:0
	}
}
@media only all and (min-width: 768px) and (max-width: 979px){
	.slideshow .slide{
		font-size:1.3rem
	}
}
@media only all and (min-width: 980px) and (max-width: 1199px){
	.slideshow .layout-slideshow2 .sprocket-features-content,.slideshow .layout-slideshow2 .sprocket-features-arrows{
		padding:0 2rem
	}
}
/****************************************
*
*  RPP Product category
*
*****************************************/
.moduletable.rpp-category .custom{
	margin-right:-5rem
}
.moduletable.rpp-category .rpp-img {
    float: right;
    background: #676b6a;
    border-radius: 50%;
	position:relative;
	top:50%;
	margin:-52px -52px 0 0;
	display:inline-block
}
.moduletable.rpp-category .custom .g-block{
	padding:5rem 5rem 5rem 0
}
.moduletable.rpp-category .rpp-content {
    background: #f2f2f2;
    padding: 2rem 4rem 2rem 2rem;
    box-sizing: border-box;
}
.moduletable.rpp-category .rpp-content .title{
	color: #000;
    font-weight: bold;
    margin: 0;
    font-size: 1.2rem;
}
.moduletable.rpp-category .rpp-content .title a{
	color:inherit
}
.moduletable.rpp-category .rpp-content .rpp-text{
	margin:0;
	color:#58595b
}
.moduletable.rpp-category .custom .g-block:hover .rpp-img {
	background:#378dc8
}
.moduletable.rpp-category .custom .g-block:hover .title{
	color:#378dc8
}
@media only all and (max-width: 979px){
	.moduletable.rpp-category .custom {
		margin-right: 0;
		text-align:center
	}
	.moduletable.rpp-category .custom .g-block {
		padding:2.5rem 0 ;
	}
	.moduletable.rpp-category .rpp-content{
		padding:4rem 2rem 2rem;
	}
	.moduletable.rpp-category .rpp-content{
		text-align:left
	}
	.moduletable.rpp-category .rpp-img{
		float:none;
		margin:0 auto;
		top:52px;
	}
}
@media only all and (min-width: 768px) and (max-width: 979px){
	.moduletable.rpp-category .custom .g-block {
		padding:2.5rem 1rem;
	}
	.moduletable.rpp-category .custom{
		margin:0 -1rem
	}
	.moduletable.rpp-category .rpp-content{
		min-height:240px;
		padding:4rem 1rem 1rem;
		box-sizing:border-box;
	}
}
@media only all and (min-width: 980px) and (max-width: 1199px){
	.moduletable.rpp-category .custom {
		margin-right: -2.5rem;
	}
	.moduletable.rpp-category .rpp-content{
		padding: 1rem 4rem 1rem 1rem;
		min-height:230px
	}
}
/****************************************
*
*  Special Offer
*
*****************************************/
.moduletable.rpp-full-box .rpp-img{
	height:520px;
	overflow:hidden
}
.moduletable.rpp-full-box .rpp-img img{
	height: 520px;
    text-align: center;
    max-width: unset;
}
.moduletable.rpp-full-box .rpp-content{
	background:#f2f2f2;
	padding:0 3rem;
}
.moduletable.rpp-special-block .rpp-content{
    padding-left: 15rem;
    font-size: 1.7rem;
    line-height: 2.5rem;
}
.rpp-special-block  .content-title{
	position:relative;
	padding:7rem 0 2rem 100px;
}
.rpp-special-block  .content-title .title{
    font-size: 3.5rem;
    font-weight: 500;
    border-bottom: 1pt solid #004470;
    display: inline-block;
    text-transform: capitalize;
    line-height: 5rem;
}
.rpp-special-block  .content-title .percent-icon{
	position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    background: #004470;
    text-align: center;
    color: #fff;
    height: calc(100% - 2.4rem);
    line-height: 640%;
    font-size: 3rem;
    overflow: hidden;
}
.rpp-special-block .rpp-text,.rpp-special-block .phone-box{
	margin-left:80px;
}
.rpp-special-block .phone-box{
	background:#ed4b3e;
	color:#fff;
	display:inline-block;
	padding:0 1rem;
	box-sizing:border-box;
	font-size:1.5rem;
}
@media only all and (max-width: 47.938rem){
	.moduletable.rpp-full-box .rpp-content{
		padding:0 0.5rem 5rem
	}
	.moduletable.rpp-special-block .rpp-content{
		padding-left:0
	}
	.moduletable.rpp-special-block .rpp-content{
		font-size:1.3rem;
	}
	.rpp-special-block .phone-box{
		font-size:1rem;
	}
}
@media only all and (min-width: 768px) and (max-width: 1199px){
	.rpp-special-block .content-title .title{
		font-size:3rem;
	}
	.moduletable.rpp-full-box .rpp-content{
		padding:0 1.5rem;
	}
	.moduletable.rpp-special-block .rpp-content{
		padding-left:0 ;
		font-size: 1.5rem;
	}
	.rpp-special-block .phone-box{
		font-size:1.2rem;
	}
}
/****************************************
*
*  Bitumen Price
*
*****************************************/
.moduletable.bitumen-price{
	position:relative
}
.moduletable.bitumen-price .rpp-content{
	float: right;
    position: absolute;
    top: 50%;
    padding: 3rem;
    left: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	min-height: 290px;
    box-sizing: border-box;
	max-width: calc(50% - 15rem);
}
.bitumen-price .g-title{
	position:absolute;
	top: 50%;
	left:calc(50% - 280px);
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width:280px;
	min-height: 290px;
	box-sizing:border-box;
	padding:1.5rem;
	background:#004470;
	color:#fff;
	text-align: left;
    font-size: 1.7rem;
	
}
.bitumen-price th,.bitumen-price td{
	background:none;
	padding:0.5rem 0;
}
.bitumen-price thead{
	border-bottom:1pt solid #004470;
	color:#004470
}
.bitumen-price tbody tr:last-child{
	border-top:1pt solid #004470;
}
.bitumen-price .rpp-selectBox {
    width: 280px;
    padding: 0 1.5rem;
	position:absolute;
	top: 50%;
	left:calc(50% - 280px);
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);		
	margin: 4rem 0 0;
}
.bitumen-price .rpp-selectBox select{
	border:none;
	margin-bottom:1rem;
}
.bitumen-price .rpp-selectBox .btn{
	background:#a2a293
}
.bitumen-price .rpp-selectBox .btn:hover{
	background:#fff;
	color:#004470;
}
@media only all and (max-width: 767px){
	.moduletable.rpp-full-box .rpp-img{
		width: 100%;
		max-width: 100%;
		-webkit-flex-grow: 0;
		-moz-flex-grow: 0;
		flex-grow: 0;
		-ms-flex-positive: 0;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
	}
	.bitumen-price .g-title,.moduletable.bitumen-price .rpp-content{
		position:unset;
		top:auto;
		left:auto;
		margin:0;
		width:100%;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;	
	}
	.bitumen-price .rpp-selectBox{
		top:0;
		left:0;
		right:0;
		width:100%;
		margin:10rem 0 0;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;	
	}
	.moduletable.bitumen-price .rpp-content{
		max-width:100%;
	}
}
@media only all and (min-width: 768px) and (max-width: 1199px){
	.moduletable.bitumen-price .rpp-content{
		max-width:unset
	}
}
/****************************************
*
*  Blog
*
*****************************************/
.moduletable.last-items {
    margin: 5rem -1rem;
}
.moduletable.last-items .sub-title{
	text-align:center;
	color:#6d6e71;
	font-size:1.4em;
	margin:0 auto 
}
.moduletable.last-items li{
	padding:2.5rem 1rem; 
}
.moduletable.last-items .rpp-block{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	background:#fff
}
.moduletable.last-items .rpp-block .rpp-img{
	float:right;
	position:relative
}
.moduletable.last-items .rpp-block .rpp-img .rpp-date{
	width:65px;
	height:105px;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	text-align:center
}
.moduletable.last-items .rpp-block .rpp-img .rpp-date  span{
	display:block
}
.moduletable.last-items .rpp-block .rpp-img .rpp-date .day{
	background:#004470;
	line-height:65px;
	font-size:2rem;
	color:#fff
}
.moduletable.last-items .rpp-block .rpp-img .rpp-date .month{
	color:#939598;
	font-size:0.75rem;
	line-height:30px;
	background:#fff
}
.moduletable.last-items .rpp-block .rpp-content {
    float: left;
    display: inline-block;
    width: calc(100% - 215px);
    min-height: 215px;
    box-sizing: border-box;
    padding: 1rem;
}
.moduletable.last-items .mod-articles-category-title {
    display: block;
    color: #000;
    font-size: 1.1rem;
    line-height: 1.7rem;
    max-height: 55px;
    overflow: hidden;
}
.moduletable.last-items .rpp-info ,.moduletable.last-items  .mod-articles-category-introtext{
	color:#808285;
	font-size:0.9rem;
	margin:0;
	display:block
}
@media only all and (max-width: 47.938rem){
	.moduletable.last-items{
		text-align:center
	}
	.moduletable.last-items .rpp-block{
		max-width:215px;
		margin:0 auto;
	}
	.moduletable.last-items .rpp-block .rpp-content{
		float:none;
		width:100%;
	}
}
@media only all and (min-width: 768px) and (max-width: 979px){
	.moduletable.last-items  ul li{
		width:100%
	}
}
/****************************************
*
*  Form
*
*****************************************/
.moduletable.frm-contact{
	margin:5rem 0
}