body { font-family:'Open Sans', sans-serif; font-size:16px; color:#7D7C79; line-height:28px; }
h1 { font-family:'Signika', sans-serif; font-size:64px; font-weight:300; }
h2 { font-family:'Open Sans', sans-serif; font-size:24px; font-weight:600;line-height: 30px; }
h3 {font-family:'Signika',sans-serif; font-size: 34px; font-weight:300; line-height: 44px; margin-top: 0px;}
h4 { line-height: 30px; font-weight:600;}
h5 { font-size: 16px; font-weight:600;line-height: 26px;}
#services h2 { font-family: 'Signika', sans-serif; }
ul { padding:0; }
a:hover { text-decoration:none; }
.al-email {    font-family: 'Open Sans', sans-serif; font-weight:bold; font-size: 12px; color:#fff;background: none;padding:0px; text-decoration: underline; border:none;}

/* color util */
.blue { color:#46bbe0; }
.dblue {color:#1b81a6;}
.orange { color:#F49B35; }
.burnt { color:#c06f2e; }
.bg-cream { background-color:#fbf9f5; }
.bg-orange { background-color:#F49B35; }
.bg-burnt { background-color:#c06f2e; color:#ffd19d; }
.bg-blue { background:#46bbe0; color:#fff; }
.bg-plus-blue { background:url(/images/blue-cross-branding-banner.png); background-position: bottom; background-size: cover; padding:50px; }
.bg-plus-cream { background:url(/wp-content/themes/aplusl/images/bg_eggshell_al_branding.png); background-position: bottom; background-size: cover; padding:50px; }
.bg-plus { background:url(/wp-content/themes/aplusl/images/bg-plusDark.gif); }
.bg-burnt-org-plus { background:url(/images/burnt-org-bg-plus.png); background-position: bottom;}
.bg-org-plus {background:url(/images/org-plus.png); }
.lgray {color:#868484;}
.dgray {color:#6b6b6c;}

#header { position:relative; min-width:320px; }
#banner { margin-bottom:40px; }
#banner .bg-img { height:610px; background-size:cover; background-position:center center; position:relative; }
#banner .bg-img.short { height:250px; overflow: hidden; }
#banner .bg-img img { transform: translate(-50%, -50%);top: 50%;left: 50%;min-width: 100%;min-height: 250px;position: absolute;}
#banner .text { position:absolute; top:50%; left:50%; width:100%; max-width:1170px; transform:translate(-50%, -50%); }
#banner .caption { font-family:'Signika', sans-serif; font-weight:300; font-size:110px; line-height:90px; color:#fff; text-align:center; text-shadow:-5px 5px 5px rgba(0,0,0,.5); }
#logo { margin:30px 0; display:block; float:left; }
#banner .iot {font-size: 80px; text-shadow:2px 2px #000;text-align: left;padding: : 0px 10px;}
#banner .onesheet-caption { font-family:'Signika', sans-serif; text-shadow:2px 2px #fff;font-size: 65px; line-height: 70px;color:#46bbe0; text-align: left;margin:0px 20px;}
#banner.sheet {margin-bottom: 0px;}


nav ul { list-style-type:none; padding:0; margin:0; }
/* nav a, nav a:hover { color:#fff; text-decoration:none; cursor:pointer; } */
#nav { float:right; font-size:18px; z-index:100; width: auto;  }
#nav ul span { display:inline-block; padding-right:5px; }
#nav > ul > li { display:inline-block; zoom:1; margin-left:20px; position:relative; }
#nav-toggle { float:right; opacity:.5; width:35px; height:35px; cursor:pointer; position:relative; top:25px; }
#nav-toggle:hover { opacity:.75; }
#nav-toggle { 
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
#menu-main-nav { display: inline-block; position:relative; z-index:100; }
.hello-button { display: inline-block; padding-left: 20px; }

body a.button { display:inline-block; padding:15px 35px; font-size:24px; font-weight:bold; letter-spacing:.8px; color:#fff; }
body #footer a.button { padding-right: 35px;}


#stinger { position:absolute; color:#fff; font-size:24px; line-height:30px; font-family:'Signika', sans-serif; padding:20px; width:500px; right:0; bottom:-50px; background-color:#F49B35; }
#stinger p { margin-bottom:0; }



#footer { margin-top:50px; }
#footer-contact { padding:30px 0 10px; }
#footer-contact p { color:#fff; font-family:'Open Sans', sans-serif; font-weight:bold; font-size:12px; }
#footer-contact h1 { font-size:36px; color:#fff; }
#footer-contact h2 { margin-bottom:20px; color:#fff; }
#footer-contact a { text-decoration:none; color:#fff; padding-right: 10px; }
#footer-contact .button { margin-top:80px; }
#footer-copyright { padding:20px 0; font-size:11px; font-weight:bold; text-align:right; line-height:38px; }
#footer-copyright a { color:#ffd19d; text-decoration:none;  }
#footer-copyright .logo { width:100%; max-width:67px; }
#top-carousel { width:100%; position:relative; }
#top-carousel .item { position:relative; }
#top-carousel .slick-dots { bottom:30px; width:auto; margin-left:50px; }
#top-carousel .slick-dots li button:before { color:#fff; font-size:18px; }
#top-carousel .slick-dots li.slick-active button:before { color:#fff; }
#our-clients { padding:50px 0 30px; }
.logo-item { width:10%; padding:20px; height:200px !important; position:relative; }
.logo-item img { position:absolute; top:50%; left:50%; max-width:90%; max-height:100%; transform:translate(-50%, -50%); }

#services h1 { margin-bottom:50px; } 
#services { padding:60px 0; }
#services h2 { padding-bottom:20px; margin-bottom:30px; display:inline-block; } 
#services h2.blue { border-bottom:5px solid #46bbe0; }
#services h2.burnt { border-bottom:5px solid #c06f2e; }
#services h2.orange { border-bottom:5px solid #F49B35; }
#services .item, #services .item a { color:#585651; }
#services .item img { height:132px; }
#services .item a span { color:#F49B35; font-size:12px; white-space:nowrap; }
#services ul { list-style-type:none; margin:0; padding:0; font-size:16px; font-weight:bold; }
#services li { margin-bottom:20px; }

/* #projects { padding:50px 0; }
#projects .item { margin-bottom:50px; }
#projects a { color:inherit; }
#projects a.button { color:#fff; }
#projects li { display:inline-block; }
#projects h2 { color:#F49B35; } */
/* #projects h3 { font-size:14px; font-weight:bold; } */

#news-updates { padding:50px 0; }
#news-updates h1 { margin-bottom:50px; }
#news-updates h2 { margin:0 0 15px 0; }
#news-updates .item { margin-bottom:30px; }
#news-updates .item a.button { font-size:18px; padding:10px 20px; }

/* Sharepoint page */
.bg-orange.sharepoint-sheet-left-top {position:relative; padding:30px 30px 30px 30px; }
.sharepoint-sheet-right{padding:30px 30px 30px 30px; }
.sharepoint-sheet-left-top p, .sharepoint-sheet-left-top h2 {color:#fff;}
.sharepoint-sheet-left-bottom {padding:30px;}
.sharepoint-sheet-right img {margin:30px 0px;}
#sharepoint .item {padding:40px;}
#sharepoint .bullet img {float:left; width: 40px; margin: 0px 10px 0px 0px;}
#sharepoint .bullet p {padding: 0px 50px;}
#sharepoint-prefooter {padding:60px;}
#sharepoint-footer {color:#fff;margin-bottom: -50px;} 
.sp-img {height:250px;}

/* WP One sheet page */
.bg-orange.wp-onesheet {position:relative;padding:30px 30px 300px 30px; color:#fff; }
.wp-header-caption {font-family:'Signika', sans-serif; font-weight:300; color: #46bbe0; font-size: 80px; line-height: 90px;text-shadow:1px 2px #000;}

/* IOT One sheet page */
.bg-orange.onesheet {position:relative;padding:30px 30px; }
.bg-blue.onesheet  {padding: 300px 30px 30px 30px;}
.onesheet {color:#fff;}
.onesheet-bottom {position:relative;padding:136px 30px; color:#fff;}
#onesheet-footer {color:#fff;margin-bottom: -50px;}
.wp-img {position:absolute;background:transparent; z-index: 2;width:100%; left:0; bottom:0;transform: translateY(50%);}
.benefits {padding: 30px 30px;}
hr.orange-cross {height: 20px;border:none;background: url(/images/orange-line-blue-cross.png) no-repeat center;}
hr.blue-cross {height: 20px;border: none;background: url(/images/blue-line-org-cross.png) no-repeat center;}     
#process { margin-bottom:50px; }
#process img { display:inline-block;width: 145px; height:145px;}
#process .item { padding:20px 20px 0; }
.client-scroll { overflow:hidden; }
.nav-news-left {
	padding-left: 30px;
}

/* large */
@media (max-width:1199px) {
	#top-carousel .caption { font-size:90px; line-height:80px; }
	#banner .onesheet-caption {margin:0px 110px;}
	#banner .iot, .wp-header-caption {padding: 0px 125px;} 
}
@media (min-width: 992px) {
	#nav > ul > li > a:hover, #nav > ul > li > a.current { color: orange;}
	#nav ul ul { background:#171717; display:none; position:absolute; top:100%; left:0; padding:5px 0; margin-left:-15px; margin-top:-2px; }
	#nav ul ul li { padding:5px 15px; min-width:140px; }
	#nav ul ul a { color:#fff; white-space:nowrap; }
	#nav ul ul a:hover { color: orange; }
	#nav ul ul a span.o { color:#fff; }
	#nav li:hover ul { display:block; }
	.wp-header-caption {padding: 0px 50px;} 
}
/* medium and smaller */
@media (max-width: 991px) {
	#nav { position:absolute; top:0; left:0; width:100%; display:none; float:none; background:#333; margin:0; font-size:18px; padding: 2em;}
	#nav a { width:100%; padding: 26px 15px; display:block; font-size: 26px; }
	#nav a:hover { background:#F49B35; }
	#nav ul > li { display:block; margin-left:0; }
	#nav > ul > li:last-child { border-bottom:none; }
	#nav ul ul a { padding-left:30px; font-size:14px; }
	#nav ul ul a span.o { color:#858383; }
	#menu-main-nav { width: 100%; }
	body { font-size:14px; }
	h1 { font-size:42px; }
	h2 { font-size:18px; }
	body li { font-size: 14px; }
	.article li { padding-left: 15px; }
	#banner .caption { font-size: 60px; }
	.bg-orange.wp-onesheet {padding:20px 50px 400px 50px}
	.bg-blue.onesheet {padding:400px 50px 20px 50px;} 
	.wp-img {padding:40px;}
	a.button { font-size:14px; padding:5px 10px; }
	#news-updates .item a.button { font-size:14px; padding:5px 10px; }
	#footer-contact .button { margin-top:20px; font-size:20px; }
	#footer-copyright { text-align:left; }
	.logo-item { width:10%; padding:20px; height:190px !important; position:relative; }
	#services h2 { font-size:16px; } 
	#services .item li, #services .item a { font-size:12px; }
	#top-carousel .bg-img { height:410px; }
	#top-carousel .caption { font-size:60px; line-height:60px; }
	#stinger {position: static; font-size: 20px; width: 100%;}
	#onesheet {position: static; font-size: 20px; width: 100%;}
	#twosheet {position: static; font-size: 20px; width: 100%;}
	#top-carousel .slick-dotted.slick-slider { margin-bottom: 0; }
	.content-area .row {
		margin-left: 0;
		margin-right: 0;
	}	
}
/* xs */
@media (max-width: 768px) {
	section header h1 { font-size:42px; }
	.button { font-size:20px; width:100%; text-align:center; }
	#services .item { text-align:center; }
	#services .item li { margin-bottom:10px; }
	#services h2 { font-size:20px; margin-top:0; } 
	#services .item ul { margin-bottom:40px; }
	#services .item li, #services .item a { font-size:16px; }
	#services .item span { display:block; }
	#top-carousel .bg-img { height:275px; }
	#top-carousel .caption { font-size:34px; line-height:30px; }
	#process {padding: 0px;}
	#news-updates img { margin-bottom:20px; }
	.sp-img {width: 100%;}
	#header #logo {padding-left: 30px;}
	#banner.sheet .bg-img {height: 275px; }
	.wp-header-caption  {font-size: 50px;line-height: 55px;padding: 20px;}
	#banner .iot {font-size: 40px;line-height: 50px;padding: 20px;}
	#banner .onesheet-caption {font-size: 40px;line-height: 50px;padding: 20px;margin: 0px;}
	.bg-orange.wp-onesheet {padding:30px 30px 350px 30px;}
	.bg-orange.onesheet {padding:30px 30px;}
	.onesheet-bottom {padding:50px 30px;}
	.onesheet-bottom h3 {font-size: }
	.bg-blue.onesheet {padding:375px 20px 20px 20px;} 
	.benefits {padding:20px;}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  	#banner .iot {font-size: 34px;line-height: 40px;}
  	.wp-header-caption{font-size: 48px;line-height: 55px;}
 	#banner .onesheet-caption {font-size: 34px;line-height: 40px;padding: 20px;}
 	.bg-orange.wp-onesheet {padding:30px 30px 250px 30px;}
 	.bg-blue.wp-onesheet-mobile {padding:250px 20px 20px 20px;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {  
}