Pontypool

/* ----------------------------------------- */ /* Content Template: template-for-branches - start */ /* ----------------------------------------- */ .br-row-1 { padding-bottom: 10px; } .br-row-2 { padding-bottom: 10px; } .br-row-4 { text-align: center; } .br-image { text-align: center; } .br-c-1, .br-c-2 { width: 24%; display: inline-block; vertical-align: top; } .br-services h3 { font-weight: 600; } .br-c-3 { width: 48%; display: inline-block; vertical-align: top; } .br-image, .br-map { width: 48%; display: inline-block; vertical-align: top; } @media only screen and (max-width: 900px) { .br-c-1, .br-c-2 { width: 48%; padding-bottom: 10px; } .br-c-3 { width: 100%; } .br-image, .br-map { width: 100%; padding-bottom: 10px; } } @media only screen and (max-width: 480px) { .br-c-1, .br-c-2 { width: 100%; } } .ts-template p:first-child { margin: 0px; } .br-contact-link a, .br-directions a { padding: 5px 10px; background-color: rgba(255, 173, 38, 1); border-radius: 15px; color: #fff; } .br-contact-link a:hover, .br-directions a:hover { background-color: #255aa8; } .br-contact-link, .br-directions { margin-bottom: 5px; } .br-address { padding-bottom: 20px; } .br-vacancies { width: 48%; margin-left: 1%; display: inline-block; vertical-align: top; } .br-news { width: 48%; margin-right: 1%; display: inline-block; } .br-services ul li i.icon-eagle-plant { padding-right: 5px; color: rgb(37, 90, 168); font-size: 25px; vertical-align: middle; } .br-social-title { font-size: 22px; font-weight: 600; } .br-social-sub { font-size: 20px; } .br-fb, .br-google { display: inline-block; } .br-fb i, .br-google i { color: #fff; background-color: rgba(37, 90, 168, 1); padding: 5px 2px; border-radius: 5px; margin-right: 5px; } .br-fb i:hover, .br-google i:hover { color: rgba(37, 90, 168, 1); background-color: rgba(255, 173, 38, 1); }/* Slider CSS */ #slideshow-container { max-width: 1000px; position: relative; margin: auto; } .mySlides { display: none; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: rgba(255, 173, 38, 1); background-color: rgba(37, 90, 168, 0.8); font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* Position the "previous button" to the left */ .prev { left: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(255, 173, 38, 0.8); color: rgba(37, 90, 168, 1); }/* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }@-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} }@keyframes fade { from {opacity: .4} to {opacity: 1} } /* ----------------------------------------- */ /* Content Template: template-for-branches - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: loop-item-in-news-list-branch-view - start */ /* ----------------------------------------- */ .nl-read-more { padding: 5px 10px; float: right; background-color: rgba(255, 173, 38, 1); border-radius: 15px; color: #fff; margin-bottom: 10px; } .nl-read-more:hover { background-color: #255aa8; }.nl-exc p { margin: 0px; display: inline; } /* ----------------------------------------- */ /* Content Template: loop-item-in-news-list-branch-view - end */ /* ----------------------------------------- */