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

body #rt-header {
  background-color: #fff;
  color: #ffffff;
}

.logo-type-myriad #rt-page-surround #rt-logo {
  height: 62px !important;
  width: 470px !important;
}

#rt-top{
	display: table;
	position: fixed;
	top: 0px;
	right: 0px;
}

#rt-footer-surround .rt-block .module-title h2.title {
  color: #3a353c;
  font-size: 18px;
}

.lang-active a{
	color: #fff !important;
	font-weight: bold;
	text-decoration: underline;
	background-color: #c9dd0a !important;
	padding: 10px;
}

.lang-active a:hover{
	color: #000 !important; 
}

a:hover{
	color: #c9dd0a  !important; 
}

.menu-installation-de-stations-service-equipement-stations-service-amenagement-stations-service-systemes-de-gestion-distribution-de-carburants-airloc-van-moerkerke-roeselare  #rt-page-surround #rt-mainbody-surround{
	display: none;
}

.rt-block.broodkruimels{
	width: 1155px;
	margin: 0 auto;
	display: block;
	margin-top: 18px;
}


.blog #rt-firstfullwidth .rt-block {
  margin: 0 auto;
  padding: 0;
  width: 1155px;
}

#rt-neck-surround #rt-feature{
	padding-bottom: 20px !important;
}

body div.mod-languages ul {
  background: #fff none repeat scroll 0 0;
  display: table;
  list-style: outside none none;
  margin: 0;
  padding: 10px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999 !important;
}

.blog #rt-firstfullwidth .rt-block {
  margin:0 auto;
  padding:0;
  width:1155px;
}


@media (max-width: 1199px){
	body .rt-block.broodkruimels, body #rt-firstfullwidth {
  display: block;
  margin: 18px auto 0;
  width: 915px;
}
}


@media (max-width:959px){
	html body .rt-block.broodkruimels, html body #rt-firstfullwidth{
		width:725px;
	}
}

@media (max-width:768px){
	html body #rt-page-surround .rt-block.broodkruimels, html body #rt-page-surround #rt-firstfullwidth {
  width: 437px;
  max-width: 90%;
}

body .rt-block .module-title h2.title {
  color: #000000;
  font-size: 21px;
  font-weight: normal;
  line-height: 31.2px;
  text-transform: uppercase;
}
}

.modalgallery{
	display: block;
	float: left;
}

.menu-block .gf-menu .dropdown .menu-item-wrapper {
  padding: 5px;
  color: #fff !important;
}

.home #main div.attachmentsList table, div.attachmentsList table {
  width: 100%;
  border: none;
}

.menu-installatie-van-tankstations-uitrusting-servicestation-inrichting-tankstations-registratiesystemen-tankstations-airloc-van-moerkerke-roeselare-gent #rt-mainbody-surround{
	display: none;
}

.menu-block .gf-menu .dropdown .menu-item-wrapper:hover {
  color: #c9dd0a !important;
}


body .sprocket-strips.sprocket-strips-apollo .sprocket-strips-effect-apollo {
    background: #000;
}

body .menu-block .gf-menu.l1 > li > .item {
  height: 46px;
  padding: 0;
}

#rt-mainbody h2 {
  font-size: 30px;
  line-height: 31.2px;
  text-transform: uppercase;
}

#rt-breadcrumbs .rt-block {
  margin: 10px 10px 0;
  padding: 10px 15px 0;
}


#rt-expandedbottom .rt-block {
  margin: 0 10px 10px 10px ;
  padding: 15px;
}


#rt-mainbody-surround .rt-block {
  margin:0 10px;
  padding:0 15px 15px;
}

.rt-block .module-title h2.title {
  color: #000000;
  font-size: 30px;
  font-weight: normal;
  line-height: 31.2px;
  text-transform: uppercase;
}

#rt-thirdfullwidth{
	background-image: url('/images/home/contact.jpg');
	background-position: center;
	background-size:cover;
}

#rt-fullstrip {
  max-width: 100% !important;
}

#rt-thirdfullwidth h2 {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  line-height: 31.2px;
  padding-bottom: 50px;
  padding-top: 50px;
  text-align: center;
  text-transform: uppercase;
}

#rt-thirdfullwidth a {
  color: #c9dd0a;
  text-decoration: underline;
  transition: all 0.3s ease 0s;
}

a.modal_link {
  display: block;
  float: left;
  padding: 10px 1%;
  width: 23%;
}

#rt-bottom a{
	color: #686868;
}

#rt-bottom a:hover{
	color: #686868;
	text-decoration: underline;
}


.menu-home a.modal_link {
  display: block;
  float: left;
  padding: 7px 1%;
  width: 31%;
}

.menu-home #rt-neck-surround #rt-feature{
	padding-bottom: 35px;
}


body .rt-mainbody-wrapper{
	margin-bottom: 30px;
}

html body.layout-mode-responsive .visible-large {
  display: block !important;
}

#rt-thirdfullwidth .rt-block {
  margin: 0;
  padding: 15px;
}

body .gf-menu-toggle {
  border: medium none;
  border-radius: 3px;
  z-index: 3001;
  background: none !important;
}

.menu-fibrelite #rt-mainbody-surround{
	display: none !important;
}

#rt-mainbody .contact h2 {
  font-size: 30px;
  line-height: 31.2px;
  text-transform: uppercase;
  color: #000;
}

body .contact-form legend{
	display: none;
}

.menu-contact .form-actions {
  border-top: medium none !important;
  margin-bottom: 20px;
  margin-top: 0 !important;
  background: none !important;
  padding-top: 0px;
}

html .layout-mode-responsive .gf-menu-device-container .gf-menu.l1 .item {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  font-size: 16px;
  line-height: 24px;
}

body.layout-mode-responsive footer .hidden-phone {
  display: block!important;
}

footer ul.menu li {
  margin-bottom: 0;
}

@media(max-width: 400px){

html body #rt-logo {
  background-size: cover !important;
  height: 16px;
  width: 220px;
}	
}

@media(max-width:600px){
	body #rt-logo {
  height: 22px;
  width: 279px;
  background-size: cover !important;
}

body #rt-neck-surround #rt-feature{
	padding: 20px !important;
}


body div.mod-languages ul.lang-inline li {
  display: inline;
  clear: both !important;
  float: left;
}

body #rt-mainbody h2 {
  font-size: 21px;
  line-height: 31.2px;
  text-transform: uppercase;
}

body #rt-mainbody-surround .rt-block {
  margin: 0px 10px 0;
}

body #rt-thirdfullwidth h2 {
  font-size: 24px;
}

body #rt-thirdfullwidth .rt-block {
  margin: 0;
  padding: 15px 25px;
}
}

body.layout-mode-responsive #rt-firstfullwidth .rt-block.hidden-phone{
  display: block !important;
}


.mod-languages{z-index:9999 !important;}

@media(max-width:768px){
body .rt-apollo-3 .sprocket-strips-effect-apollo .sprocket-strips-apollo-title {
  top: 0;
}

body a.modal_link {
  display: block;
  float: left;
  padding: 10px 2%;
  width: 29%;
}

html body #rt-fullstrip .sprocket-strips-apollo-block {
  display: none;
}



body .rt-apollo-3 .sprocket-strips-effect-apollo .sprocket-strips-apollo-extended {
  top: 36px;
}
}

body .rt-logo-block {
  display:table !important;
  margin:0 auto;
  padding:20px 0 10px;
  position:relative;
  z-index:9999;
}

body .sprocket-mosaic-header{
	display: none;
}

body ul.menu li a, body ul.menu li .item, body ul.menu li .separator {
  border-radius: 3px;
  display: block;
  padding: 0px 15px;
  text-decoration: none;
}

body .menu-block .gf-menu li.active > .item .menu-item-wrapper {
  color: #000;
}

body .menu-block .gf-menu li:hover .item .menu-item-wrapper{
	color: #000;
}

.button, .readon, .readon2, a.readmore, button.validate, p.readmore a, #member-profile a, #member-registration a, .formelm-buttons button, .controls .btn, .logout-button .btn, .sprocket-readmore, .roksearch_results a.clr {
  background-color: #3a353c !important;
}

#rt-firstfullwidth .sprocket-features-content .sprocket-features-desc a {
  background-color:#000;
}

#rt-firstfullwidth .sprocket-features-content .sprocket-features-desc a:hover {
  background-color:#c9dd0a;
}

body .layout-slideshow3 .sprocket-features-content {
  left: 50%;
  margin-left: -400px;
  position: absolute;
  text-align: center;
  top: 50px;
  width: 800px;
}

body .rt-image-effect {
  background: none;
}

.menu-home #rt-mainbody-surround{
	display: none;
}

body #rt-bottom {
  background-color: #c9dd0a;
  color: #686868;
}


body .fp-bottom-a .title, body .fp-bottom-b .title, body .fp-bottom-c .title {
  color: #686868;
}

.rt-block .nav > li > a {
  color: #686868;
  display: block;
}

body ul.menu li a::before, body ul.menu li .item::before, body ul.menu li .separator::before {
  content: none;
}


body .title5 .module-title .title {
  color: #c9dd0a;

}

body .sprocket-features-pagination{
	display: none;
}

body #rt-feature {
  color: #ddd;
}

body .fp-feature-a .rt-lead {
  color: #fff;
  padding-top: 10px;
}

body .rt-image-effect .rt-image-effect-caption::before {
  background: rgba(201,221,10,0.5);
}

body .layout-slideshow3 .sprocket-features-title {
  display: block;
  font-size: 1.8em;
  line-height: 1.3em;
  margin: 0 0 15px;
  padding: 10px;
  position: relative;
}

body .layout-slideshow3 .sprocket-features-desc {
    display: none;
}

body .layout-slideshow3 .sprocket-features-desc {
  font-size: 1.2em;
  line-height: 1.75em;
}

body #rt-copyright{
	display: none;
}

/*-------------------------AANPASSINGEN-03/04/2020--------------------*/
/*----------INTRO-BEELD----------*/
html body #rt-firstfullwidth {
  width: 100% !important;
  max-width: 100% !important;
}