@import url (https://www.google.com/fonts#UsePlace:use/Collection:Raleway);
/*.container{border:1px solid #666;}*/
.navbar {min-height:80px; font-family: 'Raleway', sans-serif; font-weight: 600; font-size:16px; text-transform:uppercase;}
.one-edge-shadow {-webkit-box-shadow: 0 8px 6px -6px #333333;-moz-box-shadow: 0 8px 6px -6px #333333;box-shadow: 0 8px 6px -6px #333333;}
.navbar-brand{height:100px;max-width:100%;height: auto !important;}
.navbar-nav{float:right; margin-top:20px;}
.navbar-default{
/* Fallback (could use .jpg/.png alternatively) */
  background-color: #fff;

  /* SVG fallback for IE 9 (could be data URI, or could use filter) */
  background-image: url(fallback-gradient.svg); 

  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image:
    -webkit-gradient(linear, top, bottom, from(#EEE9E7), to(#ffffff));
  
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image:
    -webkit-linear-gradient(top, #EEE9E7, #ffffff);

  /* Firefox 3.6 - 15 */
  background-image:
    -moz-linear-gradient(top, #EEE9E7, #ffffff);

  /* Opera 11.1 - 12 */
  background-image:
    -o-linear-gradient(top, #EEE9E7, #ffffff);

  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image:
    linear-gradient(to bottom, #EEE9E7, #ffffff);
}
/*.bannerbg{ background-color:#CEDCE8;}*/
.bannerimg{margin-top:140px;}

h1{text-align:center; padding:30px; background:url(../images/h1border.png) center bottom no-repeat;font-family: 'Raleway', sans-serif; font-weight: 400; font-size:40px;}
h2{color:#C99A0C;font-family: 'Raleway', sans-serif; font-weight:400; font-size:25px; text-align:center;}
h3{padding:10px 0 0 0; margin:0; color:#666; font-size:18px; font-family:'PT Sans', sans-serif; font-weight:700;}
h4{padding:5px 0; margin:0; color:#E0AB0E; font-size:18px; font-family:'PT Sans', sans-serif; font-weight:700;}

.clear{clear:both;}
.bgOne{background-color:#eee;}
.bgTwo{background-color:#fff;}
.pad20{padding:20px 0;}
.padTop10{padding:10px 0 0 0;}
.content{font-family: 'PT Sans', sans-serif; font-size:18px; line-height:30px;}

ol.bulletedList{padding:10px 0;}
ol.bulletedList li{background:url(../images/plus.png) no-repeat 0px 14px; padding:5px 20px; list-style:none;}

ol.bulletedList1{padding:20px 0;text-align:center; margin:0 auto;}
ol.bulletedList1 li{background:url(../images/bullet.png) no-repeat 0px 10px; padding:5px 20px; list-style:none; display:inline;}

.delivery{ padding:10% 15%;margin:0 auto;font-family:raleway, sans-serif;}
.delivery h2{border-top:1px solid #fff; border-bottom:1px solid #fff; font-size:20px; text-align:center; padding:20px 0; color:#333;}
.delivery h2 span{font-size:30px;}
ol.state{padding:10px 10px 100px 10px;}
ol.state li{background:url(../images/plus.png) no-repeat 0px 10px; padding:0px 20px; list-style:none; float:left; display:inline; width:31%; margin-left:10px;color:#666;}
.deliveryCenter{font-size:20px; text-align:center;color:#333; margin:0 auto;}

.client .col-md-4{width:33%;}

ol.contactUs{padding:10px 0;}
ol.contactUs li{width:24%; height:auto; margin-left:1%; display:inline-block; float:left;}
ol.contactUs li:first-child{margin-left:0;}
.address{font-family: 'PT Sans', sans-serif; font-size:15px; line-height:23px; padding-bottom:70px;}
ol.contactUs li img{padding-right:20px;}

.footer{font-family: 'PT Sans', sans-serif; font-size:15px; /*padding:20px 0;*/border-top:1px solid #ccc;}
.copy{float:left; width:50%; padding-bottom:10px;}
.siteDesign{float:right; width:50%; text-align:right;padding-bottom:10px;}


.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;

	position: fixed;
	bottom: 40px;
	right: 10px;

	/*box-shadow: 0 0 10px rgba(#000, .05);*/

	/* image replacement properties */
	overflow: hidden; 
	text-indent: 100%;
	white-space: nowrap; background:url(../images/topArrow.png) no-repeat center 50%;
	
	/*background:rgba($link, .8)  url(../images/topArrow.png) no-repeat center 50%; */
	/*visibility: hidden;
	opacity: 0;

	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;

	&.cd-is-visible, &.cd-fade-out, .no-touch &:hover {
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-moz-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;*/
	}

	/*&.cd-is-visible {  the button becomes visible
		visibility: visible;
		opacity: 1;
	} */

	/*&.cd-fade-out {  if the user keeps scrolling down, the button is out of focus and becomes less visible 
		opacity: .9;
	}*/

	/*.no-touch &:hover {
		background-color: rgba($link, 1);
		opacity: 1;
	}

	@include MQ(M) {
		right: 20px;
		bottom: 20px;
	}

	@include MQ(L) {
		height: 60px;
		width: 60px;
		right: 30px;
		bottom: 30px;
	}*/
}

/*#topArrow{position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#999;}
.topArrow{padding:50px 0; float:right; background:#FFCCFF; position:fixed; z-index:9999;} */ 
  

@media screen and (max-width:1920px) {
.about-section{padding:80px 0 50px 0;}
.capabilities-section{padding:80px 0;}
.fourPs-section{padding:80px 0;}
.product-section{padding:80px 0;}
.clients-section{padding:80px 0;}
.contact-section{padding:50px 0;}

}

@media screen and (max-width:1024px) {
.about-section .content{margin-left:20px;}
}

@media screen and (max-width:980px) {
.navbar-nav{float:right; margin-top:20px;}
.navbar-nav > li > a{font-size:14px; padding:0 10px;}
ol.bulletedList1 li{background:url(../images/bullet.png) no-repeat 0px 8px; padding:5px 15px; list-style:none; display:inline;}
.delivery{ padding:5% 10%;}
ol.state li{font-size:15px;}
.client .col-md-4{float:left;}
ol.contactUs li{width:40%;}
.address{padding-bottom:30px;}
ol.contactUs li img{padding-right:15px;}
}

@media screen and (max-width:800px) {
.about-section .content{margin-left:20px;}
.footer{font-size:14px;}

}

@media screen and (max-width:600px) {
.content{font-size:15px; line-height:25px;}
.client .col-md-4{float:none; width:100%;}
.delivery{ padding:3%;}
.delivery h2{font-size:16px;}
.delivery h2 span{font-size:20px;}
ol.state li{font-size:13px;}
ol.contactUs li{width:45%;}
.copy{float:none; width:100%; padding-bottom:10px;}
.siteDesign{float:none; width:100%; text-align:left;padding-bottom:10px;}

}

@media screen and (max-width:480px) {
.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px;}
ol.contactUs li{width:100%;}
.address{padding-bottom:20px;}
/*.footer{font-size:15px; padding:10px;}*/
ol.state{padding:10px;}
ol.state li{/*background:url(../images/plus.png) no-repeat 0px 10px; padding:0px 20px; list-style:none;*/ float:none; display:inline-block; width:80%; margin-left:0px;}

.about-section{padding:0px 0 50px 0;}
.capabilities-section{padding:80px 0;}
.fourPs-section{padding:80px 0;}
.product-section{padding:80px 0;}
.clients-section{padding:80px 0;}
.contact-section{padding:50px 0;}
}