/* CSS Document */
body {
  font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
  background-color: #FFF;
  margin: 0;
  padding: 0;
  color: #000;
  width: 100%;
  height: 100%;
}

html {
  position: relative;
  overflow-x: hidden;
  height: 100%;
  z-index: 0;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
  /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
  /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
  font-weight: 100;
  padding-right: 15px;
  padding-left: 15px;
  /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

a img {
  /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
  border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:hover, a:active, a:focus {
  /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
  text-decoration: none;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
  width: 100%;
  height: 100%;
}

#page-wrapper {
  background-color: #DF5A49;
}

/* ~~the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo~~ */
.header {
  background-color: transparent;
  height: 104px;
  position: relative;
  z-index: 1;
  width: 1070px;
  margin: 0 auto;
}

.header-fix {
  padding-bottom: 19px;
}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/
.content {
  height: 100%;
  position: relative;
  z-index: 0;
}

.content-template {
  height: 100%;
  position: relative;
  z-index: 0;
  background-color: #FFFFFF;
}

/* Page Wrappers */
.template-wrapper {
  width: 1071px;
  margin: 0 auto;
  min-height: 700px;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
  padding: 0 15px 15px 40px;
  /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

/* ~~ The footer ~~ */
footer {
  background-color: #DF5A49;
  height: 139px;
}

.footer-cp {
  width: 325px;
  height: 21px;
  margin: 0 auto 0 auto;
  padding-top: 10px;
}

.footer-cp-text {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #FFB492;
}

/* Page Wrapper 

#page-wrapper {
width: 1070px;
margin:0 auto;
}

*/
/* Own Style */
/* Load Fonts */
@font-face {
  font-family: "Chaparral Pro";
  src: url("fonts/ChaparralPro-Regular.otf");
}

@font-face {
  font-family: "Century Gothic";
  src: url("fonts/GOTHIC.TTF");
}

/* Clean a */
a {
  color: inherit;
  text-decoration: none;
}

/* Header Style */
.logo1 {
  font-family: "Chaparral Pro";
  font-size: 21px;
  letter-spacing: 13px;
  float: left;
  padding: 0;
  margin: 0;
}

.logo2 {
  font-family: "Century Gothic";
  font-size: 40px;
  line-height: 25px;
  padding: 0;
  margin: 0;
}

.logo-wrapper {
  width: 168px;
  height: 61px;
  color: white;
  float: left;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  margin-left: 34px;
}

/* Top Menu Style */
a.top-menu-button:hover {
  background-color: rgba(229, 124, 101, 0.3);
}

.top-menu {
  padding-top: 29px;
  float: right;
}

.top-menu-button {
  float: left;
  padding: 10px 11px;
  cursor: pointer;
  display: block;
  color: #FFFFFF;
  font-family: "myriad-pro",sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
}

.separator {
  background-image: url("img/top-separator.png");
  width: 14px;
  height: 27px;
  float: left;
  position: relative;
  top: 8px;
}

/* Footer Style */
a.footer-menu-button:hover {
  background-color: rgba(229, 124, 101, 0.3);
}

.footer-menu {
  padding-top: 46px;
  height: 39px;
  width: 382px;
  margin: 0 auto;
}

.footer-menu-button {
  float: left;
  padding: 10px 11px;
  cursor: pointer;
  display: block;
  color: #FFFFFF;
  font-family: "myriad-pro",sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
}

/* Section Style */
.section-1 {
  height: 251px;
  color: #FFFFFF;
}

.section-2 {
  height: 305px;
}

.section-3 {
  height: 288px;
  background-color: #DF5A49;
}

.section-4 {
  height: 696px;
}

.section-1-text {
  float: left;
  width: 599px;
  height: 242px;
  margin-right: 65px;
}

.section-2-text {
  width: 462px;
  height: 270px;
  margin-left: 163px;
  padding-top: 19px;
}

.sub-section-1 {
  position: relative;
  right: 38px;
}

.sub-section-1-text {
  float: left;
  width: 126px;
  height: 83px;
  position: relative;
  left: 90px;
  top: 39px;
  line-height: 25px;
}

.section-3-text {
  width: 659px;
  height: 194px;
  margin: 0 auto;
  padding-top: 35px;
}

.sub-section-4-left {
  background: no-repeat url("img/down-arrow.png") 0px -159px #334D5C;
}

.sub-section-4-right {
  background: no-repeat url("img/up-arrow.png") right 72px #45B29D;
}

.sub-section-4-text-wrapper-1 {
  width: 434px;
  margin: 43px 0 0 33px;
}

.sub-section-4-text-wrapper-2 {
  width: 442px;
  margin: 43px 0 0 24px;
}

.section-5 {
  background-color: #F5F5F5;
}

.section-6 {
  height: 288px;
  background-color: #DF5A49;
}

.section-7 {
  height: 240px;
  background-color: #F5F5F5;
}

.section-8 {
  height: 335px;
  background-color: #85568E;
}

.section-9 {
  background-color: #DF5A49;
}

.section-9v2 {
  height: auto;
}

.section-10 {
  background-color: #F5F5F5;
}

.section-11 {
  height: 378px;
  background-color: #DF5A49;
}

.section-12 {
  height: 290px;
}

.section-13 {
  height: 226px;
  background-color: #F5F5F5;
}

.sub-section-5-text {
  width: 682px;
  margin: 36px 0 0 29px;
}

.sub-section-5-img {
  width: 300px;
  height: 364px;
  position: relative;
  top: 20px;
  left: 25px;
}

.section-6-text-wrapper {
  width: 658px;
  height: 223px;
  color: #FFFFFF;
  margin: 0 auto;
  text-align: center;
  padding-top: 30px;
}

.sub-section-7-img-wrapper {
  width: 929px;
  height: 215px;
  margin: 0 auto;
  padding-top: 40px;
  display: none;
}

.sub-section-7-text-wrapper {
  width: 702px;
  height: 210px;
  text-align: center;
  margin: 0 auto;
}

.sub-section-8-text-wrapper {
  width: 660px;
  height: 240px;
  margin-left: 27px;
  padding-top: 29px;
}

.section-generic-text-wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 30px;
}

.section-9-text-wrapper {
  width: 1000px;
  height: 266px;
  margin: 0 auto;
  padding-top: 55px;
}

.section-10-text-wrapper {
  padding-top: 30px;
  width: 1005px;
  margin: 0 auto;
}

.section-10-lists-wrapper {
  width: inherit;
  overflow: hidden;
  padding: 0 0 25px 0;
}

.section-11-text-wrapper {
  width: 819px;
  height: 236px;
  margin: 0 auto 29px auto;
  padding-top: 48px;
}

.sub-section-11 {
  height: 65px;
  background-color: #CC503F;
}

.sub-section-12-left {
  background-color: #EFC94C;
}

.sub-section-12-right {
  background-color: #E27A3F;
}

.deep-section-12-left {
  background-color: #DEBA43;
  height: 63px;
}

.deep-section-12-right {
  background-color: #D16F36;
  height: 63px;
}

.section-14-btt {
  height: 47px;
  background-color: #CC503F;
  display: none;
}

/* Section Links Hover */
.deep-section-12-left a.deep-section-12-text:hover {
  background-color: #d9b234;
}

.deep-section-12-right a.deep-section-12-text:hover {
  background-color: #cc6529;
}

.deep-template-aside-up a.deep-template-aside-text:hover {
  background-color: #d9b234;
}

.deep-template-aside-down a.deep-template-aside-text:hover {
  background-color: #cc6529;
}

.sub-section-11-text:hover {
  background-color: #c74332;
}

.sub-section-button:hover {
  background-color: #EBC23D;
  border-top: 1px solid #D9B234;
  border-left: 1px solid #D9B234;
  border-right: 1px solid #D9B234;
  border-bottom: 3px solid #D9B234;
}

.sub-section-button:active {
  background-color: #EBC23D;
  border-top: 1px solid #D9B234;
  border-left: 1px solid #D9B234;
  border-right: 1px solid #D9B234;
  border-bottom: 2px solid #D9B234;
  position: relative;
  top: 1px;
}

/* Section Texts Style */
.section-1-text-1 {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 110px;
  margin: 0;
  padding: 0;
  line-height: 124px;
  margin-left: 100px;
  letter-spacing: -3px;
  text-shadow: 1px 1px #B2483A;
}

.section-1-text-2 {
  font-family: "myriad-pro",sans-serif;
  font-style: italic;
  font-weight: 600;
  font-size: 89px;
  margin: 0;
  padding: 0;
  margin-left: 135px;
  line-height: 112px;
  text-shadow: 1px 1px #B2483A;
}

.sub-section-1-text-1 {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 21px;
  margin: 0;
  padding: 0;
}

.sub-section-1-text-2 {
  font-family: "myriad-pro-semi-condensed",sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 21px;
  margin: 0;
  padding: 0;
}

.section-2-text-1 {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 26px;
  color: #474747;
  margin: 0;
  padding: 0;
  line-height: 33px;
  letter-spacing: -1px;
  text-align: right;
  width: 461px;
}

.section-text-title {
  color: #FFFFFF;
  font-size: 68px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 100%;
  margin-bottom: 20px;
  letter-spacing: -3px;
}

.section-text-title-1 {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-right: 11px;
}

.section-text-title-2 {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
}

.section-3-text-1 {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 21px;
  width: 662px;
  color: #FFFFFF;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 25px;
}

.sub-section-4-text-title {
  font-family: "myriad-pro-semi-condensed",sans-serif;
  font-style: italic;
  font-weight: 900;
  font-size: 55px;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
  line-height: 50px;
}

.sub-section-4-text {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 21px;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  margin-bottom: 29px;
  line-height: 26px;
}

.sub-section-5-text-1 {
  font-size: 68px;
  font-family: "myriad-pro",sans-serif;
  font-style: italic;
  font-weight: 300;
  color: #373737;
  padding: 0;
  margin: 0;
  margin-left: 74px;
  letter-spacing: -1px;
}

.section-5 .section-content-wrapper {
  overflow: hidden;
  padding: 20px 0;
}

.section-5 .section-content-wrapper p {
  font-size: 21px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  padding: 0;
  margin: 0 auto 20px auto;
  line-height: 27px;
  width: 80%;
  max-width: 662px;
  min-width: 314px;
}

.section-5 .section-content-wrapper p:first-child {
  padding-top: 0;
}

.sub-section-5-text-2 {
  font-size: 89px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #DF5A49;
  padding: 0;
  margin: 0;
  line-height: 73px;
  padding-top: 12px;
  letter-spacing: -1px;
}

.sub-section-5-text-comma {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 89px;
  color: #373737;
  display: block;
  width: 1px;
  height: 1px;
  position: relative;
}

.sub-section-5-text-comma-1 {
  float: left;
  bottom: 26px;
  right: 12px;
}

.sub-section-5-text-comma-2 {
  float: right;
  bottom: 59px;
  right: 36px;
}

.section-6-text {
  font-size: 21px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  padding: 0;
  margin: 0;
  width: 662px;
  line-height: 27px;
}

.section-6-text-line-fix {
  font-size: 21px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  padding: 0;
  width: 538px;
  margin: 0 auto;
  line-height: 27px;
}

.sub-section-7-text {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 21px;
  padding: 0;
  margin: 0;
  line-height: 25px;
}

.sub-section-8-text-title {
  font-size: 68px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  letter-spacing: -3px;
}

.sub-section-8-text {
  font-size: 21px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  line-height: 26px;
}

.sub-section-generic-text {
  font-size: 21px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #FFFFFF;
  padding: 0;
  margin: 0 auto;
  line-height: 26px;
  max-width: 662px;
  min-width: 314px;
  width: 80%;
}

.section-9-text {
  font-size: 21px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  line-height: 27px;
  float: left;
}

.section-9-text-1 {
  width: 463px;
  height: 200px;
  margin-right: 67px;
}

.section-9-text-2 {
  width: 470px;
  height: 193px;
}

.section-10-text-title {
  font-family: "myriad-pro-semi-condensed",sans-serif;
  font-style: italic;
  font-weight: 900;
  font-size: 55px;
  color: #474747;
  margin: 0 auto 24px auto;
  padding: 0;
  text-align: center;
  width: 645px;
  line-height: 53px;
}

.section-10-text-title-red {
  color: #DF5A49;
}

.section-11-title {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
}

.section-11-text {
  font-size: 21px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  padding: 0;
  margin: 0;
  text-align: center;
  width: 664px;
  margin: 0 auto;
  color: #FFFFFF;
  line-height: 28px;
}

.sub-section-11-text {
  font-size: 26px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  text-align: center;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block;
  line-height: 68px;
}

.sub-section-12-text {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 68px;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  margin: 0 auto 44px auto;
  width: 433px;
  text-align: center;
  line-height: 68px;
  padding-top: 46px;
}

.sub-section-12-text-italic {
  font-style: italic;
}

.sub-section-12-left p {
  text-shadow: 1px 1px #BFA13D;
}

.sub-section-12-right p {
  text-shadow: 1px 1px #B56232;
}

.deep-section-12-text {
  color: #FFFFFF;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 26px;
  text-align: center;
  line-height: 63px;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.deep-section-12-left p {
  text-shadow: 1px 1px #B29536;
}

.deep-section-12-right p {
  text-shadow: 1px 1px #A7592B;
}

.section-13-text {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 68px;
  width: 446px;
  padding: 0;
  margin: 0;
  margin: 0 auto;
  padding-top: 28px;
  color: #474747;
}

.section-14-link {
  font-size: 21px;
  color: #FFFFFF;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  display: none;
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 47px;
}

/* Section Lists Style */
.section-10-list-1 {
  width: 382px;
  margin-right: 145px;
}

.section-10-list-2 {
  width: 402px;
}

.section-generic-list {
  font-family: "myriad-pro",sans-serif;
  font-style: italic;
  font-weight: 300;
  color: #FFF;
  font-size: 21px;
  list-style-type: none;
  padding: 0 !important;
  width: 44%;
  margin: 20px auto;
}

.section-10-list {
  font-family: "myriad-pro",sans-serif;
  font-style: italic;
  font-weight: 300;
  color: #474747;
  font-size: 21px;
  list-style-type: none;
  padding: 0 !important;
}

.section-10-list li {
  margin-bottom: 3px;
}

.section-10-list-fix {
  width: 261px;
}

/* Section Imgs Style */
.sub-section-1-img {
  float: left;
  position: relative;
  z-index: -1;
  bottom: 1122px;
  right: 1273px;
  width: 91px;
  height: 250px;
}



.sub-section-1-img img {
  z-index: -1;
  position: relative;
}

.sub-section-8-img {
  width: 35.7%;
  height: 335px;
  overflow: hidden;
}

.sub-section-8-img img {
  height: inherit;
}

.footer-arrow {
  position: relative;
  top: 5px;
  left: 7px;
}

/* Section Background */
.section-2-background {
  position: relative;
  z-index: -2;
  height: 305px;
  background-color: #F5F5F5;
  top: 251px;
}

/* Section Buttons Style */
.sub-section-button {
  width: 150px;
  height: 42px;
  background-color: #EFC94C;
  border-top: 1px solid #DEBA43;
  border-left: 1px solid #DEBA43;
  border-right: 1px solid #DEBA43;
  border-bottom: 3px solid #DEBA43;
  display: block;
  cursor: pointer;
  color: #F7F7F7;
  text-align: center;
  margin: 0;
  padding: 0;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 26px;
  line-height: 42px;
  text-shadow: 1px 1px #BFA13D;
}

.sub-section-7-button {
  margin: 24px auto 0 auto;
}

.sub-section-13-button {
  margin: 20px auto 0 auto;
}

/* Placeholders */
.sub-section-7-img-ph {
  width: 432px;
  height: 195px;
  background-color: #EAA79F;
}

.ph-left {
  margin-right: 65px;
}

/* Z-Index Fix */
.in-front {
  position: relative;
  z-index: 1;
}

/* 4 Subsection Width Fix */
.half-section {
  width: 50%;
  float: left;
  height: 100%;
}

.half-section-12 {
  width: 50%;
  float: left;
  height: 100%;
}

.half-section-template-aside {
  width: 100%;
  float: none;
  height: 172px;
}

/* Text and Image Separator */
.split {
  float: left;
}

.section-5-split {
  float: left;
}

.section-8-split {
  float: left;
}

.sub-section-7-float {
  float: left;
}

/* Clear Fix */
.clrfix {
  clear: both;
}

/* Full Width Wrappers */
.section-content-wrapper {
  width: 1070px;
  margin: 0 auto;
}

.sub-section-7-content-wrapper {
  padding-top: 24px;
}

.section-8-content-wrapper {
  width: 667px;
  margin: 0 auto;
}

.half-section-left-content-wrapper {
  width: 535px;
  height: auto;
  margin: 0 0 0 auto;
}

.half-section-right-content-wrapper {
  width: 535px;
  height: auto;
  margin: 0 auto 0 0;
}

/* Contact Page */
.page-title {
  font-size: 42px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  margin: 0;
  padding: 0;
  position: relative;
  color: #474747;
  letter-spacing: -1px;
}

.article-title {
  line-height: 54px;
  margin-bottom: 20px;
}

.faq-title {
  right: 26px;
}

.contact-title {
  right: 26px;
}

.content-wrapper-fix {
  overflow: hidden;
}

.template-section {
  padding-top: 17px;
  width: 1007px;
  color: #474747;
}

.contact-section {
  margin-left: 77px;
}

.faq-section {
  margin-left: 77px;
}

.article-section {
  margin-left: 37px;
  overflow: hidden;
  width: 1047px;
  padding-top: 45px;
}

.article-fix {
  padding-right: 55px;
}

.form-input span {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}

.form-input input[type=text] {
  background-color: #FAFAFA;
  width: 250px;
  height: 32px;
  border: 1px solid #BBBBBB;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
}

.form-input input[type=text]:focus {
  border: 1px solid #CCAD52;
}

.form-title {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  margin: 4px 0;
  padding: 0;
  line-height: 39px;
}

.contact-form {
  width: 540px;
  float: left;
  margin-bottom: 20px;
}

.float-fix {
  float: left;
  margin-right: 8px;
}

.email-input {
  width: 510px !important;
}

textarea {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: #FAFAFA;
  border: 1px solid #BBBBBB;
  width: 510px;
  height: 168px;
  margin-top: 4px;
  font-size: 18px;
}

textarea:focus {
  border: 1px solid #CCAD52;
}

input[type=submit] {
  height: 42px;
  background-color: #EFC94C;
  border: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: block;
  cursor: pointer;
  color: #F7F7F7;
  text-align: center;
  margin: 0;
  padding: 0 10px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 20px;
  line-height: 42px;
  text-shadow: 1px 1px #BFA13D;
  text-transform: uppercase;
}

/* FAQ Page */
.faq-wrapper {
  float: left;
  margin-bottom: 10px;
}

.question-wrapper {
  width: 555px;
  margin-bottom: 17px;
}

.question-number {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
}

.faq-tip {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  text-align: center;
  font-size: 24px;
}

.question-title {
  font-size: 34px;
  font-family: "myriad-pro-condensed",sans-serif;
  font-style: normal;
  font-weight: 600;
  padding: 0;
  margin: 0;
  margin-bottom: 9px;
  cursor: pointer;
}

.question-title:hover {
  text-decoration: underline;
}

.question-answer {
  display: none;
  font-size: 21px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  padding: 0;
  margin: 0;
  line-height: 26px;
  margin-bottom: 15px;
}

.faq-text {
  font-size: 21px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
}

.faq-text p {
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}

.faq-text p > a:hover {
  text-decoration: underline;
}

.question-answer li {
  margin-bottom: 15px;
}

.faq-title-bold {
  font-weight: bold;
}

/* Structure */
.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-centered {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.one-column {
  width: 663px;
}

.two-columns {
  width: calc(663px + 350px);
}

.alignCenter {
  text-align: center;
}

/* Buttons */
.btn {
  display: block;
  color: white;
  margin: 0 auto;
  text-align: center;
  border: 0 !important;
  margin-bottom: 20px;
}

.btn.btn-big {
  font-size: 21px;
  width: 40%;
  padding: 22px;
}

.btn.btn-green {
  background-color: #EFC94C;
}

.btn.btn-rounded {
  border-radius: 10px;
}

.shadow-txt {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

/* Boxes */
.boxes {
  height: 290px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .boxes {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
}

.boxes div {
  color: white;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  height: 100%;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .boxes div {
    height: 290px;
  }
}

.boxes a {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  width: 100%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 15px 0;
  font-size: 24px;
}

.boxes a:hover {
  background-color: rgba(0, 0, 0, 0.35);
}

.boxes span, .boxes a {
  margin-top: auto;
}

.boxes-2 div {
  width: 49.9%;
}

@media only screen and (max-width: 768px) {
  .boxes-2 div {
    width: 100%;
  }
}

.boxes-2 span {
  font-size: 42px;
}

.boxes-3 div {
  width: 33.33%;
}

@media only screen and (max-width: 768px) {
  .boxes-3 div {
    width: 100%;
  }
}

.boxes-3 span {
  width: 80%;
  font-size: 28px;
}

.box-red {
  background-color: #E27A3F;
}

.box-green {
  background-color: #EFC94C;
}

.box-blue {
  background-color: #7a3fe2;
}

/* Bands */
.band {
  text-align: center;
  height: 145px;
  font-size: 28px;
  color: white;
  font-weight: bold;
  margin-bottom: 40px;
  padding: 20px;
}

.band-blue {
  background-color: #7a3fe2;
}

/* Article Page */
.article-wrapper {
  float: left;
  margin-bottom: 15px;
}

.article-wrapper p {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 21px;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  line-height: 27px;
}

.article-wrapper > a {
  font-weight: bold;
  border-bottom: 1px solid #474747;
}

/* Article Page Aside */
.article-aside {
  width: 350px;
  float: left;
}

.article-aside-wrapper {
  height: 367px;
}

.article-aside-wrapper p {
  font-size: 21px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  margin: 0;
  padding: 0;
  color: #474747;
  line-height: 26px;
}

.article-aside-wrapper span {
  font-family: "myriad-pro-semi-condensed",sans-serif;
  font-style: italic;
  font-weight: 400;
}

.article-aside-text-wrapper {
  width: 118px;
  position: relative;
  float: left;
  left: 87px;
  top: 19px;
}

.article-aside-img-wrapper {
  float: left;
  position: relative;
  width: 200px;
  height: 368px;
  right: 25px;
}

.article-aside-button {
  clear: both;
  margin: 20px auto 0 130px;
}

/* Template Page Aside */
.template-aside-up {
  background-color: #EFC94C;
  margin-bottom: 11px;
}

.template-aside-down {
  background-color: #E27A3F;
}

.template-aside-text {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 42px;
  width: 268px;
  margin: 0 auto;
  line-height: 43px;
  padding-top: 21px;
  padding-bottom: 23px;
}

.deep-template-aside-text {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 21px;
  line-height: 41px;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.template-aside-text-italic {
  font-family: "myriad-pro",sans-serif;
  font-style: italic;
  font-weight: 900;
}

.template-aside {
  width: 341px;
  float: left;
  margin-left: 62px;
}

.template-aside-wrapper {
  margin-top: 8px;
  color: white;
  text-align: center;
}

.deep-template-aside-up {
  height: 41px;
  background-color: #DEBA43;
}

.deep-template-aside-down {
  height: 41px;
  background-color: #D16F36;
}

.template-aside-up p {
  text-shadow: 1px 1px #BFA13D;
}

.template-aside-down p {
  text-shadow: 1px 1px #B56232;
}

.deep-templatef-aside-up p {
  text-shadow: 1px 1px #B29536;
}

.deep-template-aside-down p {
  text-shadow: 1px 1px #A7592B;
}

/* Redirection Page Style */
.redirection-wrapper {
  width: 660px;
  margin: 0 auto;
  height: 100%;
  display: table;
}

.redirection-box {
  display: table-cell;
  vertical-align: middle;
}

.redirection-box p {
  margin: 0;
  padding: 0;
  font-size: 42px;
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 7px;
  text-align: center;
}

#counter {
  font-family: "myriad-pro",sans-serif;
  font-style: normal;
  font-weight: 300;
  color: red;
  font-size: 68px;
}

/* BreakPoints Style */
/* BreakPoint 2 Special iPAD */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .section-2-text-1 {
    width: 394px;
    letter-spacing: 0px;
    font-size: 21px;
    line-height: 26px;
  }
  .section-1 {
    height: 227px;
  }
  .section-1-text {
    margin-right: 0;
    width: 392px;
    height: 152px;
    margin-top: 43px;
    margin-left: 20px;
  }
  .section-1-text-1 {
    margin-left: 0px;
    font-size: 89px;
    line-height: 68px;
    margin-bottom: 30px;
  }
  .section-1-text-2 {
    margin-left: 45px;
    font-size: 68px;
    line-height: 54px;
    letter-spacing: -1px;
  }
  .sub-section-1-text {
    left: 118px;
    top: 66px;
    line-height: 18px;
  }
  .sub-section-1-img {
    bottom: 1144px;
  }
  .section-2-background {
    height: 226px;
    top: 230px;
  }
  .section-2 {
    height: 228px;
  }
  .section-2-text {
    width: 398px;
    height: 161px;
    margin-left: 25px;
    padding-top: 19px;
  }
  .section-3 {
    height: 260px;
  }
  .section-3-text {
    padding-top: 44px;
  }
  .sub-section-1 {
    position: relative;
    right: 57px;
  }
  .logo-wrapper {
    margin-right: 0;
    float: none;
    margin: 28px auto 0 auto;
  }
  .half-section {
    width: 100%;
    float: none;
    height: 474px;
  }
  .half-section-left-content-wrapper {
    width: 713px;
    margin: 0 auto;
    padding-top: 23px;
  }
  .half-section-right-content-wrapper {
    width: 713px;
    margin: 0 auto;
    padding-top: 23px;
  }
  .sub-section-4-text-wrapper-1 {
    width: 668px;
    margin: 0 auto 0 33px;
  }
  .sub-section-4-text-wrapper-2 {
    width: 713px;
    margin: 0 auto 0 33px;
  }
  .sub-section-4-text {
    margin-bottom: 33px;
    line-height: 27px;
  }
  .section-4 {
    height: 942px;
  }
  .sub-section-4-text-title {
    width: 366px;
    margin-bottom: 17px;
  }
  .sub-section-4-text-wrapper-2 p {
    width: 674px;
    line-height: 28px;
    margin-bottom: 30px;
  }
  .sub-section-4-text-wrapper-2 h2 {
    margin-bottom: 12px;
  }
  .sub-section-4-right {
    background: no-repeat url("img/big-arrow.png") -1px -24px #45B29D;
  }
  .sub-section-5-img {
    width: 233px;
    height: 258px;
  }
  .sub-section-5-img img {
    width: inherit;
    height: inherit;
  }
  .sub-section-5-text-1 {
    font-size: 42px;
    margin-left: 45px;
  }
  .sub-section-5-text-2 {
    font-size: 55px;
  }
  .sub-section-5-text-comma {
    font-size: 55px;
  }
  .sub-section-5-text {
    width: 425px;
    margin: 52px 0 0 29px;
  }
  .sub-section-5-text-2 {
    line-height: 60px;
    padding-top: 0px;
  }
  .sub-section-5-text-comma-2 {
    bottom: 41px;
    right: 19px;
  }
  .sub-section-5-text-comma-1 {
    bottom: 15px;
    right: 9px;
  }
  .section-6 {
    height: 260px;
  }
  .section-6-text-wrapper {
    padding-top: 38px;
  }
  .section-7 {
    height: 680px;
  }
  .sub-section-7-float {
    float: none;
  }
  .ph-left {
    margin-left: 0;
    margin-bottom: 18px;
  }
  .sub-section-7-text-wrapper {
    width: 654px;
    height: 130px;
    float: none;
    text-align: center;
    margin: 0 auto;
    padding-top: 36px;
  }
  .sub-section-7-img-wrapper {
    width: 432px;
    height: 390px;
    margin: 0 auto;
    padding-top: 29px;
    float: none;
  }
  .sub-section-7-button {
    margin-left: 0px;
    margin-top: 0px;
    margin: 23px auto 0 auto;
  }
  .sub-section-7-text {
    line-height: 26px;
  }
  .clrfix {
    clear: none;
  }
  .sub-section-button {
    height: 38px;
    line-height: 36px;
  }
  .section-8-content-wrapper {
    width: 496px;
    margin: 0;
  }
  .sub-section-8-text-wrapper {
    width: 478px;
    height: 304px;
    margin-left: 17px;
    padding-top: 16px;
  }
  .section-content-wrapper {
    width: 730px;
    margin: 0 auto;
  }
  .sub-section-8-img {
    width: 205px;
    height: 335px;
  }
  .section-9 {
    height: 417px;
  }
  .section-9-text-wrapper {
    width: 656px;
    height: 350px;
    margin: 0 auto;
    padding-top: 37px;
  }
  .section-9-text-wrapper h2 {
    margin-bottom: 26px;
  }
  .section-9-text {
    float: none;
    line-height: 26px;
  }
  .section-9-text-1 {
    width: 647px;
    height: 155px;
    margin-right: 0;
  }
  .section-9-text-2 {
    width: 663px;
    height: 133px;
  }
  .section-10-lists-wrapper {
    width: 342px;
    margin: 0 auto;
  }
  .section-10-list li {
    margin-bottom: 0px;
  }
  .section-10-list-1 {
    margin-right: 0;
  }
  .section-10-text-wrapper {
    width: 632px;
    padding-top: 19px;
  }
  .section-10-text-title {
    margin: 0 auto 14px auto;
  }
  .section-11 {
    height: 350px;
  }
  .section-11-text {
    line-height: 26px;
  }
  .sub-section-11 {
    height: 64px;
  }
  .section-11-text-wrapper {
    width: 696px;
    margin: 0 auto 15px auto;
    padding-top: 35px;
  }
  .section-11-text-wrapper h2 {
    margin-bottom: 23px;
  }
  .sub-section-12-text {
    font-size: 55px;
    width: 425px;
  }
  .section-12 {
    height: 467px;
  }
  .half-section-12 {
    float: none;
    width: 100%;
    height: 234px;
  }
  .deep-section-12-left {
    height: 54px;
  }
  .deep-section-12-right {
    height: 53px;
  }
  .deep-section-12-text {
    line-height: 56px;
  }
  .sub-section-12-text {
    margin: 0 auto 20px auto;
    padding-top: 24px;
  }
  .section-13 {
    height: 198px;
  }
  .section-13-text {
    padding-top: 11px;
  }
  .header {
    width: 730px;
    height: 120px;
  }
  .top-menu {
    padding-top: 17px;
    width: 517px;
    margin: 0 auto;
    float: none;
  }
  .sub-section-1-text-1 {
    font-size: 16px;
  }
  .sub-section-1-text-2 {
    font-size: 16px;
  }
  /* Other Pages Breakpoint */
  .faq-wrapper {
    width: 545px;
    margin: 0 auto;
  }
  .question-wrapper {
    width: 545px;
  }
  .template-aside-wrapper {
    margin-left: 0;
  }
  .article-aside {
    display: none;
  }
  .template-aside {
    width: 300px;
    display: none;
  }
  .template-wrapper {
    width: 731px;
  }
  .template-section {
    width: 534px;
    margin: 0 auto !important;
  }
}

/* BreakPoint 3 Special iPAD */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .section-2-text-1 {
    width: 403px;
    letter-spacing: 0px;
    font-size: 21px;
    line-height: 26px;
    text-align: center;
  }
  .section-1 {
    height: 301px;
  }
  .section-1-text {
    margin-right: 0;
    width: 417px;
    height: 152px;
    margin-left: 0px;
    margin: 43px auto 0 auto;
    float: none;
  }
  .section-1-text-1 {
    margin-left: 0px;
    font-size: 89px;
    line-height: 68px;
    margin-bottom: 30px;
  }
  .section-1-text-2 {
    margin-left: 31px;
    font-size: 68px;
    line-height: 54px;
    letter-spacing: 0px;
  }
  .sub-section-1-text {
    left: 163px;
    top: 54px;
    line-height: 18px;
    width: 159px;
    height: 37px;
  }
  .sub-section-1-img {
    bottom: 1219px;
    width: 1px;
    height: 1px;
  }
  .section-2-background {
    height: 265px;
    top: 151px;
  }
  .section-2 {
    height: 267px;
  }
  .section-2-text {
    width: 421px;
    height: 161px;
    margin-left: 0;
    padding-top: 73px;
    margin: 0 auto;
  }
  .section-3 {
    height: 312px;
  }
  .section-3-text {
    padding-top: 44px;
    width: 560px;
  }
  .section-3-text-1 {
    width: 505px;
    margin: 0 auto;
    text-align: left;
  }
  .sub-section-1 {
    position: relative;
    right: -26px;
  }
  .logo-wrapper {
    width: 198px;
    margin-right: 0;
    float: none;
    margin: 28px auto 0 auto;
  }
  .half-section {
    width: 100%;
    float: none;
    height: 585px;
  }
  .half-section-left-content-wrapper {
    width: 560px;
    margin: 0 auto;
    padding-top: 23px;
  }
  .half-section-right-content-wrapper {
    width: 560px;
    margin: 0 auto;
    padding-top: 23px;
  }
  .sub-section-4-text-wrapper-1 {
    width: 495px;
    margin: 0 auto 0 33px;
  }
  .sub-section-4-text-wrapper-2 {
    width: 713px;
    margin: 0 auto 0 33px;
  }
  .sub-section-4-text {
    margin-bottom: 33px;
    line-height: 27px;
  }
  .section-4 {
    height: 1138px;
  }
  .sub-section-4-text-title {
    width: 366px;
    margin-bottom: 17px;
  }
  .sub-section-4-text-wrapper-2 p {
    width: 504px;
    line-height: 28px;
    margin-bottom: 30px;
  }
  .sub-section-4-text-wrapper-2 h2 {
    margin-bottom: 12px;
  }
  .sub-section-4-right {
    background: no-repeat url("img/big-arrow.png") 32px -24px #40A38F;
  }
  .sub-section-5-img {
    width: 300px;
    height: 354px;
    margin: 0 auto;
    top: 14px;
    left: 10px;
  }
  .sub-section-5-img img {
    width: inherit;
    height: inherit;
  }
  .sub-section-5-text-1 {
    font-size: 55px;
    margin-left: 45px;
  }
  .sub-section-5-text-2 {
    font-size: 68px;
  }
  .sub-section-5-text-comma {
    font-size: 68px;
  }
  .sub-section-5-text {
    width: 510px;
    margin: 0 0 0 25px;
    padding-top: 16px;
  }
  .sub-section-5-text-2 {
    line-height: 70px;
    padding-top: 0px;
  }
  .sub-section-5-text-comma-2 {
    bottom: 50px;
    right: 12px;
  }
  .sub-section-5-text-comma-1 {
    bottom: 15px;
    right: 2px;
  }
  .section-6 {
    height: 286px;
  }
  .section-6-text {
    width: 484px;
    line-height: 27px;
    margin: 0 auto;
  }
  .section-6-text-wrapper {
    padding-top: 38px;
    width: 560px;
    text-align: left;
  }
  .section-6-text-line-fix {
    width: 489px;
    margin: -28px auto 0 auto;
    line-height: 27px;
    text-indent: 99px;
  }
  .section-7 {
    height: 733px;
  }
  .sub-section-7-float {
    float: none;
  }
  .ph-left {
    margin-left: 0;
    margin-bottom: 18px;
  }
  .sub-section-7-text-wrapper {
    width: 481px;
    height: 130px;
    float: none;
    text-align: left;
    margin: 0 auto;
    padding-top: 36px;
  }
  .sub-section-7-img-wrapper {
    width: 432px;
    height: 390px;
    margin: 0 auto;
    padding-top: 29px;
    float: none;
  }
  .sub-section-7-button {
    margin-left: 0px;
    margin-top: 0px;
    margin: 23px auto 0 auto;
  }
  .sub-section-7-text {
    line-height: 26px;
  }
  .clrfix {
    clear: none;
  }
  .sub-section-button {
    height: 38px;
    line-height: 36px;
  }
  .section-8 {
    height: 447px;
  }
  .section-8-content-wrapper {
    width: 475px;
    margin: 0 auto;
  }
  .sub-section-8-text-wrapper {
    width: 494px;
    height: 277px;
    margin-left: 0;
    padding-top: 2px;
  }
  .sub-section-8-text-title {
    text-align: center;
  }
  .section-content-wrapper {
    width: 560px;
    margin: 0 auto;
  }
  .sub-section-8-img {
    width: 100%;
    height: 144px;
  }
  .section-9 {
    height: 482px;
  }
  .section-9-text-wrapper {
    width: 471px;
    height: 423px;
    margin: 0 auto;
    padding-top: 37px;
  }
  .section-9-text-wrapper h2 {
    margin-bottom: 24px;
  }
  .section-9-text {
    float: none;
    line-height: 26px;
  }
  .section-9-text-1 {
    width: 524px;
    height: 197px;
    margin-right: 0;
  }
  .section-9-text-2 {
    width: 475px;
    height: 155px;
  }
  .section-10-lists-wrapper {
    width: 393px;
    margin: 0 0 0 35px;
  }
  .section-10-list li {
    margin-bottom: 0.04em;
  }
  .section-10-list-1 {
    margin-right: 0;
  }
  .section-10-text-wrapper {
    width: 560px;
    height: 100%;
    padding-top: 19px;
  }
  .section-10-text-title {
    margin: 0 auto 10px auto;
    font-size: 42px;
    width: 472px;
  }
  .section-11 {
    height: 483px;
  }
  .section-11-text {
    line-height: 26px;
    text-align: left;
    width: 495px;
  }
  .sub-section-11 {
    height: 64px;
  }
  .section-11-text-wrapper {
    width: 472px;
    margin: 0 auto 4px auto;
    padding-top: 35px;
    height: 380px;
  }
  .section-11-text-wrapper h2 {
    margin-bottom: 11px;
    width: 496px;
    text-align: center;
    line-height: 57px;
  }
  .sub-section-12-text {
    font-size: 55px;
    width: 425px;
  }
  .section-12 {
    height: 467px;
  }
  .half-section-12 {
    float: none;
    width: 100%;
    height: 234px;
  }
  .deep-section-12-left {
    height: 54px;
  }
  .deep-section-12-right {
    height: 53px;
  }
  .deep-section-12-text {
    line-height: 56px;
  }
  .sub-section-12-text {
    margin: 0 auto 20px auto;
    padding-top: 24px;
  }
  .section-13 {
    height: 198px;
  }
  .section-13-text {
    padding-top: 11px;
  }
  .header {
    width: 560px;
    height: 120px;
  }
  .top-menu {
    padding-top: 17px;
    width: 517px;
    margin: 0 auto;
    float: none;
  }
  .sub-section-1-text-1 {
    font-size: 16px;
    text-align: center;
  }
  .sub-section-1-text-2 {
    font-size: 16px;
    width: 160px;
    text-align: center;
  }
  .logo1 {
    letter-spacing: 0.72em;
    padding-left: 3px;
  }
  .logo2 {
    letter-spacing: 0.06em;
  }
  .section-5-split {
    float: none;
  }
  .section-8-split {
    float: none;
  }
  /* Other Pages Breakpoint */
  .faq-wrapper {
    width: 492px;
    margin: 0 auto;
  }
  .question-wrapper {
    width: 492px;
  }
  .contact-title {
    right: 0;
  }
  .faq-title {
    right: 0;
  }
  .template-aside-wrapper {
    margin-left: 0;
  }
  .article-aside {
    display: none;
  }
  .template-aside {
    width: 300px;
    display: none;
  }
  .template-wrapper {
    width: 558px;
  }
  .template-section {
    width: 491px;
    margin: 0 auto !important;
  }
}

/* BreakPoint 1 */
@media all and (max-width: 1069px) and (min-width: 901px) {
  .sub-section-7-content-wrapper {
    width: 901px;
    margin: 0 auto;
  }
  .section-2-text-1 {
    width: 420px;
    letter-spacing: 0px;
  }
  .section-1-text {
    margin-right: 0;
    width: 520px;
  }
  .section-1-text-1 {
    margin-left: 29px;
  }
  .section-1-text-2 {
    margin-left: 68px;
  }
  .section-2-text {
    width: 422px;
    height: 232px;
    margin-left: 55px;
    padding-top: 19px;
  }
  .sub-section-1 {
    position: relative;
    right: 57px;
  }
  .half-section {
    width: 100%;
    float: none;
    height: 468px;
  }
  .half-section-left-content-wrapper {
    width: 713px;
    margin: 0 auto;
    padding-top: 39px;
  }
  .half-section-right-content-wrapper {
    width: 713px;
    margin: 0 auto;
    padding-top: 33px;
  }
  .sub-section-4-text-wrapper-1 {
    width: 673px;
    margin: 0 auto 0 33px;
  }
  .sub-section-4-text-wrapper-2 {
    width: 713px;
    margin: 0 auto 0 33px;
  }
  .sub-section-4-text {
    margin-bottom: 28px;
  }
  .section-4 {
    height: 886px;
  }
  .sub-section-4-text-wrapper-2 p {
    width: 674px;
  }
  .sub-section-4-right {
    background: no-repeat url("img/big-arrow.png") -1px -24px #45B29D;
  }
  .sub-section-5-text-1 {
    font-size: 55px;
  }
  .sub-section-5-text-2 {
    font-size: 68px;
  }
  .sub-section-5-text-comma {
    font-size: 68px;
  }
  .sub-section-5-text {
    width: 508px;
    margin: 72px 0 0 29px;
  }
  .sub-section-5-text-1 {
    margin-left: 45px;
  }
  .sub-section-5-text-2 {
    line-height: 71px;
    padding-top: 0px;
  }
  .sub-section-5-text-comma-2 {
    bottom: 49px;
    right: 19px;
  }
  .sub-section-5-text-comma-1 {
    bottom: 15px;
    right: 3px;
  }
  .section-7 {
    height: 268px;
  }
  .sub-section-7-float {
    float: none;
  }
  .ph-left {
    margin-left: 0;
    margin-bottom: 18px;
  }
  .sub-section-7-text-wrapper {
    width: 702px;
    height: 210px;
    text-align: center;
    margin: 0 auto;
    padding-top: 16px;
  }
  .sub-section-7-img-wrapper {
    width: 432px;
    height: 390px;
    margin: 0 0 0 35px;
    padding-top: 40px;
    float: left;
  }
  .sub-section-7-button {
    margin: 23px auto 0 auto;
  }
  .sub-section-7-text {
    line-height: 26px;
  }
  .clrfix {
    clear: none;
  }
  .sub-section-button {
    height: 40px;
  }
  .section-8-content-wrapper {
    width: 524px;
    margin: 0;
  }
  .sub-section-8-text-wrapper {
    width: 496px;
    height: 278px;
    margin-left: 17px;
    padding-top: 29px;
  }
  .section-content-wrapper {
    width: 901px;
    margin: 0 auto;
  }
  .sub-section-8-img {
    width: 356px;
    height: 335px;
  }
  .section-9 {
    height: 364px;
  }
  .section-9-text-wrapper {
    width: 819px;
    height: 280px;
    margin: 0 auto;
    padding-top: 55px;
  }
  .section-9-text-1 {
    width: 401px;
    height: 212px;
    margin-right: 40px;
  }
  .section-9-text-2 {
    width: 377px;
    height: 193px;
  }
  .section-10-list-1 {
    margin-right: 47px;
  }
  .section-10-text-wrapper {
    width: 833px;
  }
  .section-10-text-title {
    margin: 0 auto 14px auto;
  }
  .sub-section-12-text {
    font-size: 55px;
    width: 423px;
  }
  .section-12 {
    height: 233px;
  }
  .deep-section-12-left {
    height: 52px;
  }
  .deep-section-12-right {
    height: 52px;
  }
  .sub-section-12-text {
    margin: 0 auto 20px auto;
    padding-top: 24px;
  }
  .deep-section-12-text {
    line-height: 58px;
  }
  .header {
    width: 901px;
  }
  /* Other Pages Breakpoint */
  .faq-wrapper {
    width: 535px;
  }
  .question-wrapper {
    width: 493px;
  }
  .contact-title {
    right: 0;
  }
  .faq-title {
    right: 0;
  }
  .article-aside {
    display: none;
  }
  .template-aside {
    width: 300px;
    margin-left: 0;
  }
  .template-wrapper {
    width: 901px;
  }
  .article-section {
    width: 633px !important;
  }
  .article-title-fix {
    width: 633px;
  }
  .page-fix-bad {
    width: 630px;
  }
  .template-section {
    width: 840px;
    margin: 0 auto !important;
  }
}

/* BreakPoint 2 */
@media all and (max-width: 900px) and (min-width: 730px) {
  .section-2-text-1 {
    width: 394px;
    letter-spacing: 0px;
    font-size: 21px;
    line-height: 26px;
  }
  .section-1 {
    height: 227px;
  }
  .section-1-text {
    margin-right: 0;
    width: 392px;
    height: 152px;
    margin-top: 43px;
    margin-left: 20px;
  }
  .section-1-text-1 {
    margin-left: 0px;
    font-size: 89px;
    line-height: 68px;
    margin-bottom: 30px;
  }
  .section-1-text-2 {
    margin-left: 45px;
    font-size: 68px;
    line-height: 54px;
    letter-spacing: -1px;
  }
  .sub-section-1-text {
    left: 118px;
    top: 66px;
    line-height: 18px;
  }
  .sub-section-1-img {
    bottom: 1144px;
  }
  .section-2-background {
    height: 226px;
    top: 230px;
  }
  .section-2 {
    height: 228px;
  }
  .section-2-text {
    width: 398px;
    height: 161px;
    margin-left: 25px;
    padding-top: 19px;
  }
  .section-3 {
    height: 260px;
  }
  .section-3-text {
    padding-top: 44px;
  }
  .sub-section-1 {
    position: relative;
    right: 57px;
  }
  .logo-wrapper {
    margin-right: 0;
    float: none;
    margin: 0 auto 0 auto;
    padding-top: 28px;
  }
  .half-section {
    width: 100%;
    float: none;
    height: 474px;
  }
  .half-section-left-content-wrapper {
    width: 713px;
    margin: 0 auto;
    padding-top: 23px;
  }
  .half-section-right-content-wrapper {
    width: 713px;
    margin: 0 auto;
    padding-top: 23px;
  }
  .sub-section-4-text-wrapper-1 {
    width: 668px;
    margin: 0 auto 0 33px;
  }
  .sub-section-4-text-wrapper-2 {
    width: 713px;
    margin: 0 auto 0 33px;
  }
  .sub-section-4-text {
    margin-bottom: 33px;
    line-height: 27px;
  }
  .section-4 {
    height: 942px;
  }
  .sub-section-4-text-title {
    width: 366px;
    margin-bottom: 17px;
  }
  .sub-section-4-text-wrapper-2 p {
    width: 674px;
    line-height: 28px;
    margin-bottom: 30px;
  }
  .sub-section-4-text-wrapper-2 h2 {
    margin-bottom: 12px;
  }
  .sub-section-4-right {
    background: no-repeat url("img/big-arrow.png") -1px -24px #45B29D;
  }
  .sub-section-5-img {
    width: 233px;
    height: 258px;
  }
  .sub-section-5-img img {
    width: inherit;
    height: inherit;
  }
  .sub-section-5-text-1 {
    font-size: 42px;
    margin-left: 45px;
  }
  .sub-section-5-text-2 {
    font-size: 55px;
  }
  .sub-section-5-text-comma {
    font-size: 55px;
  }
  .sub-section-5-text {
    width: 425px;
    margin: 52px 0 0 29px;
  }
  .sub-section-5-text-2 {
    line-height: 60px;
    padding-top: 0px;
  }
  .sub-section-5-text-comma-2 {
    bottom: 41px;
    right: 19px;
  }
  .sub-section-5-text-comma-1 {
    bottom: 15px;
    right: 9px;
  }
  .section-6 {
    height: 260px;
  }
  .section-6-text-wrapper {
    padding-top: 38px;
  }
  .section-7 {
    height: 265px;
  }
  .sub-section-7-float {
    float: none;
  }
  .ph-left {
    margin-left: 0;
    margin-bottom: 18px;
  }
  .sub-section-7-text-wrapper {
    width: 654px;
    height: 130px;
    float: none;
    text-align: center;
    margin: 0 auto;
    padding-top: 16px;
  }
  .sub-section-7-img-wrapper {
    width: 432px;
    height: 390px;
    margin: 0 auto;
    padding-top: 29px;
    float: none;
  }
  .sub-section-7-button {
    margin-left: 0px;
    margin-top: 0px;
    margin: 23px auto 0 auto;
  }
  .sub-section-7-text {
    line-height: 26px;
  }
  .clrfix {
    clear: none;
  }
  .sub-section-button {
    height: 38px;
    line-height: 36px;
  }
  .section-8-content-wrapper {
    width: 496px;
    margin: 0;
  }
  .sub-section-8-text-wrapper {
    width: 478px;
    height: 304px;
    margin-left: 17px;
    padding-top: 16px;
  }
  .section-content-wrapper {
    width: 730px;
    margin: 0 auto;
  }
  .sub-section-8-img {
    width: 205px;
    height: 335px;
  }
  .section-9 {
    height: 417px;
  }
  .section-9-text-wrapper {
    width: 656px;
    height: 350px;
    margin: 0 auto;
    padding-top: 37px;
  }
  .section-9-text-wrapper h2 {
    margin-bottom: 26px;
  }
  .section-9-text {
    float: none;
    line-height: 26px;
  }
  .section-9-text-1 {
    width: 647px;
    height: 155px;
    margin-right: 0;
  }
  .section-9-text-2 {
    width: 663px;
    height: 133px;
  }
  .section-10-lists-wrapper {
    width: 342px;
    margin: 0 auto;
  }
  .section-10-list li {
    margin-bottom: 0px;
  }
  .section-10-list-1 {
    margin-right: 0;
  }
  .section-10-text-wrapper {
    width: 632px;
    padding-top: 19px;
  }
  .section-10-text-title {
    margin: 0 auto 14px auto;
  }
  .section-11 {
    height: 350px;
  }
  .section-11-text {
    line-height: 26px;
  }
  .sub-section-11 {
    height: 64px;
  }
  .section-11-text-wrapper {
    width: 696px;
    margin: 0 auto 15px auto;
    padding-top: 35px;
  }
  .section-11-text-wrapper h2 {
    margin-bottom: 23px;
  }
  .sub-section-12-text {
    font-size: 55px;
    width: 425px;
  }
  .section-12 {
    height: 467px;
  }
  .half-section-12 {
    float: none;
    width: 100%;
    height: 234px;
  }
  .deep-section-12-left {
    height: 54px;
  }
  .deep-section-12-right {
    height: 53px;
  }
  .deep-section-12-text {
    line-height: 56px;
  }
  .sub-section-12-text {
    margin: 0 auto 20px auto;
    padding-top: 24px;
  }
  .section-13 {
    height: 198px;
  }
  .section-13-text {
    padding-top: 11px;
  }
  .header {
    width: 730px;
    height: 148px;
  }
  .top-menu {
    padding-top: 17px;
    width: 505px;
    margin: 0 auto;
    float: none;
  }
  .sub-section-1-text-1 {
    font-size: 16px;
  }
  .sub-section-1-text-2 {
    font-size: 16px;
  }
  /* Other Pages Breakpoint */
  .faq-wrapper {
    width: 545px;
    margin: 0 auto;
  }
  .question-wrapper {
    width: 545px;
  }
  .template-aside-wrapper {
    margin-left: 0;
  }
  .article-aside {
    display: none;
  }
  .template-aside {
    width: 300px;
    display: none;
  }
  .template-wrapper {
    width: 731px;
  }
  .article-section {
    width: 633px !important;
    padding-top: 17px;
  }
  .template-section {
    width: 534px;
    margin: 0 auto !important;
  }
  .article-title-fix {
    width: 633px;
  }
  .page-fix-bad {
    width: 630px;
  }
}

/* BreakPoint 3 */
@media all and (max-width: 729px) and (min-width: 560px) {
  .section-2-text-1 {
    width: 403px;
    letter-spacing: 0px;
    font-size: 21px;
    line-height: 26px;
    text-align: center;
  }
  .section-1 {
    height: 301px;
  }
  .section-1-text {
    margin-right: 0;
    width: 417px;
    height: 152px;
    margin-left: 0px;
    margin: 43px auto 0 auto;
    float: none;
  }
  .section-1-text-1 {
    margin-left: 0px;
    font-size: 89px;
    line-height: 68px;
    margin-bottom: 30px;
  }
  .section-1-text-2 {
    margin-left: 31px;
    font-size: 68px;
    line-height: 54px;
    letter-spacing: 0px;
  }
  .sub-section-1-text {
    left: 163px;
    top: 54px;
    line-height: 18px;
    width: 159px;
    height: 37px;
  }
  .sub-section-1-img {
    bottom: 1219px;
    width: 1px;
    height: 1px;
  }
  .section-2-background {
    height: 265px;
    top: 151px;
  }
  .section-2 {
    height: 267px;
  }
  .section-2-text {
    width: 421px;
    height: 161px;
    margin-left: 0;
    padding-top: 73px;
    margin: 0 auto;
  }
  .section-3 {
    height: 312px;
  }
  .section-3-text {
    padding-top: 44px;
    width: 560px;
  }
  .section-3-text-1 {
    width: 505px;
    margin: 0 auto;
    text-align: left;
  }
  .sub-section-1 {
    position: relative;
    right: -26px;
  }
  .logo-wrapper {
    width: 198px;
    margin-right: 0;
    float: none;
    margin: 0 auto 0 auto;
    padding-top: 28px;
  }
  .half-section {
    width: 100%;
    float: none;
    height: 585px;
  }
  .half-section-left-content-wrapper {
    width: 560px;
    margin: 0 auto;
    padding-top: 23px;
  }
  .half-section-right-content-wrapper {
    width: 560px;
    margin: 0 auto;
    padding-top: 23px;
  }
  .sub-section-4-text-wrapper-1 {
    width: 495px;
    margin: 0 auto 0 33px;
  }
  .sub-section-4-text-wrapper-2 {
    width: 713px;
    margin: 0 auto 0 33px;
  }
  .sub-section-4-text {
    margin-bottom: 33px;
    line-height: 27px;
  }
  .section-4 {
    height: 1138px;
  }
  .sub-section-4-text-title {
    width: 366px;
    margin-bottom: 17px;
  }
  .sub-section-4-text-wrapper-2 p {
    width: 504px;
    line-height: 28px;
    margin-bottom: 30px;
  }
  .sub-section-4-text-wrapper-2 h2 {
    margin-bottom: 12px;
  }
  .sub-section-4-right {
    background: no-repeat url("img/big-arrow.png") 32px -24px #40A38F;
  }
  .sub-section-5-img {
    width: 300px;
    height: 354px;
    margin: 0 auto;
    top: 14px;
    left: 10px;
  }
  .sub-section-5-img img {
    width: inherit;
    height: inherit;
  }
  .sub-section-5-text-1 {
    font-size: 55px;
    margin-left: 45px;
  }
  .sub-section-5-text-2 {
    font-size: 68px;
  }
  .sub-section-5-text-comma {
    font-size: 68px;
  }
  .sub-section-5-text {
    width: 510px;
    margin: 0 0 0 25px;
    padding-top: 16px;
  }
  .sub-section-5-text-2 {
    line-height: 70px;
    padding-top: 0px;
  }
  .sub-section-5-text-comma-2 {
    bottom: 50px;
    right: 12px;
  }
  .sub-section-5-text-comma-1 {
    bottom: 15px;
    right: 2px;
  }
  .section-6 {
    height: 286px;
  }
  .section-6-text {
    width: 484px;
    line-height: 27px;
    margin: 0 auto;
  }
  .section-6-text-wrapper {
    padding-top: 38px;
    width: 560px;
    text-align: left;
  }
  .section-6-text-line-fix {
    width: 489px;
    margin: -28px auto 0 auto;
    line-height: 27px;
    text-indent: 99px;
  }
  .section-7 {
    height: 313px;
  }
  .sub-section-7-float {
    float: none;
  }
  .ph-left {
    margin-left: 0;
    margin-bottom: 18px;
  }
  .sub-section-7-text-wrapper {
    width: 481px;
    height: 130px;
    float: none;
    text-align: left;
    margin: 0 auto;
    padding-top: 10px;
  }
  .sub-section-7-img-wrapper {
    width: 432px;
    height: 390px;
    margin: 0 auto;
    padding-top: 29px;
    float: none;
  }
  .sub-section-7-button {
    margin-left: 0px;
    margin-top: 0px;
    margin: 23px auto 0 auto;
  }
  .sub-section-7-text {
    line-height: 26px;
  }
  .clrfix {
    clear: none;
  }
  .sub-section-button {
    height: 38px;
    line-height: 36px;
  }
  .section-8 {
    height: 447px;
  }
  .section-8-content-wrapper {
    width: 475px;
    margin: 0 auto;
  }
  .sub-section-8-text-wrapper {
    width: 497px;
    height: 277px;
    margin-left: 0;
    padding-top: 2px;
  }
  .sub-section-8-text-title {
    text-align: center;
  }
  .section-content-wrapper {
    width: 560px;
    margin: 0 auto;
  }
  .sub-section-8-img {
    width: 100%;
    height: 144px;
  }
  .section-9 {
    height: 482px;
  }
  .section-9-text-wrapper {
    width: 471px;
    height: 423px;
    margin: 0 auto;
    padding-top: 37px;
  }
  .section-9-text-wrapper h2 {
    margin-bottom: 24px;
  }
  .section-9-text {
    float: none;
    line-height: 26px;
  }
  .section-9-text-1 {
    width: 524px;
    height: 197px;
    margin-right: 0;
  }
  .section-9-text-2 {
    width: 490px;
    height: 155px;
  }
  .section-10-lists-wrapper {
    width: 393px;
    margin: 0 0 0 35px;
  }
  .section-10-list li {
    margin-bottom: 0.04em;
  }
  .section-10-list-1 {
    margin-right: 0;
  }
  .section-10-text-wrapper {
    width: 560px;
    height: 100%;
    padding-top: 19px;
  }
  .section-10-text-title {
    margin: 0 auto 10px auto;
    font-size: 42px;
    width: 500px;
  }
  .section-11 {
    height: 483px;
  }
  .section-11-text {
    line-height: 26px;
    text-align: left;
    width: 495px;
  }
  .sub-section-11 {
    height: 64px;
  }
  .section-11-text-wrapper {
    width: 472px;
    margin: 0 auto 4px auto;
    padding-top: 35px;
    height: 380px;
  }
  .section-11-text-wrapper h2 {
    margin-bottom: 11px;
    width: 496px;
    text-align: center;
    line-height: 57px;
  }
  .sub-section-12-text {
    font-size: 55px;
    width: 425px;
  }
  .section-12 {
    height: 467px;
  }
  .half-section-12 {
    float: none;
    width: 100%;
    height: 234px;
  }
  .deep-section-12-left {
    height: 54px;
  }
  .deep-section-12-right {
    height: 53px;
  }
  .deep-section-12-text {
    line-height: 56px;
  }
  .sub-section-12-text {
    margin: 0 auto 20px auto;
    padding-top: 24px;
  }
  .section-13 {
    height: 198px;
  }
  .section-13-text {
    padding-top: 11px;
  }
  .header {
    width: 560px;
    height: 120px;
  }
  .header-fix {
    height: 143px;
  }
  .top-menu {
    padding-top: 17px;
    width: 505px;
    margin: 0 auto;
    float: none;
  }
  .sub-section-1-text-1 {
    font-size: 16px;
    text-align: center;
  }
  .sub-section-1-text-2 {
    font-size: 16px;
    width: 160px;
    text-align: center;
  }
  .logo1 {
    letter-spacing: 0.72em;
    padding-left: 3px;
  }
  .logo2 {
    letter-spacing: 0.06em;
  }
  .section-5-split {
    float: none;
  }
  .section-8-split {
    float: none;
  }
  /* Other Pages Breakpoint */
  .faq-wrapper {
    width: 492px;
    margin: 0 auto;
  }
  .question-wrapper {
    width: 492px;
  }
  .contact-title {
    right: 0;
  }
  .faq-title {
    right: 0;
  }
  .template-aside-wrapper {
    margin-left: 0;
  }
  .article-aside {
    display: none;
  }
  .template-aside {
    width: 300px;
    display: none;
  }
  .template-wrapper {
    width: 558px;
  }
  .article-wrapper {
    width: 485px;
  }
  .article-title {
    font-size: 68px;
    line-height: 68px;
  }
  .article-section {
    width: 499px !important;
    padding-top: 17px;
  }
  .template-section {
    width: 520px;
    margin: 0 auto !important;
  }
}

/* BreakPoint 4 */
@media all and (max-width: 559px) and (min-width: 360px) {
  .sub-section-generic-text {
    line-height: 21px;
    font-size: 16px;
  }
  .section-generic-list {
    font-size: 16px;
  }
  .section-5 .section-content-wrapper p {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 9px;
  }
  .section-2-text-1 {
    width: 320px;
    letter-spacing: 0px;
    font-size: 16px;
    line-height: 1.37em;
    text-align: center;
  }
  .section-1 {
    height: 264px;
  }
  .section-1-text {
    margin-right: 0;
    width: 321px;
    height: 152px;
    margin-left: 0px;
    margin: 20px auto 0 auto;
    float: none;
  }
  .section-1-text-1 {
    margin-left: 0px;
    font-size: 68px;
    line-height: 68px;
    margin-bottom: 5px;
    width: 274px;
  }
  .section-1-text-2 {
    margin-left: 33px;
    font-size: 55px;
    line-height: 54px;
    letter-spacing: 0px;
  }
  .sub-section-1-text {
    left: 172px;
    top: 17px;
    line-height: 18px;
    width: 159px;
    height: 37px;
  }
  .sub-section-1-img {
    bottom: 1258px;
    width: 1px;
    height: 1px;
  }
  .section-2-background {
    height: 198px;
    top: 111px;
  }
  .section-2 {
    height: 198px;
  }
  .section-2-text {
    width: 318px;
    height: 133px;
    margin-left: 0;
    padding-top: 56px;
    margin: 0 auto;
  }
  .section-3 {
    height: 250px;
  }
  .section-3-text {
    padding-top: 16px;
    width: 360px;
  }
  .section-3-text-1 {
    width: 325px;
    margin: 0 auto;
    text-align: left;
    font-size: 16px;
    line-height: 21px;
  }
  .sub-section-1 {
    position: relative;
    right: 74px;
  }
  .logo-wrapper {
    width: 186px;
    margin-right: 0;
    float: left;
    margin: 13px 0 0 11px;
  }
  .half-section {
    width: 100%;
    float: none;
    height: 455px;
  }
  .half-section-left-content-wrapper {
    width: 360px;
    margin: 0 auto;
    padding-top: 5px;
  }
  .half-section-right-content-wrapper {
    width: 360px;
    margin: 0 auto;
    padding-top: 12px;
  }
  .sub-section-4-text-wrapper-1 {
    width: 333px;
    margin: 0 auto 0 17px;
  }
  .sub-section-4-text-wrapper-2 {
    width: 336px;
    margin: 0 auto 0 17px;
  }
  .sub-section-4-text {
    margin-bottom: 7px;
    line-height: 21px;
    font-size: 16px;
  }
  .section-4 {
    height: 881px;
  }
  .sub-section-4-text-title {
    width: 360px;
    margin-bottom: 0px;
    font-size: 34px;
  }
  .sub-section-4-text-wrapper-2 p {
    width: 336px;
    line-height: 1.37em;
    margin-bottom: 9px;
  }
  .sub-section-4-text-wrapper-2 h2 {
    margin-bottom: 7px;
    width: 229px;
    line-height: 33px;
  }
  .sub-section-4-right {
    background: no-repeat url("img/big-arrow.png") 32px -24px #40A38F;
  }
  .sub-section-5-img {
    width: 232px;
    height: 267px;
    margin: 0 auto;
    top: 14px;
    left: 0;
  }
  .sub-section-5-img img {
    width: inherit;
    height: inherit;
  }
  .sub-section-5-text-1 {
    font-size: 34px;
    margin-left: 24px;
  }
  .sub-section-5-text-2 {
    font-size: 42px;
  }
  .sub-section-5-text-comma {
    font-size: 42px;
  }
  .sub-section-5-text {
    width: 323px;
    margin: 0 0 0 25px;
    padding-top: 16px;
  }
  .sub-section-5-text-2 {
    line-height: 51px;
    padding-top: 0px;
  }
  .sub-section-5-text-comma-2 {
    bottom: 30px;
    right: 20px;
  }
  .sub-section-5-text-comma-1 {
    bottom: 4px;
    right: 15px;
  }
  .section-6 {
    height: 231px;
  }
  .section-6-text {
    width: 325px;
    line-height: 21px;
    margin: 0 auto;
    font-size: 16px;
  }
  .section-6-text-wrapper {
    padding-top: 17px;
    width: 360px;
    text-align: left;
  }
  .section-6-text-line-fix {
    width: 324px;
    margin: -21px auto 0 auto;
    line-height: 21px;
    text-indent: 228px;
    font-size: 16px;
  }
  .section-7 {
    height: 292px;
  }
  .sub-section-7-float {
    float: none;
  }
  .ph-left {
    margin-left: 0;
    margin-bottom: 18px;
  }
  .sub-section-7-content-wrapper {
    width: 360px;
    height: 100%;
    margin: 0 auto;
  }
  .sub-section-7-text-wrapper {
    width: 328px;
    height: 176px;
    float: none;
    text-align: left;
    margin: 0 0 0 10px;
    padding-top: 13px;
  }
  .sub-section-7-img-wrapper {
    width: 341px;
    height: 409px;
    padding-top: 20px;
    float: none;
  }
  .sub-section-7-button {
    margin-left: 0px;
    margin-top: 0px;
    margin: 13px auto 0 auto;
  }
  .sub-section-7-text {
    line-height: 21px;
    font-size: 16px;
  }
  .clrfix {
    clear: none;
  }
  .sub-section-button {
    height: 38px;
    line-height: 36px;
  }
  .section-8 {
    height: 376px;
  }
  .section-8-content-wrapper {
    width: 314px;
    margin: 0 auto;
  }
  .sub-section-8-text-wrapper {
    width: 332px;
    height: 246px;
    margin-left: 0;
    padding-top: 2px;
  }
  .sub-section-8-text {
    font-size: 16px;
    line-height: 21px;
  }
  .sub-section-8-text-title {
    text-align: center;
    font-size: 42px;
  }
  .section-content-wrapper {
    width: 360px;
    margin: 0 auto;
  }
  .sub-section-8-img {
    width: 100%;
    height: 109px;
  }
  .section-9 {
    height: 412px;
  }
  .section-9-text-wrapper {
    width: 312px;
    height: 396px;
    margin: 0 auto;
    padding-top: 18px;
  }
  .section-9-text-wrapper h2 {
    margin-bottom: 5px;
  }
  .section-9-text {
    float: none;
    line-height: 1.37em;
  }
  .section-9-text-1 {
    width: 327px;
    height: 167px;
    margin-right: 0;
    font-size: 16px;
    margin-bottom: 13px;
  }
  .section-9-text-2 {
    width: 330px;
    height: 167px;
    font-size: 16px;
  }
  .section-10-lists-wrapper {
    width: 297px;
    margin: 0 0 0 17px;
  }
  .section-10-list li {
    margin-bottom: 0.02em;
    line-height: 21px;
  }
  .section-10-list-1 {
    margin-right: 0;
  }
  .section-10-text-wrapper {
    width: 360px;
    height: 100%;
    padding-top: 9px;
  }
  .section-10-text-title {
    margin: 0 auto 0px auto;
    font-size: 26px;
    width: 314px;
    line-height: 35px;
  }
  .section-10-list {
    font-size: 16px;
  }
  .section-11 {
    height: 380px;
  }
  .section-11-text {
    line-height: 21px;
    text-align: left;
    width: 322px;
    font-size: 16px;
  }
  .sub-section-11 {
    height: 45px;
  }
  .sub-section-11-text {
    font-size: 21px;
    line-height: 45px;
  }
  .section-11-text-wrapper {
    width: 360px;
    margin: 0 auto 0px auto;
    padding-top: 18px;
    height: 317px;
  }
  .section-11-text-wrapper h2 {
    margin-bottom: 0;
    width: 265px;
    text-align: center;
    line-height: 40px;
    margin: 0 auto 9px auto;
  }
  .sub-section-12-text {
    font-size: 55px;
    width: 425px;
  }
  .section-12 {
    height: 342px;
  }
  .half-section-12 {
    float: none;
    width: 100%;
    height: 171px;
  }
  .deep-section-12-left {
    height: 40px;
  }
  .deep-section-12-right {
    height: 40px;
  }
  .deep-section-12-text {
    font-size: 21px;
    line-height: 40px;
  }
  .sub-section-12-text {
    margin: 0 auto 28px auto;
    padding-top: 23px;
    font-size: 42px;
    line-height: 40px;
    width: 267px;
  }
  .section-13 {
    height: 157px;
  }
  .section-13-text {
    padding-top: 11px;
    font-size: 42px;
    width: 274px;
  }
  .header {
    width: 360px;
    height: 78px;
  }
  .top-menu {
    display: none;
  }
  .sub-section-1-text-1 {
    font-size: 16px;
    text-align: center;
  }
  .sub-section-1-text-2 {
    font-size: 16px;
    width: 160px;
    text-align: center;
  }
  .logo1 {
    letter-spacing: 0.72em;
    padding-left: 3px;
  }
  .logo2 {
    letter-spacing: 0.06em;
  }
  .section-5-split {
    float: none;
  }
  .section-8-split {
    float: none;
  }
  .section-text-title {
    font-size: 42px;
    margin-bottom: 6px;
  }
  .sub-section-7-img-ph {
    width: 341px;
  }
  .sub-section-13-button {
    margin: 14px auto 0 auto;
  }
  .footer-menu {
    display: none;
  }
  footer {
    height: 35px;
  }
  .section-14-btt {
    display: block;
  }
  .section-14-link {
    display: block;
  }
  .upper-menu-arrow {
    position: relative;
    bottom: 5px;
    left: 40px;
    display: none;
  }
  /* Other Pages Breakpoint */
  .faq-wrapper {
    width: 328px;
    margin: 0 auto;
  }
  .question-wrapper {
    width: 328px;
  }
  .question-title {
    font-size: 26px;
    margin-bottom: 0px;
  }
  .question-answer {
    font-size: 16px;
    line-height: 22px;
  }
  .page-title {
    font-size: 68px;
  }
  .contact-title {
    right: 0;
  }
  .faq-title {
    right: 0;
  }
  .article-aside {
    display: none;
  }
  .template-aside-wrapper {
    margin-left: 0;
  }
  .template-aside {
    width: 300px;
    display: none;
  }
  .template-wrapper {
    width: 360px;
  }
  .article-wrapper {
    width: 327px;
    margin-bottom: 0;
  }
  .article-wrapper p {
    font-size: 16px;
    line-height: 21px;
  }
  .article-title {
    right: 0px;
    line-height: 42px;
    width: 319px;
    margin-bottom: 8px;
    font-size: 42px;
    margin-top: 11px;
  }
  .article-section {
    width: 327px !important;
  }
  .article-fix {
    padding: 0;
  }
  .template-section {
    width: 330px;
    margin: 0 auto !important;
    padding-top: 0;
  }
  .float-fix {
    float: none;
  }
  .form-input input[type=text] {
    width: 324px;
  }
  .above-input {
    margin-top: 8px;
  }
  textarea {
    width: 324px;
  }
}

/* BreakPoint 4 Special iPhone 5*/
@media only screen and (max-width: 359px) and (min-width: 320px) {
  .section-2-text-1 {
    width: 320px;
    letter-spacing: 0px;
    font-size: 16px;
    line-height: 1.37em;
    text-align: center;
  }
  .section-1 {
    height: 264px;
  }
  .section-1-text {
    margin-right: 0;
    width: 321px;
    height: 152px;
    margin-left: 0px;
    margin: 20px auto 0 auto;
    float: none;
  }
  .section-1-text-1 {
    margin-left: 0px;
    font-size: 68px;
    line-height: 68px;
    margin-bottom: 5px;
    width: 274px;
  }
  .section-1-text-2 {
    margin-left: 33px;
    font-size: 55px;
    line-height: 54px;
    letter-spacing: 0px;
  }
  .sub-section-1-text {
    left: 172px;
    top: 17px;
    line-height: 18px;
    width: 159px;
    height: 37px;
  }
  .sub-section-1-img {
    bottom: 1258px;
    width: 1px;
    height: 1px;
  }
  .section-2-background {
    height: 198px;
    top: 111px;
  }
  .section-2 {
    height: 198px;
  }
  .section-2-text {
    width: 318px;
    height: 133px;
    margin-left: 0;
    padding-top: 56px;
    margin: 0 auto;
  }
  .section-3 {
    height: 250px;
  }
  .section-3-text {
    padding-top: 16px;
    width: 360px;
  }
  .section-3-text-1 {
    width: 325px;
    margin: 0 auto;
    text-align: left;
    font-size: 16px;
    line-height: 21px;
  }
  .sub-section-1 {
    position: relative;
    right: 74px;
  }
  .logo-wrapper {
    width: 186px;
    margin-right: 0;
    float: left;
    margin: 13px 0 0 11px;
  }
  .half-section {
    width: 100%;
    float: none;
    height: 455px;
  }
  .half-section-left-content-wrapper {
    width: 360px;
    margin: 0 auto;
    padding-top: 5px;
  }
  .half-section-right-content-wrapper {
    width: 360px;
    margin: 0 auto;
    padding-top: 12px;
  }
  .sub-section-4-text-wrapper-1 {
    width: 333px;
    margin: 0 auto 0 17px;
  }
  .sub-section-4-text-wrapper-2 {
    width: 336px;
    margin: 0 auto 0 17px;
  }
  .sub-section-4-text {
    margin-bottom: 7px;
    line-height: 21px;
    font-size: 16px;
  }
  .section-4 {
    height: 881px;
  }
  .sub-section-4-text-title {
    width: 360px;
    margin-bottom: 0px;
    font-size: 34px;
  }
  .sub-section-4-text-wrapper-2 p {
    width: 336px;
    line-height: 1.37em;
    margin-bottom: 9px;
  }
  .sub-section-4-text-wrapper-2 h2 {
    margin-bottom: 7px;
    width: 229px;
    line-height: 33px;
  }
  .sub-section-4-right {
    background: no-repeat url("img/big-arrow.png") 32px -24px #40A38F;
  }
  .sub-section-5-img {
    width: 232px;
    height: 267px;
    margin: 0 auto;
    top: 14px;
    left: 0;
  }
  .sub-section-5-img img {
    width: inherit;
    height: inherit;
  }
  .sub-section-5-text-1 {
    font-size: 34px;
    margin-left: 24px;
  }
  .sub-section-5-text-2 {
    font-size: 42px;
  }
  .sub-section-5-text-comma {
    font-size: 42px;
  }
  .sub-section-5-text {
    width: 323px;
    margin: 0 0 0 25px;
    padding-top: 16px;
  }
  .sub-section-5-text-2 {
    line-height: 51px;
    padding-top: 0px;
  }
  .sub-section-5-text-comma-2 {
    bottom: 30px;
    right: 20px;
  }
  .sub-section-5-text-comma-1 {
    bottom: 4px;
    right: 15px;
  }
  .section-6 {
    height: 231px;
  }
  .section-6-text {
    width: 325px;
    line-height: 21px;
    margin: 0 auto;
    font-size: 16px;
  }
  .section-6-text-wrapper {
    padding-top: 17px;
    width: 360px;
    text-align: left;
  }
  .section-6-text-line-fix {
    width: 324px;
    margin: -21px auto 0 auto;
    line-height: 21px;
    text-indent: 228px;
    font-size: 16px;
  }
  .section-7 {
    height: 688px;
  }
  .sub-section-7-float {
    float: none;
  }
  .ph-left {
    margin-left: 0;
    margin-bottom: 18px;
  }
  .sub-section-7-content-wrapper {
    width: 360px;
    height: 100%;
    margin: 0 auto;
  }
  .sub-section-7-text-wrapper {
    width: 328px;
    height: 176px;
    float: none;
    text-align: left;
    margin: 0 0 0 10px;
    padding-top: 13px;
  }
  .sub-section-7-img-wrapper {
    width: 341px;
    height: 409px;
    padding-top: 20px;
    float: none;
  }
  .sub-section-7-button {
    margin-left: 0px;
    margin-top: 0px;
    margin: 13px auto 0 auto;
  }
  .sub-section-7-text {
    line-height: 21px;
    font-size: 16px;
  }
  .clrfix {
    clear: none;
  }
  .sub-section-button {
    height: 38px;
    line-height: 36px;
  }
  .section-8 {
    height: 376px;
  }
  .section-8-content-wrapper {
    width: 314px;
    margin: 0 auto;
  }
  .sub-section-8-text-wrapper {
    width: 332px;
    height: 246px;
    margin-left: 0;
    padding-top: 2px;
  }
  .sub-section-8-text {
    font-size: 16px;
    line-height: 21px;
  }
  .sub-section-8-text-title {
    text-align: center;
    font-size: 42px;
  }
  .section-content-wrapper {
    width: 360px;
    margin: 0 auto;
  }
  .sub-section-8-img {
    width: 100%;
    height: 109px;
  }
  .section-9 {
    height: 412px;
  }
  .section-9-text-wrapper {
    width: 312px;
    height: 396px;
    margin: 0 auto;
    padding-top: 18px;
  }
  .section-9-text-wrapper h2 {
    margin-bottom: 5px;
  }
  .section-9-text {
    float: none;
    line-height: 1.37em;
  }
  .section-9-text-1 {
    width: 327px;
    height: 167px;
    margin-right: 0;
    font-size: 16px;
    margin-bottom: 13px;
  }
  .section-9-text-2 {
    width: 330px;
    height: 167px;
    font-size: 16px;
  }
  .section-10-lists-wrapper {
    width: 297px;
    margin: 0 0 0 17px;
  }
  .section-10-list li {
    margin-bottom: 0.02em;
    line-height: 21px;
  }
  .section-10-list-1 {
    margin-right: 0;
  }
  .section-10-text-wrapper {
    width: 360px;
    height: 100%;
    padding-top: 9px;
  }
  .section-10-text-title {
    margin: 0 auto 0px auto;
    font-size: 26px;
    width: 314px;
    line-height: 35px;
  }
  .section-10-list {
    font-size: 16px;
  }
  .section-11 {
    height: 380px;
  }
  .section-11-text {
    line-height: 21px;
    text-align: left;
    width: 322px;
    font-size: 16px;
  }
  .sub-section-11 {
    height: 45px;
  }
  .sub-section-11-text {
    font-size: 21px;
    line-height: 45px;
  }
  .section-11-text-wrapper {
    width: 360px;
    margin: 0 auto 0px auto;
    padding-top: 18px;
    height: 317px;
  }
  .section-11-text-wrapper h2 {
    margin-bottom: 0;
    width: 265px;
    text-align: center;
    line-height: 40px;
    margin: 0 auto 9px auto;
  }
  .sub-section-12-text {
    font-size: 55px;
    width: 425px;
  }
  .section-12 {
    height: 342px;
  }
  .half-section-12 {
    float: none;
    width: 100%;
    height: 171px;
  }
  .deep-section-12-left {
    height: 40px;
  }
  .deep-section-12-right {
    height: 40px;
  }
  .deep-section-12-text {
    font-size: 21px;
    line-height: 40px;
  }
  .sub-section-12-text {
    margin: 0 auto 28px auto;
    padding-top: 23px;
    font-size: 42px;
    line-height: 40px;
    width: 267px;
  }
  .section-13 {
    height: 157px;
  }
  .section-13-text {
    padding-top: 11px;
    font-size: 42px;
    width: 274px;
  }
  .header {
    width: 360px;
    height: 78px;
  }
  .top-menu {
    display: none;
  }
  .sub-section-1-text-1 {
    font-size: 16px;
    text-align: center;
  }
  .sub-section-1-text-2 {
    font-size: 16px;
    width: 160px;
    text-align: center;
  }
  .logo1 {
    letter-spacing: 0.72em;
    padding-left: 3px;
  }
  .logo2 {
    letter-spacing: 0.06em;
  }
  .section-5-split {
    float: none;
  }
  .section-8-split {
    float: none;
  }
  .section-text-title {
    font-size: 42px;
    margin-bottom: 6px;
  }
  .sub-section-7-img-ph {
    width: 341px;
  }
  .sub-section-13-button {
    margin: 14px auto 0 auto;
  }
  .footer-menu {
    display: none;
  }
  footer {
    height: 35px;
  }
  .section-14-btt {
    display: block;
  }
  .section-14-link {
    display: block;
  }
  .upper-menu-arrow {
    position: relative;
    bottom: 5px;
    left: 40px;
    display: none;
  }
  /* Other Pages Breakpoint */
  .faq-wrapper {
    width: 328px;
    margin: 0 auto;
  }
  .question-wrapper {
    width: 328px;
  }
  .question-title {
    font-size: 26px;
    margin-bottom: 0px;
  }
  .question-answer {
    font-size: 16px;
    line-height: 22px;
  }
  .page-title {
    font-size: 68px;
  }
  .article-aside {
    display: none;
  }
  .contact-title {
    right: 0;
  }
  .faq-title {
    right: 0;
  }
  .template-aside-wrapper {
    margin-left: 0;
  }
  .template-aside {
    width: 300px;
    display: none;
  }
  .template-wrapper {
    width: 360px;
  }
  .template-section {
    width: 330px;
    margin: 0 auto !important;
    padding-top: 0;
  }
  .float-fix {
    float: none;
  }
  .form-input input[type=text] {
    width: 324px;
  }
  .above-input {
    margin-top: 8px;
  }
  textarea {
    width: 324px;
  }
}

/* Import DrSircus BioMat Form */
/* FORM C */
#biomat-form-c {
  width: 637px;
  height: 310px;
  font-family: Verdana;
  overflow: hidden;
  margin: 0 auto 0 auto;
}

#biomat-form-c-up {
  height: 40px;
  background-color: #AD5D7E;
  border: 1px solid #A65576;
}

#biomat-form-c-up h2 {
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 40px;
  color: #FFFFFF;
  text-shadow: 1px 2px 1px #944868;
  clear: none;
  font-size: 26px;
}

#biomat-form-c-mid {
  height: 138px;
  overflow: hidden;
  border-right: 1px solid #F0EDEE;
}

#biomat-form-c-sub {
  background-color: #FAF7F8;
  margin-top: 26px;
}

#biomat-form-c img {
  position: relative;
  display: block;
  z-index: 1;
  float: left;
  margin: 0 18px 0 0 !important;
  left: 9px;
}

#biomat-form-c-mid p {
  font-size: 15px !important;
  width: 374px;
  margin: 18px 0 0 0;
  display: block;
  letter-spacing: -0.05em;
  text-align: left !important;
  padding: 0;
}

.biomat-italic {
  font-style: italic;
  font-size: 15px;
  margin: 13px 0 0 0;
  display: block;
  letter-spacing: -0.05em;
  text-align: left !important;
}

#biomat-form-c-down {
  height: 40px;
  background-color: #AD5D7E;
}

#biomat-form-c-down input[type=text] {
  width: 278px;
  margin: 6px 7px 0 0;
  font-size: 12px;
  color: #F2DCE5;
  background-color: #994E6D;
  display: block;
  border: none;
  height: 27px;
  padding: 0 19px;
  color: #F2DCE5;
  border: 1px solid #944B6A;
}

#biomat-form-c-down input[type=text]:focus {
  border: 1px solid #87425F !important;
}

.biomat-form-float-c {
  width: 323px;
  float: left;
  height: 40px;
}

#biomat-form-c-down input[type=submit] {
  width: 75px;
  font-size: 16px !important;
  font-family: Verdana !important;
  color: #A1880E;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  background-color: #EDCF39;
  height: 100%;
  border: none;
  padding: 0;
  cursor: pointer;
}

#biomat-form-c-down input[type=submit]:hover {
  background-color: #F7D83B;
}

#biomat-form-c-down p {
  font-style: italic;
  font-family: Verdana;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  color: #D99EB6;
}

/* LightBox CSS */
#biomat-lightbox {
  position: fixed;
  /* keeps the lightbox window in the current viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7) repeat;
  text-align: center;
  z-index: 1;
  display: none;
}

#biomat-lightbox-wrapper {
  position: relative;
  top: 25%;
  margin: 0 auto;
  width: 650px;
  height: 325px;
  box-shadow: 0 0 25px #111;
  -webkit-box-shadow: 0 0 25px #111;
  -moz-box-shadow: 0 0 25px #111;
}

#biomat-lightbox p.close {
  background: black repeat;
  height: 23px;
  text-align: right;
  color: #fff;
  padding: 0 20px 0 0;
  font-size: 12px;
  line-height: 23px;
  margin-bottom: 8px;
}

/* Newsletter Section */
.section-x {
  background-color: #85568E;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .section-x {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.section-x.banner-index .section-x-text {
  margin-left: 120px;
}

@media only screen and (max-width: 768px) {
  .section-x.banner-index .section-x-text {
    margin: 0;
  }
}

.section-x img {
  display: block;
  width: 30%;
  max-width: 400px;
}

@media only screen and (max-width: 768px) {
  .section-x img {
    display: none;
  }
}

.section-x-text {
  color: white;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  padding: 0 20px;
}

@media only screen and (max-width: 768px) {
  .section-x-text {
    padding: 20px;
  }
}

.section-x-text h2 {
  text-align: left;
  font-size: 42px;
  letter-spacing: -1px;
}

.section-x form {
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.section-x form #email-input-c, .section-x form .email-input-variation {
  width: 68%;
  height: 40px;
  border: 0;
  font-size: 14px;
  padding-left: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.success, .error {
  font-family: 'myriad-pro',sans-serif;
  font-weight: 300;
  font-size: 21px;
  margin-bottom: 0;
  padding: 10px 25px;
  color: #fff;
  border-radius: 5px;
}

.success {
  background-color: #5cb85c;
}

.error {
  background-color: #d9534f;
}

/* testimonials page */
.biomat-testimonial i {
  margin-right: 20px;
}

.biomat-testimonial {
  margin: 30px 0 15px 0;
}

.biomat-testimonial-text p {
  text-align: justify;
  margin: 0 0 15px 0;
}

.biomat-testimonial-text {
  margin-bottom: 20px;
}

.biomat-testimonial-author p {
  font-weight: bold;
  font-style: italic;
}

.biomat-testimonial-pic {
  float: left;
  margin-right: 20px;
}

.biomat-testimonial-pic img {
  border: 2px solid #CCC;
  line-height: none;
}

.section-x-text p {
  padding: 0;
  margin-top: 20px;
}

.section-x-text p a {
  color: white;
  border-bottom: 1px solid white;
}

.article-wrapper h1 {
  font-size: 32px;
}

.article-wrapper h1, .article-wrapper h2, .article-wrapper h3, .article-wrapper h4 {
  padding: 0;
  font-weight: bold;
  font-family: "myriad-pro",sans-serif;
}