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

.wrapper {
    max-width: 1180px;
    padding: 15px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}
.wrapper--flex {
    display: flex;
}
.wrapper--between {
    justify-content: space-between;
}
.wrapper--center {
    align-items: center;
}
/* HEADER */
#main-header.dark-header a {
    color: #262626;
}
#main-header.dark-header #nav-icon span {
    background: #262626;
}
#main-header.dark-header #nav-icon.open span {
    background: #fff;
}
#main-header.dark-header #main-nav .sub-menu a {
    color: #fff;
}
#main-header .container {
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
    z-index: 99;
    z-index: 3;
    position: relative;
}
.nav-item::before {
    content: '+';
    padding-right: 8px;
}
.sub-menu .nav-item::before {
    padding-right: 8px;
}
.sub-menu .nav-item {
    margin: 0;
    padding: 3px 0;
}
.nav-item {
    margin-left: 24px;
}
ul.sub-menu li.menu-item a:hover {
    color: #F49B35;
}
.nav-item, .nav-contain, .menu-item a {
    font-size: 14px;
    font-family: 'SF-Pro', sans-serif;
    color: #fff;
    display: inline-flex;
}
@media (max-width: 991px) {
    #main-header .container {
        align-items: baseline;
    }
    #nav {
        display: none;
    }
    #our-process, #nav {
        display: none;
    }
    .header {
        justify-content: center;
    }
    .foot-link {
        height: auto;
    }
    .social-link {
        margin: 1em 0;
    }
    .contact-foot {
        margin-bottom: 2em;
    }
    .al-credit {
        margin: 2em 0;
    }
    .container {
        padding: 4em 1em 0;
        width: 100%;
    }
    #nav {
        position: absolute;
        background: #262626;
        padding: 4em 2em;
        width: 100%;
        z-index: 999;
        top: 0;
    }
    #nav .nav-item, #nav .nav-contain {
        font-size: 21px;
        display: block;
        margin: 5px 0;
    }
    #nav-icon {
        width: 50px;
        height: 45px;
        position: absolute;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        z-index: 99999;
        right: 1em;
        border: 0;
        background-color: transparent;
    }

    #nav-icon span {
        display: block;
        position: absolute;
        height: 6px;
        width: 100%;
        background: #fff;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #nav-icon span:nth-child(1) {
        top: 0px;
    }
    #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
        top: 16px;
    }
    #nav-icon span:nth-child(4) {
        top: 32px;
    }
    #nav-icon.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    #nav-icon.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #nav-icon.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #nav-icon.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%;
    }
    #mobile-nav .sub-menu {
        display: block;
        position: relative;
        background: none;
        padding: 0 1em 0;
        margin-top: 0;
    }
    #newsupdates, #projects, footer#al-foot, #services {
        padding-top: 0;
    }
    #al-foot .foot-links ul {
        padding: 0;
    }
    #main-header.dark-header a {
        color: #fff;
    }
}
@media (min-width: 991px) {

    .card-contain {
        width: 300px;
    }
    .goals-contain {
        width: 700px;
    }
    .card-contain:nth-child(1) {
        margin-left: 300px;
        margin-bottom: 118px;
    }
    .card-contain:nth-child(2) {
        margin-left: 140px;
        margin-bottom: 94px;
    }
    .card-contain:nth-child(3) {
        margin-left: 474px;
        margin-bottom: 88px;
        width: 216px;
    }
    .card-contain:nth-child(4) {
        margin-left: 189px;
        margin-bottom: 110px;
    }
    .card-contain:nth-child(5) {
        margin-left: 348px;
    }
    #main-header .container {
        align-items: center;
    }
    #nav-icon {
        display: none;
    }
    #process-mobile {
        display: none;
    }
    .card-contain {
        width: 300px;
    }
    .goals-contain {
        width: 700px;
    }
    #main-nav {
        display: flex;
    }
    #al-foot .foot-links ul {
        padding: 0 4em;
    }
}
#al-foot {
    padding: 5em 0;
    background: #3B3939;
    color: #fff;
    display: flex;
    font-family: 'SF-Pro';
    width: 100%;
    margin-top: 50px;
}
#al-foot p {
    margin: 2em 0;
    line-height: 1.4;
}
.contact-foot, .al-credit {
    font-size: 12px;
}
#al-foot ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 28px;
}
#al-foot .foot-links ul {
    display: grid;
    grid-template-columns: 50% 50%;
}
.foot-link {
    font-size: 16px;
    color: #fff;
}
.foot-link:before {
    content: '+';
    padding-right: 6px;
}
.foot-links li {
    padding-bottom: 1em;
}
.social-link ul {
    display: inline-flex;
}
.social-link ul li {
    padding-right: 8px;
    align-items: self-end;
}
.al-credit a {
    color: #fff;
}
.sub-menu {
    display: none;
}
.nav-contain:hover .sub-menu {
    display: grid;
}
.sub-menu {
    position: absolute;
    padding: 1em;
    background: #171717;
    margin-top: 21px;
}
.sub-menu a {
    color: #fff;
}
#al-foot a:hover {
    color: #F49B35;
}
#al-foot a {
    color: #FFF;
}
#main-header.dark-header .sub-menu a {
    color: #fff;
}
#main-header.dark-header .sub-menu a:hover {
    color: #F49B35;
}

/* FONTS */
@font-face {
    font-family: 'Gotham Bold';
    src: url('/wp-content/themes/aplusl/templates/MarketingRevamp/fonts/gotham_bold.woff2') format('woff2'),
        url('/wp-content/themes/aplusl/templates/MarketingRevamp/fonts/gotham_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('/wp-content/themes/aplusl/templates/MarketingRevamp/fonts/gotham-book.woff2') format('woff2'),
        url('/wp-content/themes/aplusl/templates/MarketingRevamp/fonts/gotham-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Medium';
    src: url('/wp-content/themes/aplusl/templates/MarketingRevamp/fonts/gotham-medium.woff2') format('woff2'),
        url('/wp-content/themes/aplusl/templates/MarketingRevamp/fonts/gotham-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SF-Pro";
    font-weight: 900;
    src: url("/wp-content/themes/aplusl/templates/MarketingRevamp/fonts/sanfranciscodisplay-regular-webfont.woff");
}
@font-face {
    font-family: "SF-Pro Bold";
    font-weight: 900;
    src: url("/wp-content/themes/aplusl/templates/MarketingRevamp/fonts/sanfranciscodisplay-bold-webfont.woff");
}
@font-face {
    font-family: "SF-Pro Heavy";
    font-weight: 900;
    src: url("/wp-content/themes/aplusl/templates/MarketingRevamp/fonts/sanfranciscodisplay-heavy-webfont.woff");
}

/* Previously "old.css" */
/* */
a:hover { text-decoration:none; }
/* GENERAL UTILITY CLASSES */
.o, .orng { color:#f59b36; }
.clear { clear:both; }
.no-disc {list-style: none;} 
ul {list-style: inside disc;line-height:28px; padding:0; font-size: 16px;}
ul li.orng { list-style-type:none; display:block; float:none; }
.all { padding: 5px 10px; margin-top:20px; border-radius: 0px; }
.quote { padding: 5px 10px; float:right; border-radius: 0px; }

.first { background: yellow;}

#content .bottom img { width:100%; margin-top:30px; }

.main-content {margin:20px 0px;}



/* TEMPLATE SPECIFIC */

#galleria { width:100%; margin:45px 0 10px; padding-top:15px; }
#galleria .item { text-align:center; margin-bottom:15px; }
#galleria .item img { display:inline-block; border:1px solid #c3c3c3; }
#filters { list-style-type:none; font-size:12px; }
#filters li { float:left; }
#filters strong { font-size:14px; font-weight:bold; }
#filters .btn-primary { background-image:none; border-radius:0; margin-right:5px; margin-bottom:5px; border-color:transparent; font-size:16px; }


#portfolio { margin-top:50px; }
#portfolio img { vertical-align:bottom; width:100%; }
#portfolio .item { position:relative; margin-bottom:15px; width:100%; max-width:405px; display:block; margin:0 auto 15px auto; }
#portfolio .overlay { display:none; z-index:5; width:100%; }
#portfolio .mask { background:#fff; opacity:0.4; filter:alpha(opacity=40); position:absolute; top:0; left:0; height:100%; width:100%; }
#portfolio p.caption { background:#F59B36; position:absolute; width:100%; bottom:0; left:0; margin-bottom:0; color:#fff; z-index:5; padding:10px 20px; line-height: 22px; }
#portfolio .item:hover .overlay { display:block; }

#clients { margin-top:50px; }
#clients .item { text-align:center; margin-bottom:50px; padding:10px 20px; display: inline; }
#clients .image { height:130px; position:relative; margin-bottom:15px; }
#clients .image img { max-width:100%; max-height:130px; top:50%; left:50%; transform:translate(-50%, -50%); margin:0 auto; position:absolute; }
#clients .subtext { height:36px; font-size: 18px;}

#news header { margin-bottom:20px; }
#news .article { margin-bottom:40px;  }

#nav-news ul { list-style-type:disc; margin-top:20px; }


/* SLICK JS custom */ /* Front page */

.three h4 {font-size: 32px; line-height: 40px; font-family:"Franklin", serif;padding-left: 13px;}
.tagline h3 {font-size: 24px; line-height: 40px; padding: 20px 40px;}

.three {margin:20px 0px;}
.four img {margin:auto; padding:30px 0px; max-width: 98%;}
.client-scroll {margin:40px 0px;}


.items { border:solid #F59B36 4px; }
.items img { width:100%; }

.buttons { padding:20px 0; text-align:right; }

.carousel-holder a { background-image:url('../images/sprite.png'); background-position:0 0; overflow:hidden; width:13px; height:15px; display:inline-block; zoom:1; cursor:pointer; }
.carousel-holder a:hover, a.active { background-position:-14px 70px; }
.dcCarousel .clear { clear:both; }

.say-hello { top:11px; position:relative; display:block; }
.team-member, .article { margin-top:40px; }
.contact-info { text-align:right; display:block; width:100%; }
a.more { font-weight:bold; font-size:18px; display:inline-block; margin-left:20px; }
.logo-item { width:114px; height:150px !important; margin:0px 10px; }
.client-scroll img { position:relative; top:50%; transform:translateY(-50%); }

i {margin:20px;}



/* PORTFOLIO ISOTOPES */
.isotope-item { z-index:2; }
.isotope-hidden.isotope-item { pointer-events:none;  z-index:1; }
.isotope, .isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



/* RESPONSIVE CSS */

	/* extra small only */
	@media (max-width: 768px) {
	
		.tagline h3 {font-size: 18px; line-height: 26px; padding: 10px 10px;}



	

		#headline h1 { font-size:30px; line-height:44px; font-weight:200; margin-top:40px; }

		.dcCarousel {
			max-width:420px;
			margin:0 auto;
		}
		#carousel .buttons { text-align:center; }


		.col-sm-3.col-xs-offset-1 { margin:30px 0px; }
	}
/* */

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(../images/bg_eggshell_al_branding.png); background-position: bottom; background-size: cover; padding:50px; }
.bg-plus { background:url(../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;}

#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); }

#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 { 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; }

.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; }
/* 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) {
	#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) {
    .card-contain {
        max-width:80%;
        margin: 0 auto;
    }
	#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; }
	.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; }
	.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: 34px; }
	.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) {  
}

/* Previously "front.css" */
section#goals p {
    font-family: 'Gotham Book';
    font-size: 16px;
    color: #333;
}
h1 {
    margin: 0;
}
.container:before, .container:after {
    display: none;
}
.al-landing {
    background-image: url('/wp-content/themes/aplusl/images/aplusl-bg-5.jpg');
    background-size: cover;
    height: 100vh;
    background-position: center;
}
.landing-overlay {
    background-color:#000;
    opacity: .7;
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
}
.landing-contain {
    top: 50%;
    position: absolute;
    text-align: center;
    color: #fff;
    z-index: 2;
    font-weight: 800;
    transform: translate(-50%, -50%);
    left: 50%;
}
.landing-contain h1 {
    font-size: 55px;
    font-family: 'SF-Pro Bold';
}
.org {
    background-color: #F49B35;
    color: #fff;
}
.orange {
    color: #F49B35;
}
.wht {
    background-color: #fff;
    color: #171717;
}
.btn-main:hover {
    background-color: #171717;
    color: #fff;
}
.btn-main {
    padding: 12px;
    width: 274px;
    display: block;
    margin: 0 8px;
    font-family: 'Gotham Bold', sans-serif;
}
#goals {
    background-image: url('/wp-content/themes/aplusl/images/feild-gameplay.png');
    background-size: cover;
    text-align: center;
    background-repeat: no-repeat;
    padding: 2em 0;
    background-position: center;
}
.landing-divider {
    position: relative;
    margin-top: -82px;
    z-index: 99;
}
.goals-contain {
    margin: 0 auto;
    background:
    linear-gradient(to right, #F49B35 16px, transparent 16px) 0 0,
    linear-gradient(to right, #F49B35 16px, transparent 16px) 0 100%,
    linear-gradient(to left, #F49B35 16px, transparent 16px) 100% 0,
    linear-gradient(to left, #F49B35 16px, transparent 16px) 100% 100%,
    linear-gradient(to bottom, #F49B35 16px, transparent 16px) 0 0,
    linear-gradient(to bottom, #F49B35 16px, transparent 16px) 100% 0,
    linear-gradient(to top, #F49B35 16px, transparent 16px) 0 100%,
    linear-gradient(to top, #F49B35 16px, transparent 16px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 70px 42px;
    padding: 34px 48px;
    line-height: 2;
}
#process-items {
    background-image: url('/wp-content/themes/aplusl/images/process-plays.png');
    background-size: 700px;
    background-repeat: no-repeat;
    width: 700px;
    margin: 34px auto 0;
    height: 864px;
}
#newsupdates {
    background: #F49B35;
    background: linear-gradient(180deg, #F49B35 0%, rgba(255,78,0,1) 100%);
}
#newsupdates h1 {
    font-size: 49px;
    color: #fff;
    margin: 0 0 26px;
    display: inline-block;
    font-family: "SF-Pro Heavy";
}
section#goals #our-process h3 {
    font-size: 21px;
    font-family: 'Gotham Bold';
    color: #000;
    line-height: 1.1;
}
.card-contain p {
    line-height: 18px;
}
.art-link {
    font-size: 25px;
    color: #fff;
    border-bottom: 4px solid #948171;
    padding: 0 24px 6px;
    display: inline-block;
    line-height: 38px;
    margin-top: 2em;
    transition: all 1s ease;
    font-family: 'Gotham Book';

} 
.art-link:hover {
    padding: 0 0 6px;
    border-bottom: 4px solid #F49B35;
}
#al-carousel h2 {
    border-bottom: 4px solid #F49B35;
    padding: 0 24px 6px;
    display: inline-block;
    line-height: 38px;
    margin: 0 0 1em 0;
    font-family: 'Gotham Bold';
    color: #333;
}
.view-all {
    text-align: center;
}
#pj-card {
    background-color: #C7C7C7;
}
.pj-img {
    width: 100%;
}
#projects {
    background-color: #C7C7C7;
}
.article-img {
    width: 100%;
    display: block;
    height: 350px;
    object-fit: cover;
} 
.pj-title ul {
    list-style: none;
    padding: 0;
    display: inline-flex;
    font-weight: 800;
}
.pj-title li:after {
    content: '|';
    padding: 0 8px;
}
.pj-title ul:last-child li:last-child:after {
    content: ' ';
}
.pj-title h3 {
    color: #868686;
    font-weight: 800;
    font-size: 25px;
    font-family: 'SF-Pro Bold';
    margin-top: 20px;
    line-height: 1.1;
}
section#goals h2 {
    font-family: 'Gotham Bold', sans-serif;
    font-size: 26px;
    color: #333;
}
section#goals h3 {
    font-family: 'Gotham Bold', sans-serif;
    font-size: 24px;
    color: #333;
}
.pj-title a:hover h3 {
    color: #171717;
}
.al-credit {
    margin: 2em 0 0;
}
.social-link, .foot-links {
    margin-bottom: 24px;
    padding: 0 5em;
}
.social-link {
    padding: 0;
}
#mobile-nav {
    display: none;
}
@media (max-width: 700px) {
    /* #main-nav {
        display: none;
    } */
    #our-process, #main-nav {
        display: none;
    }
    .btn-row {
        text-align: -webkit-center;
        margin: 2em 0;
    }
    .btn-main {
        margin: 14px 8px;
    }
    .header {
        justify-content: center;
    }
    .landing-contain h1 {
        font-size: 46px;
    }
    .card-contain {
        margin-bottom: 24px 0;
    }
    .container {
        padding: 4em 1em 0;
        width: 100%;
    }
    #newsupdates .title-contain h3 {
        margin-bottom: 2em;
        font-weight: bold;
    }
    #newsupdates, #projects, footer#al-foot, #services-front {
        padding-top: 0;
    }
    #projects .pj-title {
        margin-bottom: 1em;
    }
    #process-mobile p {
        margin: 0 0 34px;
    }
    #newsupdates .title-contain h3 {
        color: #333;
    }
    section#al-carousel {
        padding: 0;
    }
}
@media (min-width: 700px) {
    .btn-row {
        display: flex;
        justify-content: center;
        margin: 28px;
    }
    .news-card {
        width: 268px;
        height: 349px;
        background-color: #000;
        position: relative;
    }
    .row:before, .row:after {
        /* display: none; */
    }
    .title-contain {
        position: absolute;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        padding: 1em;
        width: calc(100% - 20px);
        height: 115px;
        transition: all 1s ease;
        display: flex;
        align-items: center;
    }
    .title-contain h3 {
        color: #fff;
        z-index: 99;
        margin: 0;
        font-family: "SF-Pro Bold";
        transition: all 1s ease;
        font-size: 24px;
        line-height: 1.1;
    }
    #main-nav {
        display: flex;
    }
    #newsupdates a:hover .title-contain {
        height: 150px;
    }
    #newsupdates a:hover .title-contain h3 {
        font-size: 26px;
    }
}
.logo-item {
    width: 100px;
    text-align: -webkit-center;
    height: auto;
    align-items: center;
    padding: 2em;
    height: 200px;
}
#al-carousel {
    text-align: center;
    margin: 0 0 2em 0;
}
#services-front {
    background-color: #F49B35!important;
    display: flex;
    color: rgb(59, 57, 57);
    margin-bottom: -50px;
}
#services-front ul {
    list-style: none;
    padding: 0;
    margin: 1em 0;
}
#services-front li {
    line-height: 2;
    font-family: 'SF-Pro';
}
#services-front h3 {
    font-family: 'SF-Pro Bold';
    font-size: 24px;
}
.serv-ex {
    color: #fff;
    font-size: 12px;
    padding-left: 6px;
}
.art-link:hover {
    color: #5F5F5F;
}
section#al-carousel .client-scroll {
    margin: 0;
}
.pj-title ul {
    display: inline-block;
    font-family: 'SF-Pro Bold';
    margin-bottom: 3em;
    color: #333;
    line-height: 1.4;
}
.pj-title li {
    display: inline-flex;
}
.slick-track {
    align-items: center;
}
section#services-front h4 {
    font-family: 'Gotham Book';
}
section#services-front li {
    line-height: 2;
}
#al-foot .foot-links ul {
    padding: 0 4em;
}
section {
    padding: 5em 0;
}

section#goals .clearfix:before, .clearfix:after, 
.dl-horizontal dd:before, .dl-horizontal dd:after, 
section#goals .container:before, 
section#goals .container:after, 
section#goals .container-fluid:before, 
section#goals .container-fluid:after, 
section#goals .row:before, 
section#goals .row:after, 
section#goals .form-horizontal .form-group:before, 
section#goals .form-horizontal .form-group:after, 
section#goals .pager:before, 
section#goals .pager:after, 
section#goals .modal-footer:before, 
section#goals .modal-footer:after {
    display: none;
}