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

@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

    body {
        padding-top: 200px;
		background-color: #FFFFFF;
        /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    }
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

*a {
text-decoration: none;
}

a:focus, a:hover {
text-decoration: none;
color:#2ea8e1;
}

p {
font-size: 16pt;
color: #727171;
}

.navbar-brand {
margin-top: 20px;
}

.services h2 {
color: #727171;
}

h3 {
color: #727171;
}

.three-in-a-row p {
font-size: 10pt;
line-height: 18pt;
color: #000000;
}

.caption {
font-size: 10pt;
line-height: 14pt;
font-weight: bold;
margin-top: 10px;
text-align: center;
}

.navbar-inverse {
background-color: #FFFFFF;
border-bottom: 1px solid black;
padding-bottom: 10px;
height: 200px;
}


 .no-gutter {
padding: 0px;
}

.go-back {
background-image:url('../images/ribbon-blue-small-back.jpg'); background-repeat:no-repeat; background-position:center; background-size: contain; height: 100px;
color: #ffffff; padding: 40px 0px; text-align: center; font-weight: bold;
}

.previous-project {
background-image:url('../images/ribbon-blue-small-middle.jpg'); background-repeat:no-repeat; background-position:center; background-size: contain; height: 100px;
color: #ffffff; padding: 40px 0px; text-align: center; font-weight: bold;
}

.next-project {
background-image:url('../images/ribbon-blue-small-next.jpg'); background-repeat:no-repeat; background-position:center; background-size: contain; height: 100px;
color: #5ffffff; padding: 40px 0px; text-align: center; font-weight: bold;
}

.services-brand-design-ribbon-bg {
background-image:url('../images/ribbon-blue.jpg'); background-repeat:no-repeat; background-position:center; background-size: contain; height: 100px;
padding: 14px 0px; text-align: center; font-weight: bold; margin-top: 60px; margin-bottom: 100px;
}

.services-brand-design-ribbon-bg h2, .services-print-ribbon-bg h2, .services-manufacture-ribbon-bg h2, .services-digital-ribbon-bg h2 {
color: #ffffff;  font-size: 22pt; font-weight: bold;
}

.services-print-ribbon-bg {
background-image:url('../images/ribbon-green.jpg'); background-repeat:no-repeat; background-position:center; background-size: contain; height: 100px;
padding: 14px 0px; text-align: center; font-weight: bold; margin-top: 100px; margin-bottom: 100px;
}

.services-manufacture-ribbon-bg {
background-image:url('../images/ribbon-orange.jpg'); background-repeat:no-repeat; background-position:center; background-size: contain; height: 100px;
padding: 14px 0px; text-align: center; font-weight: bold; margin-top: 100px; margin-bottom: 100px;
}

.services-digital-ribbon-bg {
background-image:url('../images/ribbon-purple.jpg'); background-repeat:no-repeat; background-position:center; background-size: contain; height: 100px;
padding: 14px 0px; text-align: center; font-weight: bold; margin-top: 100px; margin-bottom: 100px;
}


.line-60 {
width: 60%;
}


 .margin-bottom-20 {
 margin-bottom: 20px;
 }


.home-page-portfolio .col-md-4 {
padding: 6px;

}

.client-logos {
padding: 30px 0px;
}
.client-logos .col-md-2 {
padding: 2px;
margin-bottom: 30px;
}

.services .col-md-6 {
text-align: center;
margin-top: 40px;
}

.services .col-md-6 p {
padding: 5px 50px;
font-size: 14pt;

}
.services h2 {
padding: 0 40px;
font-size: 18pt;
}

.intro {
text-align: center;
font-size: 16pt;
line-height: 22pt;

}

.what-we-do {
padding: 40px;
}

.black-page-intro {
padding: 50px;
color: #ffffff;
text-align: center;
}

.black-page-intro p {
color: #ffffff;
line-height: 22pt;
}

.navbar-collapse {
float: right;
}

.navbar-inverse .navbar-nav>li>a {
    color: #5a5859;
	font-weight: bold;
}

.navbar-inverse .navbar-nav>li>a:hover{color:#2ea8e1;background-color:transparent}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#2ea8e1;background-color:#080808}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#2ea8e1;background-color:transparent}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#2ea8e1;background-color:#080808}




.three-in-a-row {
  text-align: center;
  padding: 30px 0;

}

.three-in-a-row .col-md-3 {
  float: none;
  display: inline-block;
  text-align: left; 
  vertical-align: top;

}

.nav-menu-bottom {

padding-bottom: 30px;

}


.go-back a, .previous-project a, .next-project a {
color: #ffffff;
}

.go-back a:hover, .previous-project a:hover, .next-project a:hover {
color: #000000;;
}

.portfolio-title {
margin: 30px 0;
}

.three-in-a-row .col-md-3 h3{
color: #000000;
}

.highlight-blue {
color: #2ea8e1;
}

.preview .col-md-4 {
padding: 30px;
}

.navbar-nav {
margin-right: 100px;
font-size: 14pt;
margin-top: 80px;

}

.services-menu ul
{
margin: 0;
padding: 20px 0px 0px 0px;
list-style-type: none;
text-align: center;
}

.services-menu ul li { 
padding: 5px; 
margin-top: 20px; 
text-align: center;
border: 1px solid #666666; 
color: #666666;
background-color: #ffffff;
margin-right: 10px;
font-size: 12pt;
display: inline;
}

.services-menu ul li a { 
color: #666666;
}

.services-menu ul li a:hover { 
color: #23aae2;
}



.footer {
	color: #FFFFFF;
	padding: 20px 0;
    position:relative;
}

.footer a {
	color: #FFFFFF;
}

.footer a:hover {
	
color: #23aae2;	

}

.map {
	width: 100%; 
	height: 350px;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}

.map-box {
	height: 250px;
}

.map-box-space {
	margin-top: 15px;
}

.map-box-space1 {
	margin-top: 7px;
}

.portfolio-padding-right-5px {
padding: 0 5px 0 0;
}

.portfolio-padding-left-5px {
padding: 0 0 0 5px;
}

.portfolio-padding-right-left-5px {
padding: 0 5px;
}

.underline-blue {
border-bottom: 3px solid #29a7e1;
padding-bottom: 8px;
line-height: 200%;
}

.underline-green {
border-bottom: 3px solid #8ec31f;
padding-bottom: 8px;
line-height: 200%;
}

.underline-orange {
border-bottom: 3px solid #f26520;
padding-bottom: 8px;
line-height: 200%;
}

.underline-purple {
border-bottom: 3px solid #6f5f7a;
padding-bottom: 8px;
line-height: 200%;
}

.anchor{
   display:block;
   height:300px; /* this is the height of your header */
   margin-top:-150px; /* this is again negative value of the height of your header */
   visibility:hidden;
}

.disclaimer {
	text-align: right;	
	
}

.contact-page-text, .contact-page-text h3, .footer h3 {
	color: #ffffff;
}

.btn-primary {
	
	background-color: #23aae2;
}


@media screen and (max-width:992px)
{
.navbar-nav {
margin-right: 0px;
font-size: 10pt;
margin-top: 40px;
}

.disclaimer {
	text-align: center;	
	
}


}



@media screen and (max-width:767px)
{

.services-link {
padding: 0px; 
margin-top: 0px; 
text-align: center;
}
.navbar-brand {
margin-top: 0px;
}

.preview .col-md-4 {
padding: 0px;
margin-left: -15px;
}

.navbar-nav {
margin-right: 0px;
font-size: 10pt;
margin-top: 0px;
}

.navbar-collapse {
    float: left;
    width: 110%;
    background-color: #fff;
    text-align: center;
    margin-top: 120px;
}

.dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #000;
    background-color: transparent;
}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #fff;
}

.navbar-inverse .navbar-toggle {
    background-color: #333;
}

.portfolio-padding-right-5px {
padding: 0 0px 0 0;
}

.portfolio-padding-left-5px {
padding: 0 0 0 0px;
}

.portfolio-padding-right-left-5px {
padding: 0 0px;
}

.services-menu ul li { 
display: block;
}

.services-brand-design-ribbon-bg, .services-print-ribbon-bg, .services-manufacture-ribbon-bg, .services-digital-ribbon-bg {
background-image:none;
}

.services-brand-design-ribbon-bg {
background-color: #29a7e1;  padding-top: 5px;
}

.services-print-ribbon-bg {
background-color: #8ec31f;
}

.services-manufacture-ribbon-bg {
background-color: #f26520;
}

.services-digital-ribbon-bg {
background-color: #6f5f7a;
}

}