/*
Theme Name: JRPR
Author: Tomm Warham
Author URI: http://tommwarham.com;
Description: JRPR Theme
Version: 1.0
Text Domain: jrpr
*/

/* --------------------------
	RESET CSS 
---------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* --------------------------
	Fonts
---------------------------*/

@font-face {
    font-family: 'dax-regular';
    src: url('fonts/ufonts.com_dax-regular.eot');
    src: url('fonts/ufonts.com_dax-regular.eot?#iefix') format('embedded-opentype'), url('fonts/ufonts.com_dax-regular.woff') format('woff'), url('fonts/ufonts.com_dax-regular.ttf') format('truetype'), url('fonts/ufonts.com_dax-regular.svg#dax-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dax-bold';
    src: url('fonts/dax_bold-webfont.eot');
    src: url('fonts/dax_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dax_bold-webfont.woff') format('woff'), url('fonts/dax_bold-webfont.ttf') format('truetype'), url('fonts/dax_bold-webfont.svg#daxbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* --------------------------
	Main styling / index
---------------------------*/

body {
    color: #404041;
}

/*p {font-family: "HelveticaNeue-Std", "Helvetica Neue Std", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 400; font-size: 15px; line-height: 1.2em; margin: 0 0 20px 0;}*/
p {
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2em;
    margin: 0 0 20px 0;
}

a, ul, li {
    font-family: "HelveticaNeue-Std", "Helvetica Neue Std", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
}

h2,
h3{
    color: #535353;
    font-family: dax-bold;
}

.section-title{
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -999em;
}

#PageAbout .section-title{
    background-image: url(images/headings/about.png);
}
#PageServices .section-title{
    background-image: url(images/headings/services.png);
}
#PageTestimonials .section-title{
    background-image: url(images/headings/testimonials.png);
}
#PageCaseStudies .section-title{
    background-image: url(images/headings/case-studies.png);
}
#PageContact .section-title{
    background-image: url(images/headings/contact.png);
}

.services h2, .testimonials h2, footer h2 {
    color: #fff;
}
.case-study-slider h3{
    color: #77a22e;
    margin-bottom: 7px;
}

a {
    color: #535353;
    text-decoration: underline;
    text-transform: capitalize;
}

a:hover. a:active {
    color: #000;
}

.container {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.circle-parallax {
    background: url(images/circles-new.png);
    background-size: 100%;
    height: 3100px;
    left: 50%;
    margin: 0 0 0 -610px;
    position: fixed;
    width: 1220px;
}

.circle-parallax2 {
    background: url(images/circles-new-over.png);
    background-size: 100%;
    height: 3380px;
    left: 50%;
    margin: 0 0 0 -610px;
    position: fixed;
    width: 1220px;
}

.wrapper {
    left: 50%;
    margin-left: -610px;
    position: relative;
    top: 0;
    width: 1220px;
}

.page {
    overflow: hidden;
    padding: 0 100px;
    position: relative;
}

.page.about {
    background: #F7F7F6;
    height: 480px;
}

.page.services {
    background-color: #769D3F;
    background-color: rgba(118, 159, 28, 0.82);
    color: #fff;
    height: 430px;
}

.page.case-studies {
    background: #F7F7F6;
    background: #fff;
    padding: 0 0 0 0;
}

.page.testimonials {
    color: #fff;
    background-color: #769D3F;
    background-color: rgba(118, 159, 28, 0.82);
    height: 430px;
    padding: 0;
}

.text-column-holder {
    display: flex;
}

.text-column {
    margin: 60px 60px 0 0;
    width: 298px;
}

.text-column:nth-child(3) {
    margin: 60px 0 0 0;
}

.text-column-last {
    margin: 60px 0 0 0;
}

.text-bold {
    font-weight: 600;
}

.text-column ul {
    list-style-image: url(images/bullet.png);
    margin: 0 0 0 18px;
}

.text-column li {
    font-size: 15px;
    line-height: 1.2em;
    margin: 0 0 3px 0;
}

.about .text-column, .services .text-column, footer .text-column {
    height: 192px;
}

footer .text-column {
    height: auto;
}

footer .text-column.double {
    width: 60%;
}

footer .text-column.text-column-last {
    width: 30%;
}

.case-studies .text-column {
    height: 730px;
}

#main .page h2, footer h2 {
    height: 30px;
    font-size: 33px;
    margin: 70px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

b {
    font-weight: bold;
}

i {
    font-style: italic;
}

footer b {
    font-weight: bold;
}

/* --------------------------
	header styling
---------------------------*/

.logo-nav-wrapper {
    background-color: #fff;
    overflow: hidden;
}

.logo {
    background: url(images/logo-2023.png) no-repeat;
    height: 66px;
    left: 50%;
    margin: 60px 0 0 -172px;
    overflow: hidden;
    position: relative;
    text-indent: -9999em;
    width: 344px;
}

nav {
    height: 42px;
    font-size: 13px;
    text-transform: uppercase;
    margin: 60px 0 0 0;
}

nav li a {
    font-weight: 500;
}

.sticky-nav {
    background-color: #fff;
    height: 26px;
    left: 50%;
    margin: 0 0 0 -610px;
    opacity: 0;
    padding: 11px 0 0 0;
    position: fixed;
    top: 0;
    width: 1220px;
    z-index: 100;
}

.sticky-nav-opacity {
    opacity: 1;
}

.sticky-nav-fade {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

ul.main-nav {
    left: 50%;
    margin-left: -512px;
    position: relative;
}

ul.main-nav li {
    float: left;
    margin-right: 136px;
}

ul.main-nav li:nth-child(5) {
    margin-right: 0;
}

ul.main-nav li.last-nav-item {
    margin-right: 0;
}

ul.main-nav a {
    display: inline-block;
    background: url(images/nav.png) no-repeat 0 0;
    color: #535354;
    height: 15px;
    font-weight: bold;
    text-decoration: none;
    text-indent: -999em;
    text-transform: uppercase;
    width: 100px;
}
ul.main-nav .link1{
    background-position: 0 0;
}
ul.main-nav .link1:hover{
    background-position: 0 -25px;
}
ul.main-nav .link2{
    background-position: -100px 0;
}
ul.main-nav .link2:hover{
    background-position: -100px -25px;
}
ul.main-nav .link3{
    background-position: -200px 0;
}
ul.main-nav .link3:hover{
    background-position: -200px -25px;
}
ul.main-nav .link4{
    background-position: -300px 0;
}
ul.main-nav .link4:hover{
    background-position: -300px -25px;
}
ul.main-nav .link5{
    background-position: -400px 0;
}
ul.main-nav .link5:hover{
    background-position: -400px -25px;
}
ul.main-nav a:hover {
    text-decoration: underline;
}

/* fallback circles background required here */
.banner {
    height: 430px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.banner .lozenge {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    height: 312px;
    left: 0;
    position: absolute;
    top: 59px;
    width: 610px;
}

.banner .lozenge h2 {
    color: #79A434;
    font-family: dax-bold;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2em;
    margin: 70px 65px 0 100px;
}

.banner .lozenge p {
    font-family: dax-regular;
    font-size: 16px;
    line-height: 1.2em;
    margin: 18px 65px 0 100px;
}

/* --------------------------
	Case Study Styling
---------------------------*/

.wrapper-logos {
    height: 180px;
    overflow: hidden;
    padding: 70px 0;
}

.wrapper-studies {
    height: 0px;
    overflow: hidden;
}

.wrapper-logos, .wrapper-studies {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.case-study-logo-slider {
    position: relative;
    margin: 0 0 0 100px;
    overflow: auto;
}

.wrapper-logos .slider-arrow{
    background: url(images/slider-arrows.png) no-repeat 0 0;
    display: block;
    height: 23px;
    margin-top: -12px;
    position: absolute;
    text-indent: -999em;
    top: 50%;
    width: 20px;
    z-index: 100;
}
.wrapper-logos .prev{
    left: 50%;
    margin-left: -190px;
}
.wrapper-logos .next{
    background-position: -20px 0;
    margin-right: -195px;
     right: 50%;
 }

.case-study-logo-slider li {
    list-style: none;

}

.case-study-logo-slider ul li {
    float: left;
    height: 200px;
    width: 360px
}

.logo-link {
    background-color: #535353;
    display: block;
    float: left;
    height: 165px;
    margin: 0 0 0 60px;
    width: 298px;
}

.logo-link img {
    height: 165px;
    width: 298px;
    filter: url(images/filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
}

.logo-link:nth-child(1) {
    margin: 0 0 0 0;
}

.case-study-logo-slider .dots {
    float: left;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    right: 0;
    bottom: 0;
    text-align: center;
    width: 200px;
}

.case-study-logo-slider .dots li {
    background-color: #D1D3D4;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    text-indent: -999em;
    border-radius: 6px;
    cursor: pointer;
    opacity: .4;
    float: none;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.case-study-logo-slider .dots li.active {
    background: #535353;
    opacity: 1;
}

.case-studies article {
    padding: 0 100px;
}

.case-studies .text-column ul {
    list-style-type: disc;
    margin: 0 0 0 18px;
}
.case-study-slider  .text-column ul {
    margin-top: 25px;
    margin-bottom: 20px;
}
.case-studies .text-column li {
    height: auto;
    list-style: disc;
    width: 253px;
}

.case-studies .results-col li, .case-studies .campaign-col li  {
    float: none;
}

.case-study-slider {
    position: relative;
    margin: 0 0 0 0;
    opacity: 0;
    overflow: auto;
}

.case-study-slider li {
    list-style: none;
}

.case-study-slider ul li {
    float: left;
    height: 800px;
    width: 1220px
}
.text-column.casestudy-arrows{
    position: relative;
    top: 0;
    width: 298px;
}
.text-column.casestudy-arrows .logo-padding {
    margin-left: 90px;
    width: 260px;
}
a.casestudy-arrow {
    background: url(images/casestudy-nav-icons.png) no-repeat 0 0;
    color: #77a22e;
    display: inline-block;
    float: left;
    font-size: 12px!important;
    line-height: 25px;
    margin-right: 20px;
    padding-left: 30px;
    text-decoration: none;
}

.casestudy-arrow.next {
    background-position: 0 -30px;
}
.casestudy-arrow.close {
    background-position: 0 -59px;
}
.case-study-inner-slider {
    margin: 45px 0 0 0;
    color: #404041;
}


/*****

*****/

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 1010px;
    height: 165px;
}

.jcarousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
    width: 360px;
}
.jcarousel li q{
    float: left;
    width: 360px;
}



/****/
.csis-breadcrumb {
    background-color: green;
    height: 30px;
    margin-left: 98px;
    width: 100px;
}



.logo-padding {
    height: 210px;
}

.logo-padding a {
    font-size: 15px;
}

/* Generic Slider */

.generic-slider {
    height: 368px !important;
    position: relative;
    margin: 0 0 0 0;
    overflow: auto;
    padding-bottom: 31px;
}

.generic-slider li {
    height: 372px;
    list-style: none !important;
    overflow: hidden;
}

.generic-slider li a {
    float: right;
}

.generic-slider ul li {
    float: left;
    height: 300px;
    width: 298px
}

.case-studies .text-column .generic-slider ul {
    margin: 0;
}

.case-studies .text-column .dots {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    right: 0;
    bottom: 0;
    text-align: center;
    width: 200px;
}

.case-studies .text-column .dots li {
    background-color: #D1D3D4;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    text-indent: -999em;
    border-radius: 6px;
    cursor: pointer;
    opacity: .4;
    float: none;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

.case-studies .text-column .dots li.active {
    background: #535353;
    opacity: 1;
}

.under-dots {
    text-align: center;
    margin: 15px 0 0 0;
}

/* -------------------------
	Testimonial Slider
--------------------------*/

.testimonial-slider {
    position: relative;
    margin: 0 0 0 0;
    overflow: auto;
}

.testimonial-slider li {
    list-style: none;
    position: relative;
}

.testimonial-slider ul li {
    float: left;
    height: 300px;
    width: 1220px
}

.testimonial-arrow {
    background: url(images/testimonial-arrow.png);
    background-size: 40px auto;
    height: 19px;
    margin-top: -29px;
    position: absolute;
    text-indent: -9999em;
    top: 50%;
    width: 20px;
}

.testimonial-arrow.prev {
    left: 280px;
}

.testimonial-arrow.next {
    background-position: 20px 0;
    right: 280px;
}

.testimonial-container {
    margin: 70px 0 0 321px;
    text-align: center;
    width: 572px;
}

.testimonial-from {
    margin: 30px 0 3px 0;
}

.testimonial-comp {
    margin: 0;
}

.testimonial-link {
    cursor: pointer;
}

/* --------------------------
	Footer Styling
---------------------------*/

footer {
    background-color: #535354;
    color: #fff;
    overflow: auto;
    padding: 0 100px;
    /*height: 430px;*/
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #ddd;
}

.footer-twitter {
    background: url(images/social.png);
    display: block;
    height: 40px;
    float: left;
    width: 40px;
}

.footer-in {
    background: url(images/social.png);
    background-position: -55px 0;
    display: block;
    height: 40px;
    margin-left: 15px;
    float: left;
    width: 40px;
}

.footer-twitter:hover, .footer-in:hover {
    opacity: 0.8;
}

.footer-copyright {
    display: block;
    float: none;
    font-family: "HelveticaNeue-Std", "Helvetica Neue Std", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 10px;
    font-weight: 300;
    margin-top: 15px;
}

/* mobile fixes */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Styles */
    .circle-parallax {
        top: -50px !important;
    }

    .circle-parallax2 {
        top: -119px !important;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
    .circle-parallax {
        top: -50px !important;
    }

    .circle-parallax2 {
        top: -119px !important;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@mediaonly screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


.map-holder {
    width: 100%;
    margin: 32px 0 64px;
}