li              {list-style-type: none;}
ul, li, p       {margin-bottom: 0;}
h1, h2, h3, h4  {text-transform: none;}
.centered       {text-align: center;}
.inner          {width: 1200px;}

.header         {padding: 20px 0 10px;}
.header .logo   {float: left;}
.header ul.right        {float: right;}
.header ul.right li     {display: inline-block; margin: 0 30px 0 0; padding: 0; vertical-align: top;}
.header ul.right li.phone p,
.header ul.right li.email a        {line-height: 102px; display: inline-block; vertical-align: top;}
.header ul.right > li.phone:before,
.header ul.right > li.email:before              {content: ""; display: inline-block; vertical-align: top; width: 30px; height: 102px; margin-right: 15px;}
.header ul.right > li:nth-of-type(1):before     {background: url(../images/Contact-Icon-2--min.png) no-repeat left center; background-size: contain;}
.header ul.right > li:nth-of-type(2):before     {background: url(../images/Contact-Icon-1--min.png) no-repeat left center; background-size: contain;}
.header ul.right > li.last          {height: 102px;}
.header ul.right > li.last:before   {content: ""; display: inline-block; vertical-align: middle; height: 100%;}
.header ul.right > li.last a        {display: inline-block; vertical-align: middle;}

.button         {background: #00bfcd; border: 0; cursor: pointer;}

.banner                 {background: url(../images/Background--1-min.png) no-repeat center; background-size: cover; position: relative;}
.banner .inner          {height: 450px;}
.banner .inner:before   {content: ""; display: inline-block; vertical-align: middle; height: 100%;}
.banner .inner > div    {display: inline-block; vertical-align: middle; width: 500px;}
.banner .inner h2       {color: #fff;}
.banner .inner p        {color: #00bfcd;}
.bannerslider           {position: absolute; top: 50px; right: 0; height: 500px; width: 750px; background: transparent; margin: 0; border: 0;}
.bannerslider ul.slides li      {height: 500px;}
.banner .inner form #step1 input   {width: 280px; float: left; height: 42px;}
.banner .inner form #step1 a.button  {float: right; height: 42px; line-height: 42px; padding: 0 22px; border-radius: 0;}
.banner .inner form #step2          {display: none;}
.banner .inner form #step2 input    {width: 47%; float: left;}
.banner .inner form #step2 input:last-of-type   {float: right;}

.sectionone             {padding: 120px 0 60px;}
.sectionone .logos      {margin-bottom: 30px;}
.sectionone .logos li   {display: inline-block; vertical-align: top; margin: 0 25px;}
.sectionone .logos img  {max-height: 75px;}
.sectionone .tiles      {margin-top: 60px;}
.sectionone .tiles > div    {width: 20%; float: left; padding: 0 80px;}
.sectionone .tiles .break   {clear: both; float: none; width: auto; padding: 0; height: 50px;}
.sectionone .tiles img      {max-height: 58px;}

.sectiontwo             {background: #f2f2f2;}
.sectiontwo .inner h2               {margin-bottom: 50px;}
.sectiontwo .inner > div            {width: 33%; float: left;}
.sectiontwo .inner > div img        {max-height: 75px; display: inline-block; margin-bottom: 20px;}
.sectiontwo .inner > div h3         {margin-bottom: 40px;}
.sectiontwo .inner > div p          {color: #808080; padding-right: 60px;}
.sectiontwo .inner > div ul         {margin: 10px 0 0 20px;}
.sectiontwo .inner > div li         {color: #808080; list-style-type: disc; padding: 0;}

.sectionthree                   {padding-bottom: 100px;}
.sectionthree .reviews          {width: 60%; margin: 0 auto; background: transparent; border: 0; padding: 0;}
.sectionthree .reviews ul.slides li p       {line-height: normal; padding-bottom: 20px;}
.sectionthree .reviews > img    {position: absolute; top: 50%; margin-top: -70px; height: 70px;}
.sectionthree .reviews img.leftquote        {left: -160px;}
.sectionthree .reviews img.rightquote        {right: -160px;}

.sectionfour            {background: #f2f2f2;}
.sectionfour form       {width: 60%; margin: 0 auto;}

@media all and (max-width: 1200px) {
.inner		{width: 95%;}
.banner .inner > div	{width: 45%;}
.bannerslider	{width: 50%; height: 430px;}
.banner .inner form #step1 input	{width: 100%;}
.banner .inner form #step1 a.button	{float: none;}
.bannerslider ul.slides li		{height: 430px; background-position: center!important; background-size: contain!important;}
.sectionone .tiles > div	{padding: 0;}
.sectionone .tiles > div img	{padding: 0 60px;}
}

@media all and (max-width: 1000px) {
.bannerslider			{height: 350px; top: 10%;}
.bannerslider ul.slides li	{height: 350px;}
.header ul.right li		{margin-right: 15px;}
.header ul.right > li.last	{margin: 0;}
.header ul.right > li.phone:before, .header ul.right > li.email:before	{margin-right: 5px;}
}

@media all and (max-width: 850px) {
.header			{text-align: center;}
.header .logo		{float: none; display: inline-block;}
.header ul.right	{float: none;}
.banner			{height: 500px;}
.banner .inner		{height: auto;}
.banner .inner:before	{display: none;}
.banner .inner > div	{width: auto; padding-top: 40px; text-align: center;}
.banner .inner h2 br	{display: none;}
.bannerslider		{position: relative; width: 75%; margin: 0 auto;}
.sectionone		{padding-top: 235px;}
.sectionone .tiles .break	{display: none;}
.sectionone .tiles > div	{width: 25%; margin-bottom: 40px;}
.sectionone .tiles:after	{content: ""; display: block; clear: both;}
.sectiontwo .inner	{text-align: center;}
.sectiontwo .inner > div	{float: none; width: auto; margin-bottom: 50px;}
.sectiontwo .inner > div p	{padding-right: 0;}
.sectiontwo .inner > div ul	{list-style: inside; margin: 10px 0 0;}

.sectionfour form	{width: auto;}
.sectionthree .reviews img.leftquote	{left: -25%; width: 18%; height: auto;}
.sectionthree .reviews img.rightquote	{right: -25%; width: 18%; height: auto;}
}

@media all and (max-width: 700px) {
.sectionone .tiles > div	{width: 32%; float: none; display: inline-block;}
.sectionone .tiles > div img	{padding: 0; max-width: 45%;}
}

@media all and (max-width: 550px) {
.sectionthree .reviews		{width: auto;}
.sectionthree .reviews img.leftquote, .sectionthree .reviews img.rightquote	{display: none;}
.header ul.right li		{margin: 15px 50px;}
.header ul.right li.phone p, .header ul.right li.email a	{line-height: 30px;}
.header ul.right > li.phone:before, .header ul.right > li.email:before	{height: 30px;}
}

@media all and (max-width: 480px) {
.sectionone .tiles > div	{width: 48%;}
}