@font-face{
        font-family:"Avenir Next W01_n3";
        src:url("Fonts/42c793cf-df5a-4e07-bf3e-37de54df02b6.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Avenir Next W01";
        src:url("Fonts/42c793cf-df5a-4e07-bf3e-37de54df02b6.eot?#iefix");
        src:url("Fonts/42c793cf-df5a-4e07-bf3e-37de54df02b6.eot?#iefix") format("eot"),url("Fonts/64779e28-a3b8-4364-949c-771372a0a327.woff2") format("woff2"),url("Fonts/c6c8e4be-17eb-4475-bbfc-bb485ffde766.woff") format("woff"),url("Fonts/87a872d0-5af3-4231-a77c-37f41ec74662.ttf") format("truetype"),url("Fonts/91464696-717b-4eaa-adbd-0dfc5e5fd782.svg#91464696-717b-4eaa-adbd-0dfc5e5fd782") format("svg");
font-weight: 300;
font-style: normal;
    }
    @font-face{
        font-family:"Avenir Next W01_i3";
        src:url("Fonts/41537dd7-434f-4f85-b9d9-a88b160bc18d.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Avenir Next W01";
        src:url("Fonts/41537dd7-434f-4f85-b9d9-a88b160bc18d.eot?#iefix");
        src:url("Fonts/41537dd7-434f-4f85-b9d9-a88b160bc18d.eot?#iefix") format("eot"),url("Fonts/ec2dd1bd-4391-4b89-bf85-1a2346ea4342.woff2") format("woff2"),url("Fonts/fcf6f211-efa2-40f6-9c6b-e0ca63b6ea60.woff") format("woff"),url("Fonts/60fcc194-9529-4b99-9506-cdb26642656a.ttf") format("truetype"),url("Fonts/c110f1ef-6fdf-4008-bc75-b370649384a3.svg#c110f1ef-6fdf-4008-bc75-b370649384a3") format("svg");
font-weight: 300;
font-style: italic;
    }
    @font-face{
        font-family:"Avenir Next W01_n5";
        src:url("Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Avenir Next W01";
        src:url("Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
        src:url("Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"),url("Fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"),url("Fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"),url("Fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype"),url("Fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f") format("svg");
font-weight: 500;
font-style: normal;
    }
    @font-face{
        font-family:"Avenir Next W01_i5";
        src:url("Fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Avenir Next W01";
        src:url("Fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix");
        src:url("Fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix") format("eot"),url("Fonts/7377dbe6-f11a-4a05-b33c-bc8ce1f60f84.woff2") format("woff2"),url("Fonts/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff") format("woff"),url("Fonts/18839597-afa8-4f0b-9abb-4a30262d0da8.ttf") format("truetype"),url("Fonts/1de7e6f4-9d4d-47e7-ab23-7d5cf10ab585.svg#1de7e6f4-9d4d-47e7-ab23-7d5cf10ab585") format("svg");
font-weight: 500;
font-style: italic;
    }
    @font-face{
        font-family:"Avenir Next W01_n7";
        src:url("Fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Avenir Next W01";
        src:url("Fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
        src:url("Fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("Fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("Fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("Fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype"),url("Fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg");
font-weight: 700;
font-style: normal;
    }
    @font-face{
        font-family:"Optima W01_n4";
        src:url("Fonts/faef1464-e833-43ac-a2ee-7a4f5f3ab909.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Optima W01";
        src:url("Fonts/faef1464-e833-43ac-a2ee-7a4f5f3ab909.eot?#iefix");
        src:url("Fonts/faef1464-e833-43ac-a2ee-7a4f5f3ab909.eot?#iefix") format("eot"),url("Fonts/776a385c-3d8b-4237-8d14-382015d9ff12.woff2") format("woff2"),url("Fonts/b72e728e-eac1-4261-ac86-579fa6ae4a0b.woff") format("woff"),url("Fonts/7d64c37c-83dc-4450-8781-17b619b16935.ttf") format("truetype"),url("Fonts/77b722e6-5ee7-40fe-aff2-0225df92206d.svg#77b722e6-5ee7-40fe-aff2-0225df92206d") format("svg");
font-weight: 400;
font-style: normal;
    }
    @font-face{
        font-family:"Optima W01_i4";
        src:url("Fonts/4d01aa23-599f-462f-ac29-14214b3125cd.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Optima W01";
        src:url("Fonts/4d01aa23-599f-462f-ac29-14214b3125cd.eot?#iefix");
        src:url("Fonts/4d01aa23-599f-462f-ac29-14214b3125cd.eot?#iefix") format("eot"),url("Fonts/e6dde7e6-8343-4366-9c66-dd15e81df199.woff2") format("woff2"),url("Fonts/a5e1e1fd-f4dc-41b2-b227-ecc948bb9c6d.woff") format("woff"),url("Fonts/e4f76f05-6722-4d59-bd67-5695010d0212.ttf") format("truetype"),url("Fonts/4d1f58b6-cb0a-49e4-97a4-c5fc13eb6123.svg#4d1f58b6-cb0a-49e4-97a4-c5fc13eb6123") format("svg");
font-weight: 400;
font-style: italic;
    }
    @font-face{
        font-family:"Optima W01_n6";
        src:url("Fonts/89f00b14-b31b-44fe-8ece-374099c01470.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Optima W01";
        src:url("Fonts/89f00b14-b31b-44fe-8ece-374099c01470.eot?#iefix");
        src:url("Fonts/89f00b14-b31b-44fe-8ece-374099c01470.eot?#iefix") format("eot"),url("Fonts/ff54dd0a-6e1e-4521-9ecc-f01d1e728622.woff2") format("woff2"),url("Fonts/de20ffe3-6834-4854-ad16-6a1101f0c071.woff") format("woff"),url("Fonts/8538bc2c-1e99-4fa8-ba80-848164884368.ttf") format("truetype"),url("Fonts/39f2e2f6-b6fa-41c2-8410-5d463f3027a6.svg#39f2e2f6-b6fa-41c2-8410-5d463f3027a6") format("svg");
font-weight: 600;
font-style: normal;
    }



*{box-sizing: border-box;}
html{width:100%; height:100%; padding:0px; margin:0px; overflow-x: hidden;}
body{width:100%; min-height: 100%; overflow-x: hidden; padding:0px 0px 0px; margin:0px; font-family: 'Avenir Next W01', sans-serif; font-size: 18px; background-color:#FFF; font-weight: 500; letter-spacing: 0.5px;}
.content-wrap{width:100%; max-width: 1400px; margin:0px auto; position: relative;}
.content-wrap:after{content:''; display: block; clear: both;}

a{color:#3e88bf; transition:all 0.3s;}
ol{}
ol li{margin-bottom:24px; padding-left: 24px;}
strong{font-weight: 700;}
.astrisk{font-size: 0.8em; font-style: italic; line-height: 1.2em;}
.center{text-align: center; margin-left:auto; margin-right: auto; display: block;}
.table-content{display: table; width:100%;}
.table-content .spacer{display: table-cell;}
.table-row{display: table-row;}
.table-cell{display: table-cell;}
.highlight{background-size:cover; background-color:#909090; background-position: center; background-attachment: fixed; color:#fff;}
.clear{clear:both;}
.no-wrap{white-space: nowrap;}
p.larger{font-size: 22px;}

.video-cell{position: relative; padding-top:56.25%;}
.video-cell iframe{position: absolute; top:0px; left:0px; width:100%; height: 100%;}

.data-table {border:1px solid #343434; border-collapse: collapse; width:100%;}
.data-table td,
.data-table th{border:1px solid #343434; padding:8px 12px; font-size: 14px;}
.data-table tr:nth-child(2n) td{background-color:#eee;}
.data-table tr:nth-child(2n) th{background-color:#eee;}
.data-table tr.removed td{background-color:#f0cccc;}
.data-table .responsive-label{display: none;}
.data-table td input{width:100%;}
.data-table .alert{font-weight: 800; color:#b22424}

.read-more{text-align: right; position: relative; z-index: 1;}
.read-more a{display: inline-block; padding:8px 32px 8px 16px; border:1px solid #101010; font-weight: 700; color:#fff; background-image: url(../images/arrows.png); background-repeat: no-repeat; background-position: right 4px center; text-decoration: none; background-color:rgba(62,136,191,1); transition:all 0.3s ease;}
.read-more a:hover{background-color:rgb(93, 166, 221);}


a.button{color:#111; font-size: 21px; text-decoration: none; display: inline-block; padding:24px 48px; background-color:#f5bb2f; border-radius: 4px; box-shadow: rgba(0,0,0,0.5) 1px 1px 2px; text-align: center; margin:0px auto; cursor: pointer;}

#call-to-action{background-color:#8c8c8c; color:#fff; font-weight: 500; font-style: italic; width:auto; max-width: 650px; position: relative; padding:38px 38px 48px 38px; margin-top:48px; clear: both;}
#call-to-action:before{content:''; display: block; position: absolute; top:16px; left:16px; right:16px; bottom:16px; border:1px solid #fff;  }
#call-to-action h4{font-weight: 700;color:#fff; font-style: normal; font-size: 32px; margin:0px 0px 32px 0px;}
#call-to-action a{border:1px solid #000; background-color:#3e88bf; color:#fff; text-align: center; text-transform: uppercase; font-weight: 700; font-style: normal; font-size: 22px; display: block; transition:all 0.3s ease; padding:16px; margin-top:32px; text-decoration: none; position: relative; z-index: 1;}
#call-to-action a:hover{background-color:rgb(93,166,221);}


/*Head Navigation*/
header{height: 75px; background-color:#FFF;; position: relative;  position: fixed; top:0px; left:0px; z-index: 999; width:100%; transition:all 0.5s ease; border-bottom: 2px solid #2a3a42;}
header .content-wrap{position: static;}
header a.logo{position: absolute; top:0px; width:286px; height: 60px; margin-top:7px; background-size: contain; background-position: left center; background-repeat: no-repeat; background-image: url(../images/logo-sm-2023.webp); transition:all 0.5s ease;z-index: 999;}
header nav{}
header nav ul{margin:0px; padding:0px; text-align: right;}
header nav li{display:inline-block; list-style: none; margin:0px 12px 0px 0px; padding:0px; }
header nav .no-link,
header nav a{color:#2f2f2f; padding:0px 16px; text-decoration: none; display: inline-block; cursor: pointer; font-size: 16px; transition:all 0.5s ease; position: relative; height: 75px; line-height: 75px;}

header:after{content:''; display: block; width:100%; height: 8px; position: absolute; bottom:0px; left:0px; z-index: 998;  }
header nav .submenu {position: absolute; top:100%; left:0px; height:0px; padding:0px 0px; width:100%;  background-color: #3a3636;   overflow: hidden; transition: all 0.3s; text-align: center;}
header nav .submenu.on{height: 75px; padding:0px; border-top: 1px solid rgba(0,0,0,0.5);}
header nav .submenu li{ text-align: left;  margin-bottom: 12px; transition: all 0.3s ease-in-out;}
header nav .submenu li:hover{background-color: #918989;}
header nav .submenu a{color:#fff; font-style: normal; text-transform: none; padding:0px 24px;}
header nav .submenu .menu-image{ display: block; float:right; margin-right: 32px; width:426px; height: 250px; background-color: #333; background-size: cover; background-repeat: no-repeat; background-position: right top;}
header nav > ul > li > a:before,
header nav > ul > li > .no-link:before{content:''; display: block; position: absolute; top:25px; height: 0px; left:50%; width:0px; background-color:rgba(255,255,255,0.0); border:1px solid rgba(255,255,255,0); transition:all 0.3s ease; z-index: -1}
header nav > ul > li:hover > a,
header nav > ul > li:hover > .no-link{}
header nav > ul > li:hover > a:before,
header nav > ul > li:hover > .no-link:before,
header nav > ul > li.on > a:before,
header nav > ul > li.on > .no-link:before{top:14px; left:0px; width: 100%; height: 44px; background-color:rgba(255,255,255,0.0); border:1px solid rgba(0,0,0,1);}
header nav > ul > li > .no-link:after{content:''; display: block; position: absolute; bottom:34px; left:50%;  width:0px; height: 0px; border-left:6px solid transparent; border-right:6px solid transparent; border-top:10px solid rgba(0,0,0,0);z-index: 999; margin-left: -6px; transition:all 0.3s ease;}
header nav > ul > li:hover > .no-link:after,
header nav > ul > li.on > .no-link:after{bottom:5px; border-top:10px solid rgba(0,0,0,1);}

.offtop header{height: 50px;}
.offtop header nav .no-link,
.offtop header nav a{height: 50px; line-height: 50px;}
.offtop header nav .submenu a{height: 75px; line-height: 75px;}

.offtop header a.logo{height: 36px;}

.offtop header nav > ul > li:hover > a:before,
.offtop header nav > ul > li:hover > .no-link:before,
.offtop header nav > ul > li.on > a:before,
.offtop header nav > ul > li.on > .no-link:before{height: 27px; top:10px; }

.offtop header nav > ul > li > .no-link:after{bottom:15px;}
.offtop header nav > ul > li:hover > .no-link:after,
.offtop header nav > ul > li.on > .no-link:after{bottom:2px;}


/*Head Navigation*/



/*SLIDE 2*/
#slide2{position: absolute; display: block; width:100%; height: 100%; top:0px; left:0px; background-color:rgba(255,255,255,1); transition:  all 0.5s ease-out; }
/*#slide2 .slide-left{position: absolute; right:0px; width:50%; height: 100%; background-color:#d45e4c; transform: translateX(100%); transition:all 0.5s;}*/
#slide2 .slide-content{display: block; width:1400px; height: 100%; margin:0px auto; position: relative; transform: translateY(-100%); transition:all 0.5s ease-out;}
#slide2 .slide-right{display: block; background-color:#d45e4c; position: absolute; height: 100%; width:1400px; top:0px; left:36%; background-image: url(../images/homepage-slides/testimonials-background.jpg); background-repeat: no-repeat; background-size: auto 100%; background-position: left top; transform: translateX(100%); transition:all 0.5s; transition-delay: 0.8s;}

#slide2 .content-left{width:40%; height: 100%; background-image: url(../images/homepage-slides/testimonials-left.png); background-size: contain; background-position: right 75px bottom; background-repeat: no-repeat;}
#slide2 h1{ margin:0px 0px 0px 24px; padding:42px 0px; text-align: center; font-style: italic; font-size: 30px;}
#slide2 h1 span{position: absolute; left:42%; color:#fff; display: block; width:60%; text-align: left; bottom:110px; font-size: 49px; font-style: normal; opacity: 0; transition:all 0.9s; transition-delay: 1.5s; }
#slide2 h1 span em{display: block; font-weight: 800; font-style: normal; font-size: 72px; margin-left: 36px; margin-bottom: 22px;}


#slide2.on .slide-right{transform:translateX(0px);}
#slide2.on .slide-content{transform:translateY(0px);}
#slide2.on h1 span{opacity: 1;}

/*SLIDE 3*/

#slide3{background-color:#1d73b0; position: absolute; top:0px; left:0px; width:100%; height: 100%; transform: translateY(-100%); transition:all 0.5s ease-out; overflow: hidden; position: relative;}
#slide3:before{width:100%; height: 100%; position: absolute; top:0px; left:0px; opacity: 0; background-size: cover; background-position: left 56px center; background-image: url(../images/homepage-slides/slide3-background.png); background-repeat: no-repeat; content:''; display: block; transition:all 0.5s ease-out; transition-delay: 0.5s;}


#slide3 .slide-content{display: block; width:1400px; height: 100%; margin:0px auto; position: relative; transition:all 0.5s ease-out; transform: translateX(-1400px); opacity: 0; transition-delay: 0.5s;}
#slide3 .content-left{padding:74px 48px; width:50%; float:left; height: 100%;}
#slide3 .content-left h2{color:#fff; font-weight: 500; font-size: 72px; margin:0px 0px 72px; text-align: center;}
#slide3 .content-left h2 span{color:#fff; display: block; font-size: 36px;}
#slide3 .content-left p{color:#fff; font-weight: 300; font-size: 32px; text-align: center;}

#slide3 .content-right{width:50%; height: 100%; float:left; position: relative;}
#slide3 .content-right:before{width:0px; height: 0px; background-color:#fff; background-image: url(../images/homepage-slides/slide3-infographic.png); background-size: 400px auto; background-position: center; background-repeat: no-repeat; position: absolute; top:0; left:0; right:0; bottom:0; border-radius: 50%; content:''; display: block; margin:auto; transition:all 0.5s ease-out; transition-delay: 1s;}
#slide3 .icon1{background-image: url(../images/homepage-slides/slide3-icon1.svg); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 83px; left: 306px; width:87px; height:87px; transition:all 0.5s ease-out; transition-delay: 1.5s; opacity: 0;}
#slide3 .icon2{background-image: url(../images/homepage-slides/slide3-icon2.svg); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 226px; left: 222px; width:87px; height:87px; transition:all 0.5s ease-out; transition-delay: 2.1s; opacity: 0;}
#slide3 .icon3{background-image: url(../images/homepage-slides/slide3-icon3.svg); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 226px; left: 386px; width:87px; height:87px; transition:all 0.5s ease-out; transition-delay: 1.7s; opacity: 0;}

#slide3.on{transform: translateY(0);}
#slide3.on:before{opacity: 1;}
#slide3.on .slide-content{transform: translateX(0px); opacity: 1;}
#slide3.on .content-right:before{width:424px; height: 424px;}
#slide3.on .icon1{opacity: 1;}
#slide3.on .icon2{opacity: 1;}
#slide3.on .icon3{opacity: 1;}


#slideYAP{background-color:#6ba7d3; position: absolute; top:0px; left:0px; width:100%; height: 100%; transform: translateY(-100%); transition:all 0.5s ease-out; overflow: hidden; position: relative;}
#slideYAP:before{width:100%; height: 100%; position: absolute; top:0px; left:0px; opacity: 0; background-size: contain; background-position: left 290px center; background-image: url(../images/homepage-slides/slideYAP-background.png); background-repeat: no-repeat; content:''; display: block; transition:all 0.5s ease-out; transition-delay: 0.5s;}
#slideYAP .slide-content{display: block; width:1400px; height: 100%; margin:0px auto; position: relative; transition:all 0.5s ease-out; transform: translateX(-1400px); opacity: 0; transition-delay: 0.5s;}
#slideYAP .content-right{text-align: right; padding-top:154px;}
#slideYAP .content-right h2{color:#fff; font-weight: 700; font-size: 34px; margin:0px 0px 27px; text-align: right;}

#slideYAP .content-right p{color:#fff; font-weight: 500; font-size: 29px; }

#slideYAP .content-left{width:537px; height: 475px; position: absolute; top:0px; left: 0px; background-image: url(../images/homepage-slides/slideYAP-tab.png); background-size: 100% auto; background-position: top left; background-repeat: no-repeat; transform: translateY(-475px); transition:all 0.5s ease-out; transition-delay: 1s;}



#slideYAP.on{transform: translateY(0);}
#slideYAP.on:before{opacity: 1;}
#slideYAP.on .slide-content{transform: translateX(0px); opacity: 1;}
#slideYAP.on .content-left{transform: translateY(0);}
#slideYAP.on .icon1{opacity: 1;}
#slideYAP.on .icon2{opacity: 1;}
#slideYAP.on .icon3{opacity: 1;}




#slide-benefits{background-color: #fff; overflow: hidden;}
#slide-benefits .slide-left{background-image: url(../images/homepage-slides/benefits-background.jpg); background-size: auto 100%; background-position: right top; background-repeat: no-repeat; background-color:#5d6622; position: absolute; top:0px; right:40%; width:100%; height: 100%;  transition:all 0.5s ease-out; transform: translateX(-100%);}
#slide-benefits .slide-content{width:1400px; margin-left: auto; margin-right: auto; height: 100%; position: relative; background-image: url(../images/homepage-slides/benefits-right.png); background-size: 100% 100%; background-repeat: no-repeat; background-position: center top;  transition:all 0.5s ease-out; transition-delay: 0.5s; transform:translate(100%, -100%);}

#slide-benefits .slide-content:before{content:''; display: block; height: 112px; width:100%; position: absolute; top:130px; right: 100%; background-color:#9ba749;}
#slide-benefits .slide-content:after{content:''; display: block; height: 112px; width: 100%; position: absolute; top:242px; left:100%; background-color:#edb95b;}
#slide-benefits .content-right:after{content:''; display: block; position: absolute; height: 100%; width:121px; background-color:#ed5841; top:100%; right:315px;}

#slide-benefits h1{margin:0px; position: absolute; top:31%; left:0px; width:60%; text-align: center; color:#fff; font-weight: 500; font-size: 36px;}
#slide-benefits h1 strong{display: block; font-size: 42px; margin-bottom: 0px; font-weight: 800;}
#slide-benefits .content-right{font-size: 24px; font-weight: 700;}
#slide-benefits .future{position: absolute; top:36px; right:350px; width:192px; text-align: right; opacity:0; transition:0.3s ease-out; transition-delay:1s;}
#slide-benefits .building{position: absolute; right: 0px; width:166px; top:121px; opacity:0; transition:0.3s ease-out; transition-delay:1.4s;}
#slide-benefits .growing{position: absolute; right:460px; bottom:113px; width:230px; text-align: right; opacity:0; transition:0.3s ease-out; transition-delay:2.2s;}
#slide-benefits .creating{position: absolute; bottom:42px; right:0px; width:279px; opacity:0; transition:0.3s ease-out; transition-delay:1.8s;}

#slide-benefits .future:before{content:''; display:block; width:60px; height:60px; transform: translateY(24px); opacity: 0; margin:0px auto; top:119px; left:136px; position:absolute; background-size:contain; background-position:center; background-repeat:no-repeat;  transition:all 0.5s cubic-bezier(0.175, 0.885,0.32,1.275); transition-delay:1s; background-image:url(../images/homepage-slides/benefits-future-icon.svg);}
#slide-benefits .building:before{content:''; display:block; width:50px; height:60px; transform: translateY(24px); opacity: 0; margin:0px auto; top:36px; left:-118px; position:absolute; background-size:contain; background-position:center; background-repeat:no-repeat;  transition:all 0.5s cubic-bezier(0.175, 0.885,0.32,1.275); transition-delay:1.4s; background-image:url(../images/homepage-slides/benefits-building-icon.svg);}
#slide-benefits .growing:before{content:''; display:block; width:60px; height:60px; transform: translateY(24px); opacity: 0; margin:0px auto; top:-8px; left:286px; position:absolute; background-size:contain; background-position:center; background-repeat:no-repeat;  transition:all 0.5s cubic-bezier(0.175, 0.885,0.32,1.275); transition-delay:2.2s; background-image:url(../images/homepage-slides/benefits-growing-icon.svg);}
#slide-benefits .creating:before{content:''; display:block; width:60px; height:60px; transform: translateY(24px); opacity: 0; margin:0px auto; top:-112px; left:-5px; position:absolute; background-size:contain; background-position:center; background-repeat:no-repeat;  transition:all 0.5s cubic-bezier(0.175, 0.885,0.32,1.275); transition-delay:1.8s; background-image:url(../images/homepage-slides/benefits-creating-icon.svg);}


#slide-benefits.on .future{opacity:1; }
#slide-benefits.on .building{opacity:1; }
#slide-benefits.on .growing{opacity:1; }
#slide-benefits.on .creating{opacity:1; }

#slide-benefits.on .future:before{opacity:1; transform: translateY(0);}
#slide-benefits.on .building:before{opacity:1; transform: translateY(0);}
#slide-benefits.on .growing:before{opacity:1; transform: translateY(0);}
#slide-benefits.on .creating:before{opacity:1; transform: translateY(0);}

#slide-benefits.on .slide-left{transform: translateX(0px);}
#slide-benefits.on .slide-content{transform: translate(0px, 0px);}


#slide-about{background-image: url(../images/homepage-slides/about-background.jpg); background-size: cover; width:100%; height: 100%; opacity: 0; transition: all 0.3s ease-out;}
#slide-about .slide-left{position: absolute; width:100%; height: 100%; background-color:#fff; right:70%; transform: translateX(-1400px); transition:all 0.5s ease-out; transition-delay: 0.5s;}
#slide-about .slide-left:before{content:''; display: block; height: 100%; width:20%; background-image: url(../images/homepage-slides/about-color.png); background-size: cover; background-position: top right; background-repeat: no-repeat; position: absolute; top:0px; left:100%;}
#slide-about .slide-content{position: relative; width:1400px; margin:0px auto; height: 100%; padding:72px 0px 64px 64px; transform: translateX(-1400px); transition:all 0.5s ease-out; transition-delay: 0.5s;}
#slide-about h1{margin:0px; margin-bottom: 122px; color:#3b3ba9; font-size: 32px; font-weight: 500;}
#slide-about h1 span{color:#000; font-size: 24px; display: block; font-weight: 700;}
#slide-about p{margin:0px; font-size: 27px; font-weight: 300; width:450px; opacity: 0; transition: 1s ease-out; transition-delay: 1.3s;}

#slide-about.on{opacity: 1;}
#slide-about.on .slide-left{transform: translateX(0);}
#slide-about.on .slide-content{transform: translateX(0);}
#slide-about.on p{opacity: 1;}


#slide-faq{ background-color:#fff; width:100%; height: 100%; overflow: hidden;}
#slide-faq .slide-right{width:100%; height: 100%; position: absolute; left:40%; top:0px; background-color:#3f6278; background-image: url(../images/homepage-slides/faq-background.jpg); background-position: left top; background-size: auto 100%; background-repeat: no-repeat; transform: translate(100%,0); transition:all 0.5s ease-out;}
#slide-faq .slide-content{width:1400px; margin:0px auto; height: 100%; position: relative;}
#slide-faq .content-left{padding:88px 32px;position: relative; z-index: 1;}
#slide-faq .content-right{position: absolute; width:450px; height: 450px; top:0px; bottom:0px; left:0px; right:0px; margin:auto; background-image: url(../images/homepage-slides/faq-search.png); background-size: contain; background-position: center; background-repeat: no-repeat; margin-top:24px; transform: rotate(180deg); opacity: 0; transition:all 0.5s ease-out; transition-delay: 2.1s;}


#slide-faq h1{margin:0px; color:#666; font-size: 22px; font-weight: 500; opacity: 0; transition:all 0.5s ease-out; transform: translate(-500px,0); transition-delay: 0.5s;}
#slide-faq h1 span{display: block; color:#000; font-size: 72px; font-weight: 600; opacity: 0; transition:all 0.5s ease-out; transition-delay: 1.2s;}
#slide-faq p{color:#000; font-size: 36px; opacity: 0; transition:all 0.5s ease-out; transition-delay: 1.5s;}
#slide-faq p strong{font-weight: 800; font-size: 72px; color:#ed5841; text-transform: uppercase; opacity: 0;  transition:all 0.5s ease-out; transform: translate(0,150px); transition-delay: 1.9s; display: inline-block;}


#slide-faq.on .slide-right{transform: translate(0,0);}
#slide-faq.on h1{opacity: 1; transform: translate(0,0);}
#slide-faq.on h1 span{opacity: 1;}
#slide-faq.on p{opacity: 1;}
#slide-faq.on p strong{opacity: 1; transform: translate(0,0);}
#slide-faq.on .content-right{transform: rotate(0deg); opacity: 1;}


#slide-numbers{ background-color:#fff;}
#slide-numbers .slide-left{ background-image: url(../images/homepage-slides/numbers-background.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; width:1400px; height: 100%; left:0; right:0; margin:0px auto; position: absolute;     transform: translateX(-338px); opacity: 0; transition:all 0.3s ease-out;}
#slide-numbers .slide-content{width:1400px; margin:0px auto; height: 100%; position: relative; background-image: url(../images/homepage-slides/numbers-color.png); background-position: left 575px top; background-size: auto 100%; background-repeat: no-repeat; transform: translateX(100%); transition:all 0.5s ease-out; transition-delay: 0.3s;}
#slide-numbers .slide-content:after{content:''; display: block; background-color:#5a4946; width:100%; height: 100%; position: absolute; top:0px; left:100%;}

#slide-numbers .content-left{background-image: url(../images/homepage-slides/numbers-infographic.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; width:400px; height: 400px; left:0px; right:0px; top:0px; bottom:0px; margin:auto; transform:translateY(-450px); transition: 0.5s ease-out; transition-delay: 0.8s;}

#slide-numbers .content-right{padding:42px 0px; position: relative; right: 72px;}
#slide-numbers h1{margin:0px; text-align: right; color:#edb95b; font-weight: 500; font-size: 40px;}
#slide-numbers h1 strong{display: block; font-size: 72px; margin:0px; color:#97c3e3; text-transform: uppercase; font-weight: 900;}
#slide-numbers h1 span{display: block; margin-top:50px; color:#a29782; font-size: 36px; position: absolute; right: 0; text-align: left;}
#slide-numbers h1  span strong{color:#ed5941;}


#slide-numbers.on{}
#slide-numbers.on .slide-left{opacity: 1;}
#slide-numbers.on .slide-content{transform: translateX(0px);}
#slide-numbers.on .content-left{transform:translateY(0px);}


#slide-contact{background-color:rgba(255,255,255,0);width:100%; height: 100%; position: relative; overflow: hidden; transition:all 0.3s ease-out;}
#slide-contact .slide-left{width:1400px; height: 100%; background-image: url(../images/homepage-slides/contact-background.jpg); background-size: auto 100%; background-position: top left; background-repeat: no-repeat; position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; transform: translateX(-57px); transition:all 0.5s ease-out; opacity: 0; }

#slide-contact .slide-content{width:1400px; height: 100%; position: relative; margin:0px auto; padding:0px; left:40%; transition:all 0.5s ease-out; transition-delay: 0.5s; transform: translateX(100%); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eebf57+0,edd29a+100 */
background: rgb(238,191,87); /* Old browsers */
background: -moz-linear-gradient(left, rgba(238,191,87,1) 0%, rgba(237,210,154,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(238,191,87,1) 0%,rgba(237,210,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(238,191,87,1) 0%,rgba(237,210,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eebf57', endColorstr='#edd29a',GradientType=1 ); /* IE6-9 */ }


#slide-contact .slide-content:before{display: block; width:250px; height: 100%; position: absolute; right:100%; content:''; background-image: url(../images/homepage-slides/contact-color.png); background-size: auto 100%; background-repeat: no-repeat; background-position: left top;}

#slide-contact .slide-content:after{display: block; content:''; width:100%; height: 100%; position: absolute; left:100%; top:0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edd29a+1,eadec7+100 */
background: rgb(237,210,154); /* Old browsers */
background: -moz-linear-gradient(left, rgba(237,210,154,1) 1%, rgba(234,222,199,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(237,210,154,1) 1%,rgba(234,222,199,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(237,210,154,1) 1%,rgba(234,222,199,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edd29a', endColorstr='#eadec7',GradientType=1 ); /* IE6-9 */
}

#slide-contact .content-left{padding:72px 32px; display: block; position: relative; width:60%; height: 100%; }

#slide-contact h1{margin:0px;  position: relative; font-size: 54px; font-weight: 500; }
#slide-contact h1 span{display: block; font-size: 36px; text-align: right;  font-weight: 600; margin-top: 54px; transition:all 1s ease-out; opacity: 0; transition-delay: 1.2s;}
#slide-contact h1 span strong{display: block; font-weight: 600;}
#slide-contact p{position: absolute; bottom:24px; right: 0px; width:115%; text-align: center; color:#1d74b1; font-weight: 600; font-size:27px; transform: translateY(150px); transition:  all 0.5s cubic-bezier(0.175, 0.885,0.32,1.275); transition-delay: 1.8s; }

#slide-contact.on{background-color:rgba(255,255,255,1);}
#slide-contact.on .slide-left{opacity: 1;}
#slide-contact.on .slide-content{transform: translateX(0);}
#slide-contact.on h1 span{opacity: 1;}
#slide-contact.on p{transform: translateY(0);}


#slide-educators{background-color:#fff; overflow: hidden; opacity: 0; transition:all 0.5s ease-out;}
#slide-educators .slide-right{background-image: url(../images/homepage-slides/educators-background.jpg); background-size: auto 100%; background-position: right top; width:1400px; height: 100%; top:0px; left:0px; right:0px; bottom:0px; margin:auto; position: absolute; transform: translateX(150px);}
#slide-educators .slide-content{width:1400px; height: 100%; margin-left:auto; margin-right: auto; background-color:#1d73b0;position: relative; transform: translateX(50%); transition:all 0.5s ease-out; transition-delay: 0.5s; border-right:1px solid #1d73b0; border-left:1px solid #1d73b0;}
#slide-educators .slide-content:before{content:''; display: block; width:245px; height: 100%; position: absolute;left:100%; top:0px; background-image: url(../images/homepage-slides/educator-color.png); background-size: auto 100%; background-repeat: no-repeat; background-position: right top;}
#slide-educators .slide-content:after{content:''; display: block; width:100%; height: 100%; position: absolute; right:100%; top:0px; background-color:#1d73b0;}
#slide-educators .content-right{width:50%; height: 100%; position: absolute; top:0px; right:-150px; padding:72px 0px;}
#slide-educators h1{margin:0px; position: relative; font-size: 54px; font-weight: 500; }
#slide-educators h1 span{display: block; font-size: 36px; text-align: center; color:#fff;  font-weight: 600; margin-top: 54px; transition:all 1s ease-out; opacity: 0; transition-delay: 1.2s; }
#slide-educators h1 span strong{display: block; font-weight: 600;}
#slide-educators p{position: absolute; bottom:24px; right: 0px; color:#f5bb2f;; font-weight: 600; font-size:22px; transform: translateY(150px); transition:  all 0.5s cubic-bezier(0.175, 0.885,0.32,1.275); transition-delay: 1.8s; }


#slide-educators.on{opacity: 1;}
#slide-educators.on .slide-content{transform: translateX(-50%);}
#slide-educators.on h1 span{opacity: 1;}
#slide-educators.on p{transform: translateY(0);}


/*SLIDE StudentSpotlight*/
#slide-student-spolight{position: absolute; display: block; width:100%; height: 100%; top:0px; left:0px; background-color:rgba(255,255,255,1); transition:  all 0.5s ease-out; overflow: hidden;}
/*#slide-student-spolight .slide-left{position: absolute; right:0px; width:50%; height: 100%; background-color:#d45e4c; transform: translateX(100%); transition:all 0.5s;}*/
#slide-student-spolight .slide-content{display: block; width:1400px; height: 100%; margin:0px auto; position: relative; transform: translateY(100%); transition:all 0.5s ease-out;}
#slide-student-spolight .slide-right{display: block; background-color:#d45e4c; position: absolute; height: 100%; width:1400px; top:0px; left:36%; background-image: url(../images/homepage-slides/student-spotlight-background.jpg); background-repeat: no-repeat; background-size: cover; background-position: left top; transform: translateX(100%); transition:all 0.5s; transition-delay: 0.8s;}

#slide-student-spolight .content-left{width:40%; height: 100%; background-image: url(../images/homepage-slides/student-spotlight-left.png); background-size: contain; background-position: right 75px bottom; background-repeat: no-repeat;}
#slide-student-spolight h1{ margin:0px 0px 0px 24px; padding:42px 0px; text-align: center; font-style: italic; font-size: 30px;}
#slide-student-spolight h1 span{position: absolute; left:45%; color:#111; display: block; width:60%; text-align: left; bottom:110px; font-size: 72px; font-style: normal; opacity: 0; transition:all 0.9s; transition-delay: 1.5s; }
#slide-student-spolight h1 span em{display: block; font-weight: 800; font-style: normal; font-size: 49px; margin-left: 0px; margin-bottom: 22px;}


#slide-student-spolight.on .slide-right{transform:translateX(0px);}
#slide-student-spolight.on .slide-content{transform:translateY(0px);}
#slide-student-spolight.on h1 span{opacity: 1;}



#slide-news{background-color:rgb(0, 117, 182); width:100%; height: 100%; overflow: hidden;}
#slide-news .slide-content{background-image: url(../images/homepage-slides/news-background.jpg); background-size: cover; background-position: center top; opacity: 0; transition: all 0.3s ease-in-out; position: relative; width:100%; height: 100%;}
#slide-news.on .slide-content{opacity: 1;}
#slide-news .content-right{width:100%; position: absolute; bottom:0px; transform: translateY(250px); text-align: center; background-color:rgb(0, 117, 182,0.7); color:#fff; transition: all 0.5s ease-in; transition-delay: 0.3s;}
#slide-news.on .content-right{transform: translateY(0)}
#slide-news .content-right h1{transform: translateX(100%); transition: all 0.8s ease-in; transition-delay: 0.8s; font-size: 48px; font-weight: 300;}
#slide-news.on .content-right h1{transform: translateX(0)}

.home .content1{padding:64px 0px 64px 0px;}
.home .content1 h2{text-align: center; font-weight: 500; font-size: 36px;}
.home .content1 h3{text-align: center; font-weight: 700; font-size: 24px; margin-bottom: 64px; margin-top:64px;}

.home .statistics{background-color:#1d73b0; color:#fff; padding:64px 0px 64px; }
.home .statistics .data-graphic{display: table; width:100%;}
.home .statistics .table-cell{display: table-cell; width:20%; padding:0px 24px;}
.home .statistics img{display: block; width:90%; max-width: 100px; height: auto; margin:0px auto;}
.home .statistics h3{text-align: center; font-weight: 800; font-size: 48px; margin:0px auto; color:#f5bb2f;}
.home .statistics p{text-align: center; font-size: 14px; margin-top:8px; margin-bottom: 8px;}

.home .logo-slider{padding:90px 0px;}
ul.logos{list-style: none; margin:0px; padding:0px;}
.logos.owl-carousel .owl-item img{/*width:70%;*/}

.home .benefits-section{background-color:#2a3a42; color:#fff; padding:64px 0px;}
.home .benefits-section .content-wrap:before{width:1000px; height: 1000px; background-image: url(../images/home-bottom-hero.png); position: absolute; top:-136px; left:-450px; display: block; content:'';}
.home .benefits-section .content-wrap{padding-left:460px;}
.home .benefits-section h2{font-size: 32px; font-weight: 500; margin-top: 0px;}
.home .benefits-list{list-style: none; margin:0px; padding:0px 0px 0px 78px;}
.home .benefits-list li{display: inline-block; width:15%; margin-right: 2%; vertical-align: top; text-align: center; font-size: 14px;}
.home .benefits-list li:last-child{margin-right: 0px;}



.home .benefits-list li:before{content:''; display: block; width:100%; height: 130px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 8px;}
.home .benefits-list li.future:before{background-image: url(../images/icons/home-planning.png);}
.home .benefits-list li.skilled:before{background-image: url(../images/icons/home-skilled.png);}
.home .benefits-list li.training:before{background-image: url(../images/icons/home-training.png);}
.home .benefits-list li.turnover:before{background-image: url(../images/icons/home-turnover.png);}
.home .benefits-list li.stakeholder:before{background-image: url(../images/icons/home-stakeholder.png);}
.home .benefits-list li.standards:before{background-image: url(../images/icons/home-standards.png);}


.home .testimonials {padding:160px 0px;}
.home .testimonials .content-wrap{padding-left: 575px;}
.home .testimonials .testimonial{font-size: 22px; font-style: italic; font-weight: 500;}
.home .testimonials .attribute{float:right;}
.home .testimonials .author{font-size: 16px; font-weight: 700; display: block;}
.home .testimonials .company{font-size: 16px; font-weight: 500; display: block;}

.home .news-spotlight{position: relative; background-color:#1d73b0; color:#fff; padding:48px 0px;}

.home .news-spotlight .spotlight-content{width:65%; padding-right: 64px; float:left;}
.home .news-spotlight .spotlight-content.no-feature{width:auto; padding-right: 0px; float:none;}
.home .news-spotlight .spotlight-feature{width:35%; float:left;}
.home .news-spotlight .spotlight-feature img{width:100%; height: auto;}
.home .news-spotlight h2{font-size: 32px; font-weight: 500; margin-top:0px;}

.home .news-spotlight.style2{background-color:#fff; color:#333; border-top:12px solid #1d73b0;}
.home .news-spotlight.style2 .spotlight-content{padding-right: 0px; padding-left: 64px;}

.home #educators-article{display: inline-block; width:50%; padding-left:24px; vertical-align: top;}
.home #business-article{display: inline-block; width:50%; padding-right: 24px; vertical-align: top;}
.home #educators-article .spotlight-feature,
.home #business-article .spotlight-feature,
.home #educators-article .spotlight-content,
.home #business-article .spotlight-content{float:none; width:auto; max-width:100%;}

.home .bottom-content{padding:120px 0px;}
.home .industries-served{width:50%; float: left; padding-right: 64px;}
.home .industries-served img{width:100%; height: auto; margin-top:64px;}
.home .mission{width:50%; float: left;}
.home .mission h2{text-align: center;}
.home .content1 blockquote{ max-width: 800px; margin:48px auto;}

.highlight-article{background-color:#2a3a42; color:#fff; padding:1px 48px 48px; margin-top:48px;}
.highlight-article h3{text-align: center; color:#f5bb2f;}

footer{position: relative; background-color: #fff;}
.footer-top{background-color:#2a3a42; color:#fff; border-top:1px solid #eaad09; border-bottom: 1px solid #eaad09; padding:24px 0px; font-size: 24px; font-weight: 500; text-align: center;}

.footer-bottom{padding:48px 0px 64;}
footer nav{width:65%; float:left;}
footer nav ul{width:32%; float:left; list-style: none; padding:0px; margin-right: 2%;}
footer nav ul:last-child{margin-right: 0px;}
footer nav li{padding:0px; margin:0px 0px 24px 0px; color:#666;}
footer nav a{color:#666; text-decoration: none;}
footer nav em{font-size: 12px;}
footer .copyright{ width:35%; float:left; background-repeat: no-repeat; background-position: top center; font-size: 16px; text-align: center;}
footer .copyright img{max-width: 100%; display: block; margin-left:auto; margin-right: auto;}
footer .disclaimer{text-align: center; font-style: italic; font-size: 14px; max-width: 1024px; margin-left: auto; margin-right: auto; clear: both;}
footer .credit{text-align: center; font-size: 14px; color:#555; margin-bottom: 24px;}

.industries-table{}
.industries-table .row{}
.industries-table .industry{vertical-align: top; font-size: 22px; font-weight: 600; padding-right: 22px; min-width: 240px;}
.industries-table .value{vertical-align: top;}
.industries-table .counter{width:18px; height: 36px; margin:0px 6px 6px 0px; display: inline-block; background-image: url(../images/icons/person-orange.svg); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0; transition: all 0.5s ease;}
.industries-table .counter.on{opacity: 1;}

.industries-table .agriculture{color:#74a935;}
.industries-table .computer{color:#1d74b1;}
.industries-table .marketing{color:#796360;}
.industries-table .education{color:#9ca748;}
.industries-table .family{color:#edb95b;}
.industries-table .engineering{color:#ed5841;}
.industries-table .healthcare{color:#603913;}
.industries-table .transportation{color:#6ba8d3;}
.industries-table .law{color:#454545;}

.industries-table .agriculture .counter{background-image:url(../images/icons/person-green1.svg);}
.industries-table .computer .counter{background-image:url(../images/icons/person-blue1.svg);}
.industries-table .marketing .counter{background-image:url(../images/icons/person-brown.svg);}
.industries-table .education .counter{background-image:url(../images/icons/person-green2.svg);}
.industries-table .family .counter{background-image:url(../images/icons/person-yellow1.svg);}
.industries-table .engineering .counter{background-image:url(../images/icons/person-orange2.svg);}
.industries-table .healthcare .counter{background-image:url(../images/icons/person-brown2.svg);}
.industries-table .transportation .counter{background-image:url(../images/icons/person-blue2.svg);}
.industries-table .law .counter{background-image:url(../images/icons/person-grey1.svg);}




.interior .hero{height: 450px; position: relative; top:75px;     border-bottom: 2px solid #2a3a42;}
.interior .breadcrumbs{padding:75px 0px 0px 0px; font-size: 14px; text-align: right;}
.interior .breadcrumbs ul{list-style: none; margin:12px 0px 0px 0px; padding: 0px;}
.interior .breadcrumbs li{list-style: none; margin:0px 8x 0px 0px; padding:0px; display: inline-block;}
.interior .breadcrumbs li:before{content:'>'; display: inline-block; margin-right: 4px;}
.interior .breadcrumbs li:nth-child(1):before{content:'';}
.interior .content1{padding:0px 0px 64px 0px;}
.interior h2{font-weight: 500; text-align: center; margin:64px 0px 64px;}
.interior h2.no-m-bottom{margin-bottom: 0px;}

.interior .logo-slider{padding:0px 0px 32px 0px;}
.interior .logos.owl-carousel .owl-item img{width:100%;}
figure{max-width: 100%; margin: auto;}
figure img{max-width: 100%;}
figure.aside{float:left; width:30%; max-width: 250px; margin:0px 24px 16px 0px; }
figure.aside.right{float:right; margin:0px 0px 16px 24px;}
figure.aside img{display: block; margin:0px auto; width:auto; max-width: 100%;}
figure.aside figcaption{font-size: 14px; text-align: center; font-style: italic;}
.benefits .benefits-list{list-style: none; margin:0px; padding:0px 0px 78px 0px;}
.benefits .benefits-list li{display: inline-block; width:32%; margin-right: 2%; margin-bottom: 48px; vertical-align: top;  text-align: center;}
.benefits .benefits-list li:nth-child(3n){margin-right: 0px;}

.benefits .benefits-list h3{font-size: 22px; margin:36px 0px 24px;}

.benefits .benefits-list li:before{display: block; width:85px; height: 85px; margin:0px auto; content:''; background-position: center; background-repeat: no-repeat; background-size: contain; transform: translateY(24px); opacity: 0; transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.benefits .benefits-list li.on:before{transform: translateY(0px); opacity: 1;}

.benefits .benefits-list li.future:before{background-image: url(../images/icons/climbing.svg);}
.benefits .benefits-list li.skilled:before{background-image: url(../images/icons/tool.svg);}
.benefits .benefits-list li.training:before{background-image: url(../images/icons/training.svg);}
.benefits .benefits-list li.turnover:before{background-image: url(../images/icons/handshake.svg);}
.benefits .benefits-list li.stakeholder:before{background-image: url(../images/icons/planning.svg);}
.benefits .benefits-list li.standards:before{background-image: url(../images/icons/growing.svg);}
.benefits .benefits-list li.educating:before{background-image: url(../images/icons/head-gear.svg);}
.benefits .benefits-list li.community:before{background-image: url(../images/icons/cooperation.svg);}
.benefits .benefits-list li.opportunity:before{background-image: url(../images/icons/idea-money.svg);}
.benefits .benefits-list li.jobs:before{background-image: url(../images/icons/on-target.svg);}


.benefits .highlight{background-color:#4d7e9f; border-top:1px solid #f5bb2f; border-bottom: 1px solid #f5bb2f; padding:120px 0px; text-align: center; font-size: 25px;}

.benefits .bottom-content .content-wrap:before{width:1000px; height: 1000px; background-image: url(../images/benefits-bottom-hero.png); position: absolute; top:-108px; right:-450px; display: block; content:'';}
.benefits .bottom-content .content-wrap{padding-right:545px;}
.benefits .bottom-content .content-wrap h2{margin-right: -100px;}
.benefits .bottom-content .benefits-list li{ width:48%; margin-right: 4%;}
.benefits .bottom-content .benefits-list li:nth-child(3n){margin-right: 4%;}
.benefits .bottom-content .benefits-list li:nth-child(2n){margin-right: 0px;}


.testimonials-grid .testimonial{width:45%; box-shadow: rgba(0,0,0,0.5) 1px 1px 1px 2px; padding:24px 24px 64px; margin-bottom: 24px; opacity: 0; transition:all 0.5s ease-out;}
.testimonials-grid .testimonial.on{opacity: 1;}
.testimonials-grid .testimonial .logo{width:20%; float:left; margin-right: 16px; margin-bottom: 16px;}
.testimonials-grid h5{font-size: 24px; margin-top: 8px;}
.testimonials-grid p{line-height: 1.5em;}
.testimonials-grid .attributed{text-align: right;}
.testimonials-grid .author{text-transform: uppercase;}
.testimonials-grid .position{font-style: italic; display: inline-block; padding-left: 12px;}
.testimonials-grid .position:before{content:'- '; display: inline-block; margin-right: 12px;}
.testimonials-grid .submitted{font-size: 14px; margin-top:12px;}

.get-involved .content1 .button{margin:48px auto;}
.get-involved .win-for-students{background-color:#1d73b0; color:#fff; position: relative; border-top:5px solid #f5bb2f; }
.get-involved .win-for-students .content-wrap:before{width:1000px; height: 1000px; background-image: url(../images/get-involved-hero2.png); position: absolute; top:-108px; right:-450px; display: block; content:'';}
.get-involved .win-for-students .content-wrap{padding-right:545px; padding-bottom: 120px;}
.get-involved .win-for-students .content-wrap h2{margin-right: -100px; color:#f5bb2f;}

.get-involved .win-for-employers { position: relative; background-color:#fff; border-top:5px solid #f5bb2f;}
.get-involved .win-for-employers .content-wrap:before{width:1000px; height: 1000px; background-image: url(../images/get-involved-hero.png); position: absolute; top:-108px; left:-450px; display: block; content:'';}
.get-involved .win-for-employers .content-wrap{padding-left:545px; padding-bottom: 120px; padding-top: 120px;}
.get-involved .win-for-employers .content-wrap h2{margin-left: -100px; margin-top: 0px; }

.about .content1.content-wrap{padding-right: 40%;}
.about .content1.content-wrap iframe{position: absolute; height: 350px; width:40%; right:0px; top:0px; bottom:0px; margin:auto;}
.about .content1 img{float:right;}
.about .content1.content-wrap h2{}
.about .highlight{background-color:#1d73b0; border-top:1px solid #f5bb2f; border-bottom:1px solid #f5bb2f; padding:48px 0px;}
.about .highlight iframe{position: absolute; height: 350px; width:40%; right:0px; top:0px; bottom:0px; margin:auto;}
.about .highlight .content-wrap{padding-right: 40%;}
.about .highlight h2{margin-top:0px;}
.about .WBL-Requirements{ padding-bottom: 48px;}
.about .what-is-yac  .content-wrap:before{width:1000px; height: 1000px; background-image: url(../images/about-hero.png); position: absolute; top:-108px; left:-450px; display: block; content:'';}
.about .what-is-yac  .content-wrap{padding-left:545px; padding-bottom: 120px;}
.about .what-is-yac  .content-wrap h2{margin-left: -100px;}

.about .statistics{background-color:#2a3a42; border-top:1px solid #f5bb2f; border-bottom:1px solid #f5bb2f;color:#fff; padding:64px 0px 64px; }
.about .statistics .data-graphic{display: table; width:100%;}
.about .statistics .table-cell{display: table-cell; width:20%; padding:0px 24px;}
.about .statistics img{display: block; width:90%; max-width: 100px; height: auto; margin:0px auto;}
.about .statistics h3{text-align: center; font-weight: 800; font-size: 48px; margin:0px auto; color:#f5bb2f;}
.about .statistics p{text-align: center; font-size: 14px; margin-top:8px; margin-bottom: 8px;}


.faqs .content-section{padding:48px 0px; opacity: 0; transition: all 0.5s ease-out;}
.faqs .content-section.on{opacity: 1;}
.faqs .content-section h2{margin-top:0px; text-align: left;}
.faqs .content-section:nth-child(2n){background-color:#1d73b0; border-top:1px solid #f5bb2f; border-bottom:1px solid #f5bb2f; color:#fff;}

.faqs .content-section p{padding-left:120px;}

.statistics .wbl-clusters{width:50%; float:left;}
.statistics .yap-clusters{width:50%; float:right;}

.statistics .highlight{background-color:#1d73b0; color:#fff; padding:64px 0px 64px; margin-bottom: 120px; margin-top: 120px; }
.statistics .highlight .data-graphic{display: table; width:100%;}
.statistics .highlight .table-cell{display: table-cell; width:20%; padding:0px 24px;}
.statistics .highlight img{display: block; width:90%; max-width: 100px; height: auto; margin:0px auto;}
.statistics .highlight h3{text-align: center; font-weight: 800; font-size: 48px; margin:0px auto; color:#f5bb2f;}
.statistics .highlight p{text-align: center; font-size: 14px; margin-top:8px; margin-bottom: 8px;}

.statistics .wbl-enrollment{width:50%; float:left;}
.statistics .wbl-credits{width:50%; float:right;}

.statistics .active-chart h3{text-align: center;}
.statistics .active-chart{padding:24px 48px;}
.statistics .chart-holder{width:100%; height: 450px; position: relative;}
.statistics .wbl-enrollment .chart-holder{height: auto;}
.statistics footer{margin-top:120px;}

.contact .main-contact{width:auto; margin:0px auto 64px; text-align: center;}
.contact .main-contact h3{font-weight: 600; font-size: 16px; text-align: center;}
.contact .main-contact h3 span{font-weight: 500; font-size: 24px; display: block;}
.contact .main-contact a.email{display: block; margin-bottom: 12px;}

.contact .board-member{float:left; width:32%; margin-right: 2%; margin-bottom: 32px; text-align: center;}
.contact .board-member:nth-child(3n){margin-right: 0px;}
.contact .board-member:nth-child(3n+1){clear: left;}
.contact .board-member h3{font-weight: 600; font-size: 16px; text-align: center;}
.contact .board-member h3 span{font-weight: 500; font-size: 24px; display: block;}
.contact .board-member a.email{display: block; margin-bottom: 12px;}
.contact .board-member a.phone{display: block; margin-bottom: 12px;}

.contact .region-chairs{border-top:10px solid #1d73b0; padding-bottom: 120px; padding-top: 72px;}
.contact .region{float:left; width:32%; margin-right: 2%; margin-bottom: 32px; text-align: center;}
.contact .region:nth-child(3n){margin-right: 0px;}
.contact .region:nth-child(3n+1){clear: both;}


.contact .region a.email{display: block; margin-bottom: 12px;}
.contact .region a.phone{display: block; margin-bottom: 12px;}

.contact .region-map{display: block; width:100%; height: auto; text-align: center;}
.contact .region-map figcaption{font-size: 36px; font-weight: 600; margin-bottom: 24px;}
.contact .region-map img{display: block; margin-left:auto; margin-right: auto; max-width: 100%; max-height: 80vh;}

.table-wrap{display: table; width:100%;}
.table-wrap .left-sidebar{background-color:#4d7e9f; border-right:1px solid #f5bb2f; display: table-cell; padding:75px 0px 36px 0px; vertical-align: top;}
.table-wrap .main-content{display: table-cell; vertical-align: top;}
.table-wrap .right-sidebar{display: table-cell; vertical-align: top;}
.table-wrap .left-sidebar h2{color:#fff; margin:24px; font-size: 24px; font-weight: 600;}
.table-wrap .left-sidebar .side-menu{margin: 0px; padding:0px; list-style: none; width:100%; border-top:1px solid #dedede;}
.table-wrap .left-sidebar .side-menu li{margin:0px; width:100%; border-bottom: 1px solid #dedede; background-color:rgba(255,255,255, 0.0); transition: all 0.3s ease-in-out;}
.table-wrap .left-sidebar .side-menu li.selected,
.table-wrap .left-sidebar .side-menu li:hover{background-color:rgba(255,255,255, 0.3);}
.table-wrap .left-sidebar .side-menu li:after{content:''; display: block; clear: both;}
.table-wrap .left-sidebar .side-menu a{display: block; float:right; width:100%; max-width: 300px; padding:24px; color:#fff; text-decoration: none; cursor: pointer;}
.table-wrap .left-sidebar .side-menu a span{font-size: 14px; font-style: italic; display: block;}


    form .select{width:275px; margin-bottom: 16px;}
    form input{width:275px; font-size: 18px; margin-bottom: 16px; padding:8px; color:#999; border:1px solid #999; border-radius: 3px;}
    form input.large{width:500px;}
    form label{width:150px; display: inline-block; vertical-align: middle;}
    form input[type="submit"]{margin-left: auto; margin-right: auto; display: block; color:#222; cursor: pointer;}
    form textarea.small{height: 250px;}


.toggle{display: block; width:30px; height: 30px; border-radius: 50%; background-color:#f5bb2f; position: relative; box-shadow: rgba(0,0,0,0.5) 1px 1px 2px; transition:all 0.3s ease-in-out; z-index: 1; cursor: pointer;}
.toggle:before{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(0deg); top:14px; left:7px; transition:all 0.3s ease-in-out;}
.toggle:after{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(90deg); top:14px; left:7px; transition:all 0.3s ease-in-out;}
.toggle:hover:after{transform:rotate(0deg); top:15px; left:7px;}
.toggle:hover:before{transform:rotate(45deg); height: 14px; width:14px; top:8px; left:7px; border-right:2px solid #fff;}
.content-card .toggle{position: absolute; right:12px; bottom:12px;}

.toggle-more{text-align: right;}
.toggle-more:before{content:'Read more ';}
.toggle-more .toggle{display: inline-block;  vertical-align: middle; position: relative; bottom:auto; right:auto; left:auto; top:-3px; transform:rotate(90deg);}
.on > .toggle-more:before{content:'Read less ';}
.on > .toggle-more .toggle{transform:rotate(-90deg);}
.on > .toggle-more .toggle:before{transform:rotate(90deg);}
.on > .toggle-more .toggle:hover:before{transform: rotate(45deg);}


.gallery-details .gallery{padding-bottom: 64px;}
.gallery .pswp-gallery figure{display: inline-block; width:200px; margin:12px; vertical-align: top;}
.gallery .pswp-gallery figure img{max-width: 100%;}
.gallery .pswp-gallery figcaption{font-weight: 400; font-size: 16px; text-align: center; display: none;}
.gallery .pswp-gallery figcaption .description{display: none;}
.pswp__caption__center{text-align: center;}
.pswp__caption__center .title{display: block; text-align: center; font-size: 16px; }

.pagination{display: block; float: right;margin:0px 24px 24px 0px; padding-right: 16px;}
.pagination h5{text-transform: uppercase; font-weight: 400; font-size: 16px; color:#676767; margin:0px;}
.pagination a{display: inline-block; text-decoration: none; color:#676767; padding:6px 12px;}
.pagination a.active{color:#bd2615; font-weight:800;}
.pagination a.prev{width:30px; height: 30px; vertical-align: middle; border-radius: 50%; background-color:#676767; position: relative;}
.pagination a.prev:before{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(0deg); top:14px; left:7px; transition:all 0.3s ease-in-out; transform:rotate(-135deg); height: 14px; width:14px; top:8px; left:7px; border-right:2px solid #fff; }
.pagination a.prev:after{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(90deg); top:14px; left:7px; transition:all 0.3s ease-in-out; transform:rotate(0deg); top:15px; left:7px;}

.pagination a.next{width:30px; height: 30px; vertical-align: middle; border-radius: 50%; background-color:#676767; position: relative;}
.pagination a.next:before{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(0deg); top:14px; left:7px; transition:all 0.3s ease-in-out; transform:rotate(45deg); height: 14px; width:14px; top:8px; left:7px; border-right:2px solid #fff; }
.pagination a.next:after{content:''; display: block; width:16px; height: 1px; border-color:#fff; border-top:2px solid #fff; position: absolute; transform: rotate(90deg); top:14px; left:7px; transition:all 0.3s ease-in-out; transform:rotate(0deg); top:15px; left:7px;}

.pagination .breaker{}



.news .news-list{clear: both;}
.news .news-item{border-bottom:1px solid #676767; padding:24px 0px;}
.news .news-item:after{content:''; display: block; clear: both;}
.news .news-item:last-child{border-bottom: none;}
.news .news-item .more{padding:0px 0px; overflow: hidden; max-height: 0px; transition:all 0.8s ease-in-out;}
.news .news-item.on .more{max-height: 1500px;}
.news .news-item h2{margin-top:0px;}
.news .news-item .date{font-weight: 700;}
.news .news-item .author{font-style: italic;}
.news .pagination{margin-top:-16px;}
.resource-list li{list-style: none; margin-bottom: 12px; font-size: 0.9em; position: relative; color:#333;}
.resource-list a{color:#676767; text-decoration: none;}
.resource-list .updated{font-size: 14px; font-style: italic; color:#b22424; display: block; line-height: 1em; padding-left: 32px;}
.resource-list .date{font-size: 14px; color:#676767; line-height: 1em; display: block; font-weight: 400; font-style: italic;}


.login .announcement{float:left; width:50%; padding-right: 24px; border-right: 1px solid #333;}
.login .login-form{float:right; width:50%; padding-left: 24px;}

#region-map-wrap{width:auto; text-align: center; padding-bottom: 48px;}
#region-map{width:60%; height: auto; margin:0px auto; transition: 0.3s ease-in-out; display: inline-block; vertical-align: middle;}
#region-map.on{width:20%;}
.directory{display: inline-block; vertical-align: middle;}
.directory .region{display: none;}
.directory .region.on{display: block; vertical-align: middle; float:none; width:auto;}
.directory .directory-list{display: table;list-style: none; border-collapse: collapse; margin:0px; padding:0px; width:100%;}
.directory .direcotry-list * {white-space: normal; word-break: break-all; }
.directory .directory-list th{border:1px solid #333; padding:8px 12px;}
.directory .directory-list td{display: table-cell; border:1px solid #333; padding:8px 12px;}


@media only screen and (max-width:1812px){
    .table-wrap .main-content{padding-left: 32px; padding-right: 32px;}
}

@media only screen and (max-width:1432px){
    
    .content-wrap{max-width: 1224px; margin-left:auto; margin-right:auto;}
    
    .home .hero #slide1 .slide-content{width:1224px;}
    #slide1.on .slide-content{transform: translateX(0px);}
    
    #slide-benefits .slide-content{width:1224px;}
    #slide-benefits h1{font-size: 30px;}
    #slide-benefits.on .slide-content{transform: translate(-45px, 0px);}
    #slide-benefits .future{right:309px;}
    #slide-benefits .building{right:-31px;}
    #slide-benefits .growing{right:416px;}
    #slide-benefits .creating{right:-31px;}
    #slide-benefits .content-right:after{right: 274px; width:108px;}
    
    #slide3 .slide-content{width:1224px;}
    #slide3 .icon1{left:262px}
    #slide3 .icon2{left:178px;}
    #slide3 .icon3{left:345px;}
    
    #slide2 .slide-content{width:1224px;}
    #slide2 .content-left{    background-position: right 21px bottom;}
    #slide2 h1 span{left:45%;}
    
    #slide-about.on .slide-content{width:1224px;}
    #slide-about .slide-left:before{width:25%;}
    
    #slide-faq .slide-content{width:1224px;}
    
    
    #slide-contact .slide-left{width:1224px;}
    #slide-contact .slide-content{width:1224px;}
    
    #slide-educators .slide-right{width:1224;}
    #slide-educators .slide-content{width:1224;}
    
    #slide-student-spolight .slide-content{width:auto; margin-left:16px; margin-right: 16px;}
    #slide-student-spolight .slide-right{left:-232px;}
}


@media only screen and (max-width:1302px){
   /* #slide-student-spolight h1 span{font-size: 54px;}
    #slide-student-spolight h1 span em{font-size: 36px;}*/
}

@media only screen and (max-width:1288px){
    .table-wrap .main-content{padding-left:0px; padding-right: 0px;}
    .content-wrap{width:auto; margin-left:32px; margin-right: 32px;}
     #magic_slides{overflow: hidden;}
    .home .hero{height: 550px;}
    
    #homepage.slide{background-size: 595px auto;}
    #homepage .slide-right{background-size: 500px auto;}
    #homepage .slide-left{background-size: 500px auto;}
    #homepage.on .slide-right{transform: translateX(136px) translateY(0px);}
    #homepage.on .slide-left{transform: translateX(-136px) translateY(0px);}
    #homepage h2{margin-top: 263px; font-size: 30px;}
    #homepage h1{font-size: 40px;}
    #homepage h1 span{font-size: 53px}
    #homepage .layer{height: 123px;}
    
    .home .statistics img{width:auto;}
    .home .statistics h3{font-size: 36px;}
    .logos.owl-carousel .owl-item img{width:100%;}
    .home .logo-slider{padding:110px 0px;}
    .home .benefits-section .content-wrap:before{width:600px; height: 600px; background-size: contain; left:-166px;}
    .home .benefits-list li:before{height: 72px;}
    .home .benefits-section .content-wrap{padding-left: 407px;}
    .home .benefits-list{padding-left:30px;}
    .home .benefits-section h2{font-size: 27px;}
    .home .testimonials{padding:180px 0px 110px 0px;}
    .home .testimonials .content-wrap{padding-left: 0px;}
    
    
    
    #slide3 .slide-content{width:auto;}
    #slide3 .content-right:before{background-image: url(../images/homepage-slides/slide3-infographic-med.png);}
    #slide3 .icon1{display: none;}
    #slide3 .icon2{display: none;}
    #slide3 .icon3{display: none;}
    
    .get-involved .win-for-students .content-wrap:before{width:800px; height: 800px; background-size: contain; right:-332px;}
    .get-involved .win-for-students .content-wrap{padding-right: 453px;}
    
    .get-involved .win-for-employers .content-wrap:before{width:800px; height: 800px; background-size: contain; left:-300px;}
    .get-involved .win-for-employers .content-wrap{padding-left: 498px; padding-top: 72px;}
    
    
    #slide2 .slide-right{width:100%;}
    #slide2 .slide-content{width:auto;}
    #slide2 .content-left{width:50%;}
    #slide2 h1 span{left:50%; padding:0px 24px; font-size: 32px; text-align: center; width:50%; }
    #slide2 h1 span em{margin-left: 0px; margin-bottom: 0px;}
    
    .testimonials-grid .testimonial .logo{float:none; width:auto; max-width: 350px;margin:0px auto; display: block;}
    .testimonials-grid h5{text-align: center; font-size: 22px;}
    
    #slide-benefits .slide-content{width:auto; background-image: none;     transform: translate(0, 0);}
    #slide-benefits h1{position: absolute; top:auto; bottom:100%; width:100%; background-color:#4d7e9f; padding:16px; transform: translateY(-100%); transition: all 0.5s ease-out; transition-delay: 0.5s; z-index: 1;}
    #slide-benefits .slide-left{right:0px; background-image: url(../images/homepage-slides/benefits-background-med.jpg); background-size: cover; background-position: center; }
    #slide-benefits .slide-left:before{content:''; display: block; width:250px; height: 100%; background-image: url(../images/homepage-slides/benefits-color.png); background-repeat: no-repeat; background-size: auto 100%; background-position: top right; position: absolute; left:100%; top:0px;}
    
    #slide-benefits .content-right{}
    #slide-benefits .future{right:auto; left:90px; text-align: left; top:32px; color:#fff;}
    #slide-benefits .future:before{left:-70px; top:0px; right: auto;}
    #slide-benefits .building{right:90px; top:32px; text-align: right; color:#fff;}
    #slide-benefits .building:before{right:-70px; top:14px; left:auto;}
    #slide-benefits .growing{right:auto; left:90px; top:216px; color:#fff; text-align: left;}
    #slide-benefits .growing:before{right:auto; left: -70px; top:-8px;}
    #slide-benefits .creating{right:90px; top:216px; text-align: right; color:#fff;}
    #slide-benefits .creating:before{top:-20px; right: -70px; left:auto;}
    
    #slide-benefits.on h1{transform: translateY(0); bottom:0px;}
    #slide-benefits.on .slide-content{transform: translate(0, 0);}
    
    .benefits .benefits-list{padding-bottom: 24px;}
    
    .benefits .bottom-content .content-wrap:before{display: none;}
    .benefits .bottom-content{background-image: url(../images/mobile/benefits-community-med.jpg); background-size: auto; background-position: center top; background-repeat: no-repeat; padding-top: 340px;}
    .benefits .bottom-content .content-wrap{padding-right: 0px;}
    .benefits .bottom-content .content-wrap h2{margin-right: 0px;}
    .benefits .bottom-content .benefits-list li{width:23.5%; margin-right: 2%;}
    .benefits .bottom-content .benefits-list li:nth-child(3n){margin-right: 2%;}
    .benefits .bottom-content .benefits-list li:nth-child(2n){margin-right: 2%;}
    .benefits .bottom-content .benefits-list li:last-child{margin-right: 0px;}
    
    .benefits .highlight{padding:48px 0px;}
    
    #slide-about{background-image: url(../images/homepage-slides/about-background-med.jpg); background-size: cover; background-position: center;}
    #slide-about .slide-left{right:60%; background-color:rgba(255,255,255,1); border-right:1px solid #fff;}
    #slide-about .slide-left:before{background-image: none; background-color: #fff; width:225px; border-top-right-radius: 225px; border-bottom-right-radius: 225px;}
    #slide-about h1{width:50%;  font-size: 48px; margin-bottom: 90px;}
    #slide-about h1 span{font-size: 32px; padding-left:16px;}
    #slide-about.on .slide-left{}
    #slide-about.on .slide-content{width:auto;}
    
    /*.about .content1.content-wrap{background-image: none; padding-left: 0px;}
    .about .content1.content-wrap h2{margin-left: 0px;}
    .about .content1.content-wrap p:first-of-type:before{content:''; display: block; float:left; background-image: url(../images/about-infographic.png); background-size: contain; background-position: center; background-repeat: no-repeat;margin:0px 24px 24px 0px; width:383px; height: 383px;}*/
    .about ul.career-pathways{clear:left;margin-left: 48px; }
    
    
    .about .what-is-yac  .content-wrap:before{width:800px; height: 800px; background-size: contain; position: static; float:left; margin-left:0px; margin-right: 24px; margin-top:0px; margin-bottom: 24px; shape-outside: circle(); -webkit-shape-outside:circle(); }
    .about .what-is-yac  .content-wrap{padding-left: 0px; position: relative; left:-335px; margin-right: -335px; padding-right: 32px; padding-bottom: 0px; max-width: none;}
    
    .statistics .wbl-clusters{width:auto; float:none;}
    .statistics .yap-clusters{width:auto; float: none;}
    .statistics .wbl-enrollment{width:auto; float:none;}
    .statistics .wbl-credits{width:auto; float:none;}
    .statistics .highlight{margin:64px 0px;}
    
    .statistics .highlight h3{font-size: 36px;}
    
    #slide-numbers .slide-left{width:100%; height: 100%; background-image: url(../images/homepage-slides/numbers-background-med.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; transform: translateX(0px);}
    #slide-numbers .slide-content{width:650px; margin:0px 0px 0px auto; background-position: left top;}
    #slide-numbers.on .content-left{display: none;}
    #slide-numbers h1{font-size: 35px;}
    #slide-numbers h1 span{margin-top: 76px;}
    
    #slide-faq .slide-right{background-image: url(../images/homepage-slides/faq-background-med.jpg);}
    #slide-faq .slide-content{width:auto;}
    #slide-faq .content-right{width:250px; height: 222px; transform: translateY(250px) rotate(180deg) ;}
    
    #slide-faq.on .content-right{transform: translateY(0px) rotate(0deg);}
    
    #slide-contact .slide-left{width:100%; }
    #slide-contact .slide-content{width:auto;}
    
    
    #slide-educators .slide-right{width:100%;}
    #slide-educators .slide-content{width:auto;}
    #slide-educators .content-right{right:0px; padding:72px 0px 0px 32px;}
    #slide-educators h1{font-size: 51px;}
    #slide-educators p{width:115%; left:32px; text-align: center;}
    
    
    

}

@media only screen and (max-width:1080px){
    .home .bottom-content{padding:48px 0px;}
    
    
    
}

/*Mobile Navigation*/
@media only screen and (max-width:1024px){
    header nav:hover > ul:after{display: none;}
    header:before{content:'MENU'; display: block; position: absolute; top:13px; right: 16px; color:#111; width:48px; font-size: 16px; border-bottom: 2px solid #111; padding-bottom: 0px; transition: all 0.3s ease-out;}
    header:after{content:''; display: block; position: absolute; top:38px; right:16px; bottom:auto; left:auto; background:none; z-index: auto; box-shadow: none; border-top:2px solid #111; border-bottom:2px solid #111; width:48px; height: 3px; transition: all 0.3s ease-out;}
    
    .offtop header:before{top:9px;}
    .offtop header:after{top:33px;}
    
    header nav{position: fixed; top:0px; left:100%; height: 100vh; width:100%; margin:0px; background-color:#000; z-index: 999; overflow-y: scroll; transition:all 0.3s ease;}
    header nav ul{margin-top:48px; margin-bottom: 48px; height: auto; }
    header nav li{display: block; width:100%; border-bottom:1px solid #fff; text-align: left;}
    header nav li:last-child a,
    header nav .no-link, header nav a{padding:16px 24px 16px 124px; display: block; font-size: 18px; color:#fff; font-weight: 500;}
    .offtop header nav .submenu a,
    .offtop header nav .no-link, .offtop header nav a,
    header nav .no-link, header nav a{height: auto; line-height: normal;}
    header nav .submenu .menu-image{display: none;}
    header nav.on{left:0px;}
    
    header nav .submenu{display: block; position:fixed; top:0px; left:100%; height: 100vh; width:100%; margin:0px; background-color:#333; z-index: 999; overflow-y: scroll; padding-top:48px; padding-bottom: 48px; box-shadow: rgba(0,0,0,0.0) 0px 0px 0px 0px;}
    header nav:before,
    header nav .submenu:before{content:''; display: block; position: absolute; top:16px; left:16px; width:24px; height: 24px; background-image:url('../images/menu-back.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;}
    header nav .submenu ul{height: auto; padding:0px; width:auto; float:none;}
    header nav .submenu li:nth-child(1) a,
    header nav .submenu a{color:#fff; padding:16px 24px 16px 124px; font-weight: normal; display: block;}
    header nav .submenu.on{left:100px;height: 100vh; padding:48px 0px 48px 0px; box-shadow: rgba(0,0,0,0.5) 0px 0px 4px 4px;}
    
    header nav > ul > li:hover > a:before, header nav > ul > li:hover > .no-link:before{display: none;}
    header nav > ul > li > .no-link:after{display: none;}
    header nav .submenu{background-image: none;}
    header nav .submenu li,
    header nav .submenu li:hover{border-bottom:1px solid #fff; margin-bottom: 0px;}
    header nav .submenu li:nth-child(2) a, 
    header nav .submenu li:nth-child(3) a{font-size: 18px; padding:16px 24px 16px 124px; font-style: normal;}
    
    header nav .no-link:hover, header nav a:hover{background-color:rgba(255,255,255,0.3);}
    
    header .content-wrap{height: 100%;}
    
     #slide-faq .content-right{left:auto; right:250px;}
    
    footer nav{width:auto; float:none;}
    footer nav ul{width:auto; float:none; display: inline;}
    footer nav li{display: inline-block;}
    footer nav a{display: inline-block; padding:16px;}
    footer .copyright{width:auto; margin-left: -16px; margin-right: -16px; padding:32px 16px 32px 50%; border-top:1px solid; float:none; background-position: left 24px center;}
}
/*Mobile Navigation*/
@media only screen and (max-width:986px){
    
    #slide-contact .content-left{padding:32px 24px 32px 0px;}
    #slide-contact h1{font-size: 44px;}
    #slide-contact h1 span{font-size: 36px; margin-left: -114px; margin-top: 79px;}
    
    
    #slide-educators .content-right{padding:40px 0px 0px 32px;}
    #slide-educators h1 span{font-size: 27px; margin-top:47px;}
    #slide-educators p{font-size: 18px;}
    
    
    .home .benefits-section .content-wrap:before{display: none;}
    .home .benefits-section .content-wrap{padding-left: 0px;}
    .home .benefits-section h2{font-size: 24px; text-align: center; margin-bottom: 32px;}
    .home .benefits-list{padding-left: 0px;}
    .home .testimonials{padding:79px 0px;}
    
}

@media only screen and (max-width:900px){
    .about .what-is-yac  .content-wrap h2{margin-left: 0px;}
    .about .what-is-yac{background-image: url(../images/mobile/youth-apprenticeship-program-med.jpg); background-size: auto; background-position: center top; background-repeat: no-repeat; padding-top:350px; padding-bottom: 48px;}
    .about .what-is-yac  .content-wrap:before{display: none;}
    .about .what-is-yac  .content-wrap{position: static; margin-right: 24px; padding-right: 0px;}
    
    #slide-student-spolight .slide-right{ left:-223px; width:200%;}
    #slide-student-spolight .slide-content{width:auto;}
    #slide-student-spolight .content-left{background-position: right bottom; width:50%;}
    #slide-student-spolight h1 span{color:#111;}
    
    
    .home #educators-article{display: block; width:auto; padding-left:0px; vertical-align: top;}
    .home #business-article{display: block; width:auto; padding-right: 0px; vertical-align: top;}
}

@media only screen and (max-width:800px){
    
    body{font-size: 16px;}
    
    header{height: 60px;}
    header a.logo{width:90px; height: 45px;}
    
    .content-wrap{margin-left:16px; margin-right: 16px;}
    .home .hero{top:60px; height: 300px;}
    #homepage.slide{background-image: url(../images/homepage-slides/home-background-med.png); background-size: auto;}
    #homepage .slide-left{background-image: url(../images/homepage-slides/home-side-left-med.png); background-size: auto; transform: translateX(-100%) translateY(0px);}
    #homepage .slide-right{background-image: url(../images/homepage-slides/home-side-right-med.png); background-size: auto; transform: translateX(100%) translateY(0px);}
    #homepage h1{font-size: 28px; background-color:#53aad7; padding:8px 16px;}
    #homepage h1 span{display: inline; font-size: 28px;}
    #homepage h2{font-size: 24px; width:417px; margin-top:70px;}
    #homepage .layer{height: 54px;}
    #homepage .overlay{width:100%; height: 100%; border-radius: 0px; transform:translateY(0); top:0px; left:0px; right:auto; bottom:auto; margin:0px; opacity: 0; transition-delay: 1.5s;}
    #homepage.on h1 span{color:#fff;}
    #homepage.on .overlay{opacity: 0.7; transform: translateY(0);}
    #homepage.on .slide-left{    transform: translateX(-78px) translateY(0px);}
    #homepage.on .slide-right{    transform: translateX(78px) translateY(0px);}
    
    #magic_slides{overflow: hidden;}
    .home .statistics .data-graphic{}
    .home .statistics .table-cell{padding:0px 8px;}
    .home .statistics h3{font-size: 18px;}
    .home .statistics img{width:auto;}
    .home .logo-slider{padding:72px 0px;}
    .logos.owl-carousel .owl-item img{width:100%;}
    

    
    .home .testimonials{padding:48px 0px;}
    .home .testimonials .content-wrap{padding-left: 0px;}
    .home .testimonials .testimonial{font-size: 18px; padding:0px 32px;}
    .home .testimonials .attribute{margin-right: 24px;}
    .home .news-spotlight .spotlight-content{width:auto; float:none; padding-right: 0px;}
    .home .news-spotlight .spotlight-feature{width:auto; float:none;}
    
    
    .interior .hero{z-index: 1;}
    .table-wrap{width:auto; margin-left: -250px;}
    .table-wrap .left-sidebar{width:250px; transform:translateX(250px);}
    .table-wrap .main-content{position: relative; background-color:#fff; box-shadow: rgba(0,0,0,0.3) 1px 0px 2px 1px; transition:all 0.3s ease-in-out; transition-delay: 0.3s;}
    .table-wrap .toggle{width:30px; height: 30px; border-radius: 50%; background-color:#f5bb2f; position: absolute; top:86px; left:16px; box-shadow: rgba(0,0,0,0.5) 1px 1px 2px; transition:all 0.3s ease-in-out; z-index: 1;}
    .table-wrap .toggle:before{content:''; display: block; width:20px; height: 1px; border-top:1px solid #333; position: absolute; transform: rotate(0deg); top:15px; left:5px; transition:all 0.3s ease-in-out;}
    .table-wrap .toggle:after{content:''; display: block; width:20px; height: 1px; border-top:1px solid #333; position: absolute; transform: rotate(90deg); top:15px; left:5px; transition:all 0.3s ease-in-out;}
    .table-wrap .main-content.open{transform:translateX(250px);}
   
    .table-wrap .toggle:hover{box-shadow: rgba(0,0,0,0.5) 1px 1px 2px 2px;}
    .table-wrap .open .toggle{transform: rotate(45deg);}
    
    
    a.button{font-size: 18px; padding:16px 32px;}
    
    
    .interior .hero{top:60px;}
    .interior .content1{padding-top: 60px;}
    .interior h2{margin:48px 0px;}
    
    #slide3 .content-left{padding:36px;}
    #slide3.on .content-right:before{width:350px; height: 350px; background-size: 325px;}
    .get-involved .content1 .button{margin:24px auto;}
    .get-involved .win-for-students .content-wrap:before{width:500px; height: 500px; position: static; float:right; margin-right: -144px; margin-left: 24px;  margin-top: -108px; shape-outside: circle(); -webkit-shape-outside:circle();}
    .get-involved .win-for-students .content-wrap{padding-right: 0px;}
    
    .get-involved .win-for-employers .content-wrap{padding-left: 0px;}
    .get-involved .win-for-employers .content-wrap:before{width:500px; height: 500px; position: static; float:left; margin-left: -144px; margin-right: 24px; margin-bottom: 24px; margin-top: -108px; }
    
    #slide2 .slide-right{left:171px;}
    #slide2 .content-left{background-position: right bottom;}
    #slide2 .slide-right{background-image: url(../images/homepage-slides/testimonials-background-med.jpg);}
    
    .testimonials-grid .testimonial{width:auto; display: block; margin:0px 0px 24px 0px; position: static !important;}
    
    .testimonials-grid .testimonial .logo{float:left; width:20%; margin-right: 16px; margin-bottom: 16px;}
    .testimonials-grid h5{text-align: left;}
    
    /*.about .content1.content-wrap p:first-of-type:before{float:none; margin:0px auto; width:250px; height: 250px;}*/
    .about .content1.content-wrap h2{margin-bottom: 0px;}
    .about .content1.content-wrap{padding-right: 0px;}
    .about .content1.content-wrap iframe{position: static; width:600px; max-width: 100%; margin:0px auto; display: block;}
    
    .statistics .highlight img{width:auto;}
    .statistics .highlight .table-cell{padding:0px 8px;}
    .statistics .highlight h3{font-size: 18px;}
    
    .contact .region{width:48%; margin-right: 4%;}
    .contact .region:nth-child(3n+1){clear:none;}
    .contact .region:nth-child(3n){margin-right: 4%;}
    .contact .region:nth-child(2n){margin-right: 0px;}
    .contact .region:nth-child(2n+1){clear:left;}
    
    #slide-about h1{width:75%;}
    #slide-about .slide-left{right:40%; opacity: 1;}
    #slide-about .slide-left{opacity: 0.7;}
    
    #slide-numbers .slide-content{width:576px;}
    #slide-numbers .content-right{right:0px; width:100%; height: 100%; padding:42px 32px;}
    #slide-numbers h1{font-size: 30px;}
    #slide-numbers h1 strong{font-size: 67px;}
    #slide-numbers h1 span{right:32px;}
    
    #slide-faq .content-right{left:auto; right:155px;}
    #slide-faq .content-left{position: relative; z-index: 1; padding:106px 32px;}
    
    
    #slide-contact .content-left{padding:32px 24px 32px 0px;}
    #slide-contact h1{font-size: 44px;}
    #slide-contact h1 span{font-size: 36px; margin-left: -114px; margin-top: 79px;}
    
    #slide-contact .slide-content{background:none; left:0px;}
    #slide-contact .content-left:before{display: block; width:100%; height: 100%; content:''; position: absolute; top:0px; left:0px; background-color:rgba(238,191,87,1); transition: all 0.5s ease-out; transition-delay: 1.2s;}
    #slide-contact .content-left{width:100%; padding:24px;}
    #slide-contact h1{position: relative; text-align: right;}
    
    #slide-contact h1 span{margin-left:0px; text-align: right; margin-top:107px; font-size: 24px;}
    #slide-contact p{font-size: 16px; margin-bottom: 0px; bottom:0px; padding:8px; width:100%; background-color: #f59a5c;}
    #slide-contact.on .content-left:before{background-color:rgba(238,191,87,0.5);}
    
    #slide-educators .content-right{padding:40px 0px 0px 32px;}
    #slide-educators h1 span{font-size: 27px; margin-top:47px;}
    #slide-educators p{font-size: 18px;}
    
    .home .industries-served{width:auto; float:none; padding-right: 0px;}
    
    .industries-table{}
    
    .home .mission{width:auto; float:none; padding-top: 24px;}
}

@media only screen and (max-width:750px){
    
    
    .home .benefits-list li{width:32%; margin-bottom: 2%; background-image: none !important; padding-top:0px;}
    .home .benefits-list li:nth-child(3n){margin-right: 0px;}
    .home .benefits-list li:before{content:''; display: block; width:100%; height: 82px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 8px;}
    .home .benefits-list li.future:before{background-image: url(../images/icons/home-planning.png);}
    .home .benefits-list li.skilled:before{background-image: url(../images/icons/home-skilled.png);}
    .home .benefits-list li.training:before{background-image: url(../images/icons/home-training.png);}
    .home .benefits-list li.turnover:before{background-image: url(../images/icons/home-turnover.png);}
    .home .benefits-list li.stakeholder:before{background-image: url(../images/icons/home-stakeholder.png);}
    .home .benefits-list li.standards:before{background-image: url(../images/icons/home-standards.png);}

    
    .home .hero{height: 250px;}
    #homepage h2{margin-top:54px;}
    .home .content1{padding-top:36px; padding-bottom: 36px; }
    
    .home .content1 h2{font-size: 24px; font-weight: 700;}
    .home .content1 h3{margin:32px 0px;}
    
    .interior .hero{height: 250px;}
    .interior h2{margin:24px 0px;}
    
    #slide3{     transform: translateY(0);}
    #slide3:before{background-image: url(../images/mobile/get-involved.jpg); background-position: right center;}
    #slide3 .content-left{width:auto; float:none; padding:24px;}
    #slide3 .content-right{display: none;}
    #slide3 .content-left h2{font-size: 51px; margin-bottom: 34px; text-align: left;}
    #slide3 .content-left p{font-size: 22px;}
    
    #slide2 h1{padding-top:24px; font-size: 22px;}
    #slide2 h1 span{bottom:32px; font-size: 24px;}
    #slide2 h1 span em{font-size: 47px;}
    
    .benefits .benefits-list li{width:48%; margin-right: 4%; margin-bottom: 24px;}
    .benefits .benefits-list li:nth-child(3n){margin-right: 4%;}
    .benefits .benefits-list li:nth-child(2n){margin-right: 0px;}
    
    .benefits .bottom-content .benefits-list li{width:48%; margin-right: 4%;}
    .benefits .bottom-content .benefits-list li:nth-child(2n){margin-right: 0px;}
    
    .benefits .highlight{font-size: 18px;}
    .benefits .bottom-content{background-image: url(../images/mobile/benefits-community-sm.jpg); padding-top:200px;}
    
    #slide-benefits{background-color:#5d6622;}
    #slide-benefits .slide-left{background-image: url(../images/homepage-slides/benefits-background-sm.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; transform: translateX(0px); opacity: 0;}
    #slide-benefits h1{background-color:rgba(138,152,48,0.55);}
    #slide-benefits .content-right{display: none;}
    #slide-benefits.on .slide-left{opacity: 0.8;}
    
    .about .what-is-yac{background-image: url(../images/mobile/youth-apprenticeship-program-sm.jpg); padding-top:200px;}
    
    
    .faqs .content-section p{padding-left: 32px;}
    
    
    .contact .board-member{width:48%; margin-right: 4%;}
    .contact .board-member:nth-child(3n){margin-right: 4%;}
    .contact .board-member:nth-child(2n){margin-right: 0px;}
    .contact .board-member:nth-child(3n+1){clear: none;}
    .contact .board-member:nth-child(2n+1){clear:left;}
    
    
    #slide-about{background-image: url(../images/homepage-slides/about-background-sm.jpg);}
    #slide-about h1{width:auto; font-size: 31px; margin-bottom: 66px; margin-top:15px;}
    #slide-about h1 span{font-size: 24px; padding-left: 150px;}
    #slide-about .slide-left{right: 238px;}
    #slide-about p{text-align: center; font-size: 16px; font-weight: 500;}
    #slide-about .slide-content{padding-top: 24px;}
    
    #slide-numbers .slide-left{background-image: url(../images/homepage-slides/numbers-background-sm.jpg);}
    #slide-numbers .slide-content{width:100%; height: 100%; background-image: none;}
    #slide-numbers .slide-content:before{content:''; display: block; width:96px; height: 100%; position: absolute; right: 100%; background-image: url(../images/homepage-slides/numbers-color-sm.png); background-size: auto 100%; background-position: left top; background-repeat: no-repeat;}
    
    #slide-numbers .content-left{display: block; width:100%; height: 100%; position: absolute; top:0px; left:0px; background-image: none; background-color:#5a4946;     transform: translateY(0px); opacity: 1;}
    #slide-numbers .content-right{max-width: 375px; margin:0px auto; padding:24px 16px;}
    #slide-numbers.on .content-left{opacity: 0.82; display: block;}
    #slide-numbers h1{text-align: left; font-size: 23px;}
    #slide-numbers h1 strong{font-size: 50px;}
    #slide-numbers h1 span{margin-top:16px;}
    
    #slide-faq{background-color:#3f6278;}
    #slide-faq .slide-right{background-image: url(../images/homepage-slides/faq-background-sm.jpg); transform: translate(0,0); transition-delay: 0.5s; left:0px; opacity: 0; }
    
    #slide-faq .slide-content{transform: translateX(-100%); transition: all 0.5s ease-out;}
    #slide-faq .slide-content:before{content:''; display: block; width:180px; height: 100%; position: absolute; left:100%; background-image: url(../images/homepage-slides/faq-color.png); background-size: auto 100%; background-position: right top; background-repeat: no-repeat;}
    #slide-faq .content-right{background-color:#fff; opacity: 1; width:100%; height: 100%; margin:0px; left:0px; top:0px; right:auto; bottom:auto; transform: translateY(0) rotate(0); background-image: none;}
    #slide-faq p{font-size: 24px; text-align: right;}
    #slide-faq p strong{font-size: 56px;}
    #slide-faq h1{color:#000;     transition-delay: 0.3s;}
    #slide-faq h1 span{font-size: 56px;}
    #slide-faq.on .slide-right{opacity: 1;}
    #slide-faq .content-left{padding:24px 32px; max-width: 520px; margin:0px auto;}
    #slide-faq.on .slide-content{transform: translateX(0);}
    #slide-faq.on .content-right{transform: translateY(0) rotate(0); opacity: 0.1;}
    
    #slide-contact .slide-left{background-image: url(../images/homepage-slides/contact-background-sm.jpg);  background-position: center; }
    /*
    #slide-contact .slide-content{background:none; left:0px;}
    #slide-contact .content-left:before{display: block; width:100%; height: 100%; content:''; position: absolute; top:0px; left:0px; background-color:rgba(238,191,87,1); transition: all 0.5s ease-out; transition-delay: 1.2s;}
    #slide-contact .content-left{width:100%; padding:24px;}
    #slide-contact h1{position: relative; text-align: right;}
    
    #slide-contact h1 span{margin-left:0px; text-align: right; margin-top:32px; font-size: 24px;}
    #slide-contact p{font-size: 16px; margin-bottom: 0px; bottom:0px; padding:8px; width:100%; background-color: #f59a5c;}
    #slide-contact.on .content-left:before{background-color:rgba(238,191,87,0.5);}*/
    #slide-contact .slide-content:before{width:139px;}
    #slide-contact h1 span{margin-top:32px;}
    #slide-educators .slide-right{background-image: url(../images/homepage-slides/educators-background-sm.jpg); background-position: center;}
    #slide-educators .slide-content:before{width:136px;}
    #slide-educators h1{font-size: 30px;}
    #slide-educators h1 span{margin-top:16px;}
    #slide-educators p{bottom:0px;}
    
    
    

    
    
    
    
    .wbl-enrollment.active-chart .chart-holder{height: auto;} 
    .wbl-credits.active-chart .chart-holder{height: auto;}
    
    .student-spotlight .hero{height: auto; position: relative; background-color:#fff;}
    #slide-student-spolight{position: relative; height: auto; background-image: url(../images/homepage-slides/student-spotlight-background-sm.jpg); background-size: cover; background-position: center;}
    #slide-student-spolight.on .slide-right{display: none;}
    #slide-student-spolight .slide-content{ width:auto; height: auto; }
    
    #slide-student-spolight .content-left{width:auto; height: auto; background-image: none; transition:all 0.5s ease-in-out; transition-delay: 0.5s; }
    #slide-student-spolight.on .content-left{}
    #slide-student-spolight h1{margin:0px; font-size: 24px; padding:16px 0px 34px; transition:all 0.5s ease-in-out; transition-delay: 0.5s; background-color:rgba(21,116,178,0);}
    #slide-student-spolight.on h1{color:#fff; background-color:rgba(21,116,178,0.7); }
    #slide-student-spolight h1 span{position: static; width: auto; text-align: center; font-size: 27px; color:#fff; margin-top:19px; transition-delay: 1s;}
    #slide-student-spolight h1 span em{font-size: 22px; margin-bottom: 13px;}
    
    
}

@media only screen and (max-width: 676px){
    #slide-contact h1{font-size: 27px;}
    #slide-contact h1 span{font-size: 18px;}
    #slide-educators p{width:100%; padding:0px 16px; font-size: 16px; left:0px;}
    #slide-educators .content-right{width:100%; padding:32px 16px;}
    #slide-educators .slide-right{transform:translateX(0);}
    #slide-educators .slide-content{transform:translateX(100%); background-color:rgba(29,115,176,1);}
    #slide-educators.on .slide-content{transform: translateX(0);background-color:rgba(29,115,176,0.75);}
}

@media only screen and (max-width:600px){
    
    header nav li:last-child a, 
    header nav .no-link, 
    header nav a{padding-left:32px;}
    header nav .submenu li:nth-child(1) a,
    header nav .submenu li:nth-child(2) a, 
    header nav .submenu li:nth-child(3) a,
    header nav .submenu a{padding-left: 32px;}
    header nav .submenu.on{left:50px; padding-right:50px;}
    
    .get-involved .win-for-students{background-image: url(../images/mobile/win-for-students.jpg); background-size: auto; background-position: center top; background-repeat: no-repeat; padding-top: 150px;}
    .get-involved .win-for-students .content-wrap:before{display: none;}
    .get-involved .win-for-students .content-wrap h2{margin-right: 0px;}
    
    .get-involved .win-for-employers{background-image: url(../images/mobile/win-for-employers.jpg); background-size: auto; background-position: center top; background-repeat: no-repeat; padding-top: 150px;}
    .get-involved .win-for-employers .content-wrap:before{display: none;}
    .get-involved .win-for-employers .content-wrap h2{margin-left: 0px; margin-top:24px;}
    .get-involved .win-for-employers .content-wrap{padding-top:0px; padding-bottom: 48px;}
    
    .footer-top{font-size: 16px;}
    
    .about .highlight .content-wrap{padding-right: 0px;}
    .about .highlight iframe{position: static; width:auto; max-width: 450px; margin-left:auto; margin-right: auto; margin-bottom: 24px; display: block;}
    
    .about ul.career-pathways{margin-left: 16px;}
    
    #slide2{background-color:#d55d4c; position: static;}
    #slide2 .slide-right{transform: translateX(0px); left:0px; top:0px; background-image: url(../images/mobile/testimonials.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; transition-delay: 0s;}
    #slide2.on .slide-content{width:100%; height: 100%;}
    #slide2 .content-left{width:100%; background-image: none; padding:30px 24px;}
    #slide2 h1{color:#fff; padding-top:0px; margin:0px;}
    #slide2 h1 span{display: block; width:auto; margin-top: 43px; position: static; padding:0px;     transition-delay: 0.8s;}
     #slide2.on .slide-right{opacity: 1;}
    
    
    
}

@media only screen and (max-width:550px){
    #magic_slides{height: auto; position: relative;}
    #homepage.slide{height: auto; background-image: url(../images/homepage-slides/home-background-sm.jpg); background-size: cover; background-position: center top;}
    #homepage h1{position: relative;}
    #homepage .slide-left,
    #homepage .slide-right{display: none;}
    #homepage h2{width:auto; margin-top:32px; padding:0px 24px; transition-delay: 1.2s;}
    #homepage h2 span.one{transition-delay: 1.5s;}
    #homepage h2 span.two{transition-delay: 2s;}
    #homepage h2 span.three{transition-delay: 2.5s;}
    #homepage .overlay{transition-delay: 0.8s;}
    .home .content1 h3{font-size: 18px;}
    .home .statistics h3{font-size: 24px;}
    .home .statistics .data-graphic{display: block; text-align: center;}
    .home .statistics .table-cell{display: block; width:auto; margin-bottom: 16px;}
    
    
    
    .industries-table{display: block;}
    .industries-table tr{display: block;}
    .industries-table .industry{display: block; width:auto; min-width: 0px; text-align: center; margin-bottom: 8px;}
    .industries-table .value{display: block; margin-bottom: 24px;}
    figure.aside.right,
    figure.aside{float:none; display: block; width:auto; max-width: 350px; margin:0px auto 16px auto; }
    
    footer .copyright{padding-left:16px; padding-right: 16px; padding-bottom: 92px; text-align: center; background-position: center bottom; background-size: auto 75px;}
    
    #slide-about h1{margin-bottom: 42px;}
    
    #slide3 .content-left h2{font-size: 42px;}
    #slide3 .content-left h2 span{font-size: 24px;}
    
    #slide-faq h1 span{font-size: 48px;}
    #slide-faq p strong{font-size: 48px;}
    
    #slide3 .content-left p{font-weight: 500;}
   
    .benefits .benefits-list h3{font-size: 18px;     margin: 22px 0px 18px;}
    .benefits .benefits-list li{display: block; width:auto !important; margin:0px 0px 24px 0px !important;}
    
    .statistics .highlight .data-graphic{display: block; text-align: center;}
    .statistics .highlight .table-cell{display: block; width:auto; margin-bottom: 16px;}
    .statistics .highlight h3{font-size: 24px;}
    .statistics .active-chart{padding:0px; }
     
    
    #slide-benefits h1{font-size: 16px; padding:24px 16px;}
    #slide-benefits h1 strong{font-size: 24px;}
    
    .contact .region,
    .contact .board-member{float:none; width:auto; margin:0px 0px 32px 0px !important;}
    
    .contact .region.east-central h3:after{background-image: url(../images/eastcentral-region.png);}
.contact .region.west-central h3:after{background-image: url(../images/westcentral-region.png);}
.contact .region.northeast h3:after{background-image: url(../images/mobile/northeast-region.png);}
.contact .region.northwest h3:after{background-image: url(../images/mobile/northwest-region.png);}
.contact .region.southeast h3:after{background-image: url(../images/mobile/southeast-region.png);}
.contact .region.southwest h3:after{background-image: url(../images/mobile/southwest-region.png);}
    
    #slide-about .slide-left{right:0px;}
    #slide-about .slide-content{padding-left:24px; padding-right: 24px;}
    #slide-about h1 span{padding-left: 0px;}
    #slide-about p{width:auto;}
    
    
    #region-map{display: block;}
    #region-map.on{display: block;width:60%;}
}