@charset "UTF-8";

/* CSS Document */

body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	font-family: "proxima-nova", sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	background-color: #fff;
	text-rendering: geometricPrecision;
	-moz-osx-font-smoothing: grayscale;
}

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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-plus:before {
    content: "\e901";
}
.icon-close:before {
    content: "\e902";
}
.icon-menu:before {
    content: "\e900";
}

/****************** Global Layout ******************/


/*Primary*/

#page-wrap {
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	width: 100%;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
}

.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
}

.primary.container-fluid {
	margin-bottom: 0px;
}

/*BS Destroy*/

.row {
	margin-left: -0px;
	margin-right: -0px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-left: 0px;
	padding-right: 0px;
}

/*Menu*/



/*Hero*/

.hero.container-fluid {
	max-width: 100%;
	margin-bottom: 20px;
}

.hero-img {
	background: white;
	max-height: 100vh;
	overflow: hidden;
	position: relative;
}

.hero-img img {
	width: 100%;
	height: auto;
}

.hero-btn-1 {
    position: absolute;
    top: 45%;
    left: 68%;
}

.hero-btn-2 {
	position: absolute;
top: 55%;
left: 50%;
}

.hero-btn-3 {
	position: absolute;
	top: 22%;
	left: 49%;
}

.hero-btn-4 {
	position: absolute;
	top: 24%;
	left: 26%;
}

/*Formatting*/


.pad-sm {
	padding-top: 6vh;
	padding-bottom: 6vh;
}

.pad-hg {
	padding-top: 10vh;
	padding-bottom: 10vh;
}

.mar-hg {
	margin-bottom: 10vh !important;
}

.mar-md {
	margin-bottom: 50px;
}

.v-inner {
	transition: background-color 0.5s ease 0s;
	background-color: transparent;
	display: table;
	height: 100%;
	margin: 0 auto;
	width: 50%;
}

.v-align {
	display: table-cell;
	margin: 0px auto;
	vertical-align: middle;
}

.centered_x {
	float: left;
	position: absolute;
	left: 50%;
}

.hero-text {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.hero-paragraph {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10vh;
}

.hero-paragraph p {
	font-size: 20px;
	line-height: 1.5em;
}

/****************** typography ******************/

.h1, .h2, .h3, h1, h2, h3 {
	margin-top: 0;
	margin-bottom: 0;
}

a, a:focus, a:hover, a:active {
	outline: none;
	border: none;
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: color .3s ease-in;
	transition: color .3s ease-in;
}

a {
	color: #000;
}

h1 {
	font-size: 30px;
	margin: 0px;
	font-weight: 900;
	letter-spacing: -1px;
	text-align: center;
}

h2#style {
	margin-bottom: 25px;
}



h2 {
	font-size: 20px;
	margin: 0px;
	font-weight: 100;
	letter-spacing: 1;
}

h3 {
	font-weight: 100;
	color: #666;
	font-size: 40px;
	text-align: center;
}

p {
	font-size: 16px;
	font-weight: 300;
	color: #666;
	margin: 20px 0 0 0;
}

p#color {
	margin: 10px 0 5px 0 !important;
}

img {
	width: 100%;
	height: auto;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center !important;
}

/*Colors*/

.orange-sm {
	background: #FBB03B
}

.orange-md {
	background: #d64143
}

.orange-lg {
	background: #684E45;
}

.white {
	background: #fff !important;
}

.grey {
	background: #F8F8F8;
}

.grey-drk {
	background: #384951;
}

.barn-red {
	background: #d64143;
}

/****************** Tiles & Special Lists ******************/

/* Tile Hover Effects */

figure {
	width: 100%;
	height: 500px;
	overflow: hidden;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	cursor: pointer;
}

.fig-img {
	background-size: cover;
	height: 65%;
	padding: 0;
	margin: 0;
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 300ms;
	transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.fig-img.siding.one {
	background-image: url("../assets/siding/benefit-01.jpg");
}

.fig-img.siding.two {
	background-image: url("../assets/siding/benefit-02.jpg");
}

.fig-img.siding.three {
	background-image: url("../assets/siding/benefit-03.jpg");
}

.fig-img.window.one {
	background-image: url("../assets/windows/benefit-01.jpg");
}

.fig-img.window.two {
	background-image: url("../assets/windows/benefit-02.jpg");
}

.fig-img.window.three {
	background-image: url("../assets/windows/benefit-03.jpg");
}

.fig-img.roofing.one {
	background-image: url("../assets/roofing/benefit-01.jpg");
}

.fig-img.roofing.two {
	background-image: url("../assets/roofing/benefit-02.jpg");
}

.fig-img.roofing.three {
	background-image: url("../assets/roofing/benefit-03.jpg");
}

.fig-img.addition {
	background-image: url("../assets/additions/addition.jpg");
}

.fig-img.decking {
	background-image: url("../assets/additions/decking.jpg");
}

.fig-img.kitchen {
	background-image: url("../assets/additions/kitchen.jpg");
}

.fig-img.bathroom {
	background-image: url("../assets/additions/bathroom.jpg");
}

.rig.lg li:hover .fig-img {
	-ms-transform: translateY(-8%);
	-webkit-transform: translateY(-8%);
	transform: translateY(-8%);
}

figcaption {
	width: 100%;
	height: 35%;
	background: #fff;
	padding: 0px;
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 250ms;
	transition: all 250ms;
	-moz-transition: all 250ms;
	-o-transition: all 250ms;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.rig.lg li:hover figcaption {
	-ms-transform: translateY(-35%);
	-webkit-transform: translateY(-35%);
	transform: translateY(-50%);
}

figcaption .title {
	height: 50px;
	width: 90%;
	position: absolute;
	top: -50px;
}

figcaption .copy {
	position: absolute;
	background: #ffffff;
	width: 100%;
	padding: 30px;
}

.copy.top {
	top: 0px;
	height: 100%;
	background: #fff;
}

.copy.btm {
	top: 100%;
	height: 50%;
	background: #fff;
}

.copy.btm p {
	font-weight: 700;
	font-style: italic;
}

.copy.btm p i {
	position: absolute;
	right: 30px;
	font-size: 20px;
}

ul.rig.lg li h3 {
	text-align: right;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0px;
	color: #ffffff;
	padding: 15px 10px;
}

ul.rig.lg li p {
	text-align: left;
	line-height: 1.5em;
	font-size: 15px;
	max-width: 100%;
	margin: 0px;
}

/* Grids */
ul.grid-nav {
	list-style: none;
	font-size: 12px;
	font-weight: 200;
	text-align: center;
}

ul.grid-nav li {
	display: inline-block;
}

ul.grid-nav li a {
	display: inline-block;
	background: #999;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

ul.grid-nav li a:hover {
	background: #7b0;
}

ul.grid-nav li a.active {
	background: #333;
}

.grid-container {
	display: block;
	max-width: 75%;
	margin: 0 auto;
}

.grid-container.lg {
	max-width: 100%;
}

.grid-container.lg img {
	max-width: 100%;
}

/* ----- Image grids ----- */

ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: 0%; /* should match li left margin */
	padding: 0;
}

ul.rig li {
	display: inline-block;
	padding: 10px;
	margin: 0 0 0 .5%;
	background: transparent;
	font-size: 1rem;
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

ul.rig.lg li img {
	max-width: 100%;
	margin-bottom: 0;
}

ul.rig li img {
	max-width: 50%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

ul.rig.columns-4 li img {
	max-width: 50%;
}

ul.rig.columns-3.benefits li img {
	max-width: 100%;
}

ul.rig li h3 {
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0px;
}

ul.rig li p {
	text-align: left;
	line-height: 1.5em;
	font-size: 16px;
	max-width: 100%;
	margin: 15px auto 0px;
}

/* class for 1 columns */
ul.rig.columns-1 li {
	width: 97.5%; /* this value + 2.5 should = 100% */
}

ul.rig.columns-2 li {
	width: 47.5%; /* this value + 2.5 should = 50% */
}

/* class for 3 columns */
ul.rig.columns-3 li {
	width: 30.83%; /* this value + 2.5 should = 33% */
}

/* class for 4 columns */
ul.rig.columns-4 li {
	width: 22.5%; /* this value + 2.5 should = 25% */
}

/* class for 5 columns */
ul.rig.columns-5 li {
	width: 19.5%; /* this value + .5 should = 20% */
}


.bucket {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

.bucket li {
	float: left;
	width: 25.333%;
	height: auto;
	position: relative;
	margin: 0px 4%;
}

.bucket.stacked li {
	float: none;
	margin: 65px 0;
}

.bucket img {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	display: inherit;
}

.bucket h1 {
	text-align: center;
	margin-top: 50px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0;
}

.bucket p {
	text-align: center;
	margin-top: 5px;
	font-weight: 300;
}

.bucket.windows {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 60%
}

.bucket.windows li {
	width: 15%;
	margin: 0px 2.5%;
}

.bucket.windows img {
	width: 50%;
}

.bucket.windows img.odd {
	width: 100%;
}

.bucket.windows h1 {
	margin-top: 15px;
	font-size: 13px;
	font-weight: 300;
	color: #666;
}

.bucket.form {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
}

.bucket.form li {
	width: 45%;
	margin: 20px 2.5%;
}

.bucket.menu li {
	width: 15%;
	margin: 0px 5%;
}

.menu i {
	font-size: 90px;
	color: #D64143;
	text-align: center;
	display: block;
}

.type-icon {
	list-style: outside none none;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	position: relative;
}

.type-icon li {
	max-width: 13%;
	float: left;
	margin: 0px 20px;
}

/****************** Interactive Swatches ******************/

.product-overlay {
	margin: 0;
	border-radius: 0;
	width: 100%;
	height: 50vh;
	background-repeat: no-repeat, repeat;
	background-attachment: absolute;
	background-position: center center, 0% 0%;
	background-clip: border-box, border-box;
	background-origin: padding-box, padding-box;
	background-size: cover;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
}

.hardie-siding {
	background-image:url(../assets/siding/hardie-shingles-hg.png), none;
	background-color: #742a29;
}

.gaf-roofing {
	background: url("http://pocketelephant.net/clients/ca/assets/roofing/royal-autumn.jpg"), none;
	background-color: transparent;
}

.anderson-windows {
	background-image: url("http://pocketelephant.net/clients/ca/assets/windows/test-hero-01.jpg"), none;
	background-color: #742a29;
}

.swatch-wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

.swatch-wrap li {
	float: left;
	height: 50px;
	width: 50px;
	border-radius: 0px;
	margin: 1px;
	cursor: pointer;
}

/* mobile queries*/
@media (max-width:320px) {

.swatch-wrap li {
	height: 20px;
	width: 20px;
}
}

/*James Hardie*/

.color-1 {
	background: #742a29;
}

.color-2 {
	background: #2c3b34;
}

.color-3 {
	background: #3c3c3a;
}

.color-4 {
	background: #afaf82;
}

.color-5 {
	background: #786d5a;
}

.color-6 {
	background: #b39f80;
}

.color-7 {
	background: #ccceca;
}

.color-8 {
	background: #efdc8c;
}

.color-9 {
	background: #724d29;
}

.color-10 {
	background: #6e7254;
}

.color-11 {
	background: #53656c;
}

.color-12 {
	background: #cfc99d;
}

.color-13 {
	background: #a19982;
}

.color-14 {
	background: #cdb98c;
}

.color-15 {
	background: #ced1c3;
}

.color-16 {
	background: #f8eda3;
}

.color-17 {
	background: #ad8b48;
}

.color-18 {
	background: #968768;
}

.color-19 {
	background: #7e8c8f;
}

.color-20 {
	background: #f2ebc4;
}

.color-21 {
	background: #dad6c4;
}

.color-22 {
	background: #e4ddbb;
}

.color-23 {
	background: #eff0ed;
}

/*GAF*/

.royal-color-1 {
	background: #91593e;
}

.royal-color-2 {
	background: #d4b073;
}

.royal-color-3 {
	background: #97998e;
}

.royal-color-4 {
	background: #41494b;
}

.royal-color-5 {
	background: #212528;
}

.royal-color-6 {
	background: #6f746d;
}

.royal-color-7 {
	background: #dbeae5;
}

.royal-color-8 {
	background: #f7fffd;
}

/****************** Effects ******************/

/* Hero Hotspots */

.cbutton {
	position: relative;
	display: inline-block;
	margin: 1em;
	padding: 0;
	border: none;
	background: none;
	color: #286aab;
	font-size: 1.4em;
	overflow: visible;
	-webkit-transition: color 0.7s;
	transition: color 0.7s;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cbutton.cbutton--click, .cbutton:focus {
	outline: none;
	color: #d64143;
}

.cbutton::after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	content: '';
	opacity: 0;
	pointer-events: none;
}

.cbutton--effect-novak::after {
	background: rgba(255,255,255,0.2);
}

.cbutton--effect-novak.cbutton--click::after {
	-webkit-animation: anim-effect-novak 2s infinite;
	animation: anim-effect-novak 2s infinite;
}
 @-webkit-keyframes anim-effect-novak {
 0% {
 opacity: 1;
 -webkit-transform: scale3d(0.1, 0.1, 1);
 transform: scale3d(0.1, 0.1, 1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(5, 5, 1);
 transform: scale3d(5, 5, 1);
}
}
 @keyframes anim-effect-novak {
 0% {
 opacity: 1;
 -webkit-transform: scale3d(0.1, 0.1, 1);
 transform: scale3d(0.1, 0.1, 1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale3d(5, 5, 1);
 transform: scale3d(5, 5, 1);
}
}

/* Overlay stle */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #D74244;
	z-index: 100;
	overflow-y: scroll;
}

.overlay-inner {
	width: 100%;
	max-width: 100%;
	margin: 0px auto;
	padding: 10vw;
}



.overlay-inner h1 {
	font-size:45px;
	text-align:center;
	color:#fff;
}

.overlay-inner p {
font-size:25px;
color:#fff;
text-align:center;
}

.overlay-inner .btn-center {
font-size: 17px;
max-width: 175px;
background: #333;
}

.overlay-inner .btn-center:hover {
background: #444;
}


/* Overlay closing cross */
.overlay .overlay-close {
    position: absolute;
    right: 40px;
    top: 40px;
    margin: 0;
    background: #333;
    border: none;
    border-radius: 50px;
    width: 65px;
    height: 65px;
}
.overlay .overlay-close:hover {
	background: #444;
}

/* Effects */
.overlay-simplegenie {
	visibility: hidden;
	-webkit-transform: translateY(60%) scale(0);
	transform: translateY(0%) scale(0);
	-webkit-transition: -webkit-transform 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, visibility 0s 0.2s;
}

.overlay-simplegenie.open {
	visibility: visible;
	-webkit-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

/* Waypoints */

.stuck {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 102;
}

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6, .wp7, .wp8, .wp9, .wp10, .wp11, .wp12 {
	visibility: hidden;
}

.bounceInLeft, .fadeIn, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUp, .fadeInLeft, .fadeInRight {
	visibility: visible;
}

.delay-05s {
	animation-delay: 0.25s;
	-webkit-animation-delay: 0.25s;
}

.delay-1s {
	animation-delay: 0.35s;
	-webkit-animation-delay: 0.35s;
}

.delay-2s {
	animation-delay: 0.45s;
	-webkit-animation-delay: 0.45s;
}

/****************** Buttons ******************/


/* BS Basic */

.btn {
	display: inline-block;
	padding: 7px 20px;
	margin: 50px 0px 0px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.42857;
	text-align: center;
	border: none;
	outline: none;
	border-radius: 50px;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


.btn-primary {
	color: #fff;
	background-color: #d64143;
}

.btn-primary:focus {
	color: #fff;
	background-color: #333333;
	border: 0;
	outline: none;
}

.btn-primary:hover {
	color: #fff;
	background-color: #333333;
}

.btn-hg {
	width: 100%;
	max-width: 100% !important;
	border-radius: 0px;
	padding: 50px 0px;
	font-size: 25px;
	background-color: #333333;
	margin: 0;
}

.btn-hg:hover {
	background-color: #d64143;
}

.btn-product {
	border-radius: 0;
	padding: 20px;
	margin: 0 0px;
	float: left;
}

.btn-img {
	margin: 40px auto 0px;
	display: block;
	max-width: 200px;
}

/* Special */

.btn-alone {
	margin: 0px;
	background: #d64143;
	border-radius: 0;
	color: white;
	font-size: 16px;
	padding: 20px;
	font-weight: 700;
	float: right;
}

.btn-alone:hover {
	color: white;
	background: #d64143;
}

.btn-center {
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	max-width: 200px;
}

.btn-product-wrap {
	position: absolute;
	top: 100px;
	right: 50px;
	z-index: 3;
}

.btn-product-wrap .left {
	position: absolute;
	float: left;
	display: block;
	width: 200px;
}

.btn-product-wrap .right {
	margin: 0px 20px;
	float: left;
	display: block;
	position: absolute;
	width: 100px;
	left: 100px;
}

/* BS Popover */

.btn-popover {
	background: transparent;
	border: none;
	color: #d64143;
	font-size: 20px;
	padding: 0;
	margin: 0;
}

.btn-popover:hover {
	color: #F7561E;
}

.popover {
	max-width: 300px;
	width: 300px;
	padding: 1px;
	font-family: "proxima-nova", sans-serif;
	background-color: #D64143;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	padding: 25px;
}

.popover-title {
	padding: 0px;
	margin: 0px 0 10px 0;
	font-size: 25px;
	background-color: transparent;
	border-bottom: medium none;
	border-radius: 0px;
	font-weight: 900;
	color: #fff;
	text-align: left;
}

.popover-content {
	padding: 0px;
	color: #FFF;
	font-size: 16px;
}

.popover.top > .arrow::after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #D64143;
	border-bottom-width: 0px;
}

/****************** Owl Slideshow ******************/


/* Owl Primary */


.owl-carousel h2 {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* display none until init */
.owl-carousel {
	/*display: none;*//* ELI hack - had to change so waypoint don't load*/
	display: block;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
	/*display: none;*//* ELI hack - had to change so waypoint does not load*/
	display: block;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
	cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

/* Theme Control */

.owl-theme .owl-controls {
	margin-top: 0px;
	text-align: center;
	position: absolute;
	bottom: -40px;
	/*left: 50%;*/
}

.owl-carousel .item {
	background: #333;
	padding: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

.owl-ca .owl-item.active > div {
	background: red;
	opacity: .1
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
 *display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
	display: block;
	zoom: 1;
 *display: inline;/*IE7 life-saver */
	float: left;
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 11px;
	height: 11px;
	margin: 5px 2px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #cbcbcb;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background: #d64143;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/* Owl Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}

/* fade */
.owl-fade-out {
	z-index: 10;
	-webkit-animation: fadeOut .7s both ease;
	-moz-animation: fadeOut .7s both ease;
	animation: fadeOut .7s both ease;
}

.owl-fade-in {
	-webkit-animation: fadeIn .7s both ease;
	-moz-animation: fadeIn .7s both ease;
	animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
	-webkit-animation: backSlideOut 1s both ease;
	-moz-animation: backSlideOut 1s both ease;
	animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
	-webkit-animation: backSlideIn 1s both ease;
	-moz-animation: backSlideIn 1s both ease;
	animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
	-webkit-animation: scaleToFade .7s cubic-bezier(0.645, 0.045, 0.355, 1) both;
	-moz-animation: scaleToFade .7s cubic-bezier(0.645, 0.045, 0.355, 1) both;
	animation: scaleToFade .7s cubic-bezier(0.645, 0.045, 0.355, 1) both;
}

.owl-goDown-in {
	-webkit-animation: goDown .6s cubic-bezier(0.645, 0.045, 0.355, 1) both;
	-moz-animation: goDown .6s cubic-bezier(0.645, 0.045, 0.355, 1) both;
	animation: goDown .6s cubic-bezier(0.645, 0.045, 0.355, 1) both;
}

/* scaleUp */
.owl-fadeUp-in {
	-webkit-animation: scaleUpFrom .5s ease both;
	-moz-animation: scaleUpFrom .5s ease both;
	animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
	-webkit-animation: scaleUpTo .5s ease both;
	-moz-animation: scaleUpTo .5s ease both;
	animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
 0% {
opacity: 1
}
}
@-moz-keyframes empty {
 0% {
opacity: 1
}
}
@keyframes empty {
 0% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@keyframes fadeIn {
 0% {
opacity:0;
}
 100% {
opacity:1;
}
}
@-webkit-keyframes fadeOut {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-moz-keyframes fadeOut {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@keyframes fadeOut {
 0% {
opacity:1;
}
 100% {
opacity:0;
}
}
@-webkit-keyframes backSlideOut {
 25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
 25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
 25% {
opacity: .5;
transform: translateZ(-500px);
}
 75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
 100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
 0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
 0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
 100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
 0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
 75% {
opacity: .5;
transform: translateZ(-500px);
}
 100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
 to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@-moz-keyframes scaleToFade {
 to {
opacity: 0;
-moz-transform: scale(.8);
}
}
@keyframes scaleToFade {
 to {
opacity: 0;
transform: scale(.8);
}
}
@-webkit-keyframes goDown {
 from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown {
 from {
-moz-transform: translateY(-100%);
}
}
@keyframes goDown {
 from {
transform: translateY(-100%);
}
}
 @-webkit-keyframes scaleUpFrom {
 from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
 from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
 from {
opacity: 0;
transform: scale(1.5);
}
}
 @-webkit-keyframes scaleUpTo {
 to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
 to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
 to {
opacity: 0;
transform: scale(1.5);
}
}


footer {
	margin: 0px;
	position: relative;
	clear: both;
	z-index: -100;
	width: 100%;
	background: #28282E;
}

.pad-foot{
	padding:130px
}


.foot-title {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-weight: 900;
}
.foot-title i {
	margin-right: 10px;
	font-size: 17px;
	color: #d64143;
}
.foot-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.foot-list li {
	color: #76767B;
	margin: 5px 0;
}
.foot-list li a {
	color: #76767B;
}
.foot-list li a:hover {
	color: #fff;
}
footer #P-logo {
	display: inline-block;
	text-decoration: none;
	width: 100%;
	max-width: 200px;
}

.footer_left {
    position: relative;
    width: 50%;
    float: left;
}


.footer_right {
    position: relative;
    width: 50%;
    float: right;
}


.footer_right .address {
    position: relative;
    float: left;
    width: 50%;
}

.footer_right .directory {
    position: relative;
    float: left;
    width: 40%;
	margin-left:10%;	
}


.socials i {
	font-size:35px;
	color:#ffffff;
}

.socials i:hover {
	color:#d64143;
}
.footer_separator {
    position: relative;
    width: 15%;
    height: 1px;
    background-color: #76767B;
    margin: 30px 0;
}

.copyright {
    color: #76767B;
}

@media (max-width : 979px) {
.hero-text{width:85%}
.pad-hg{padding-top:80px;padding-bottom:80px}
.owl-theme .owl-controls .owl-page span{width:6px;height:6px}
.btn-hg{padding:20px 0;font-size:15px}
ul.rig li img {max-width: 50%;margin-bottom: 0px;}
ul.rig.columns-2 li{width:97.5%}
}

@media (max-width:768px) {
h1{font-size:30px}
h3{font-size:30px}
.hero-paragraph {width: 85%;margin-bottom: 10vh;}
.pad-hg{padding-top:80px;padding-bottom:80px}
.v-inner{width:100%;padding:0 20px}
ul.rig li img {max-width: 50%;margin-bottom: 0px;}
.bucket.form li {width:100%;margin: 5px 1%;}
ul.rig.columns-5 li {width: 47.5%;}
.footer_left{width:100%; margin-bottom:30px; font-size: 10px;}
.footer_right{width:100%; font-size: 10px;}
.foot-title {margin-bottom: 10px;}
	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
h1{font-size:19px}
h3{font-size:25px}
p{margin: 7px 0px 0px;}
.btn{font-size:10px; margin: 5px 0px 0px;}
h2#style{margin-bottom:10px}
.hero-text{width:85%}
.pad-hg{padding-top:20px;padding-bottom:20px}
.hero-paragraph p{font-size:13px}
.hero-paragraph{width:70%;margin-bottom:25px}
.owl-theme .owl-controls .owl-page span{width:6px;height:6px}
.grid-container{max-width:96%}
.btn-hg{padding:20px 0;font-size:15px}
ul.rig li img{max-width:30%;margin-bottom:0}
.fig-img {height: 50%;}
ul.rig.lg li p{font-size:13px}
figure {height: 300px;}
figcaption {height:50%}
figcaption .copy {padding:15px}
figcaption .title {height: 30px;width: 90%;position: absolute;top: -30px;}
ul.rig.lg li h3{padding: 9px 10px; font-size:13px;}
.bucket.form li {width:100%;margin: 5px 1%;}
ul.rig li {padding:0px;}
.owl-theme .owl-controls {display:none !important;}
#page-wrap {min-width:0px}
ul.grid-nav li {display: block;margin: 0 0 5px;}
ul.grid-nav li a {display: block;}
ul.rig {margin-left: 0;}
ul.rig li {width: 100% !important; /* over-ride all li styles */margin: 0 0 20px;}
.pad-foot{padding:20px}
.footer_left{width:100%; margin-bottom:30px; font-size: 10px;}
.footer_right{width:100%; font-size: 10px;}
.foot-title {margin-bottom: 10px;}
}