/*Pink/Orange #f05f40 */

body,html{width:100%;height:100%;}
body.terms{font-size: .8rem;}
body.terms h3{ 
    margin-bottom: 5px;
   font-size: 1rem;
    }
}
body{font-family:Merriweather,'Helvetica Neue',Arial,sans-serif}
.hide {
    display: none !important;
}
hr{max-width:50px;border-width:3px;border-color:#f05f40; text-align:center}
hr.light{border-color:#fff}
a{color:#f05f40;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
a:hover{color:#f05f40}
h1,h2,h3,h4,h5{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif; margin-bottom:25px}
h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif; margin-bottom:5px}
.bg-primary{background-color:#f05f40!important}
.bg-dark{background-color:#212529!important}
.text-faded{color:rgba(255,255,255,.7)}
section{padding:3rem 0}
.section-heading{margin-top:0}
::-moz-selection{color:#fff;background:#212529;text-shadow:none}::selection{color:#fff;background:#212529;text-shadow:none}
img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}

#mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#f05f40 ;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}

#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}

#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}

#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#212529}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#f05f40!important;background-color:transparent}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}

/*	Explain concertina */

.panel-body h5 {
	margin-bottom: 10px	
}
.grey{
	background-color: #dcdcdc;
}

.panel-body .well {
	padding: 15px;
	margin-bottom:20px;
	background:#eee	
}

span.yellow{
	padding: 1px;
	background-color:#FF6
	
}


span.blue{
	padding: 1px 2px;
	background-color:#6486D0;
	color: #fff;
	
}

span.red{
	padding: 1px 2px;
	background-color:#c30000;
	color: #fff;
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

span.black{
	padding: 1px 2px;
	background-color:#000;
	color: #fff;
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.h3, h3 {
    font-size: 1.5rem;
}

/*	Google ad height */
.infeed{
	height: 180px
	
	}

.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:#fff;border:1px solid #fff;border-radius:.25rem}

/*	Makes 1 fifth cols */

/*
 * Row with equal height columns
 * --------------------------------------------------
 */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding: 6px;
	background-color:#eee;
	border-left: 15px solid #FFF;
	margin-bottom: 15px
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

h5 {
 font-size: 1.2rem; 
 color: #000;
 border-bottom:1px solid #CCC;
 padding-bottom:5px;
 margin-bottom: 10px
}

h5 strong {
  font-weight: 400  
}

h5 span {
 font-size: 1rem; 
 color: #333;  
}

.col-xs-5ths.small {
	font-size: 90%;
	
   
}

.col-md-5ths {
    width: 100%;
    float: left;
}

@media (min-width: 768px) {
    .col-md-5ths {
        width: 100%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

/*	End 1 fifths*/	


.bgimage {
  width:100%;
  height:350px;
  background: url('../img/products.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
}

.bgimage.holiday {
  background: url('../img/holiday.jpg');

}

.bgimage.business {
  background: url('../img/business.jpg');

}

.bgimage.decision {
  background: url('../img/decision.jpg');

}

.bgimage.investment {
  background: url('../img/investment.jpg');

}

.bgimage.vote{
  background: url('../img/vote.jpg');

}

.bgimage.work{
  background: url('../img/work.jpg');

}
.bgimage.contact{
  background: url('../img/contact.jpg');

}

section.bgimage{padding:10rem 0 2rem 0}

.bgimage h1{
	color: #FFF;
	text-shadow:2px 2px #333;
	text-transform: uppercase
}
.bgimage h5 {
  color:white;
  text-shadow:2px 2px #333;
}

@media (min-width:992px){
#mainNav{border-color:transparent;background-color:#333366;/*rgba(255,255,255,.7)*/}
/*#mainNav .navbar-brand{color:rgba(255,255,255,.7)}*/
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#f05f40;}
#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}
#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:#fff}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#f05f40 }
#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff}
#mainNav.navbar-shrink .navbar-brand{color: #fff}
#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#f05f40}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#f05f40}
}

header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/header.jpg);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header.masthead hr{margin-top:30px;margin-bottom:30px}header.masthead h1{font-size:2rem}header.masthead p{font-weight:300}

@media (min-width:768px){header.masthead p{font-size:1.15rem}}

@media (min-width:992px){header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}header.masthead h1{font-size:3rem}}

@media (min-width:1200px){header.masthead h1{font-size:4rem}}

.service-box{max-width:400px}
.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}
.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(240,95,64,.9);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
.portfolio-box:hover .portfolio-box-caption{opacity:1}
.portfolio-box:focus{outline:0}

@media (min-width:768px){
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}
}

.text-primary{color:#f05f40!important}.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.btn-xl{padding:1rem 2rem}.btn-primary{background-color:#f05f40;border-color:#f05f40}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#ee4b28!important}.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important}


@media (max-width:768px) {
	section.bgimage {
    padding: 7rem 0 1rem 0;
}
.portfolio-box .portfolio-box-caption{opacity:0.9;}

}