/*
Theme Name: wptemp
Author: Rixner.net
Author URI: http://www.rixner.net/
*/
/* ========================================================= */
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/
@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=95f540bf-2ed9-4bb9-95a1-070b2dd82673&fontids=1459684,1459688,1459700");
@font-face {
  font-family: "Helvetica Neue LT W04_35 Thin";
  src: url("Fonts/1459684/6a90c865-49a8-4f20-99c7-73987067d9c9.eot?#iefix");
  src: url("Fonts/1459684/6a90c865-49a8-4f20-99c7-73987067d9c9.eot?#iefix") format("eot"), url("Fonts/1459684/8520ec8f-b7f6-485e-a3b7-811ab3da29b2.woff2") format("woff2"), url("Fonts/1459684/cd6c33a1-279f-47db-8fa5-063d809888f8.woff") format("woff"), url("Fonts/1459684/b204c5ce-e6ed-4dfd-bfdc-b45b26fcb7c8.ttf") format("truetype"), url("Fonts/1459684/272a58f8-f0b6-4601-934c-b64afb2b3a56.svg#272a58f8-f0b6-4601-934c-b64afb2b3a56") format("svg"); }
@font-face {
  font-family: "Helvetica Neue LT W04_45 Light";
  src: url("Fonts/1459688/8354ea91-308b-4fd0-9822-223ad8497bd3.eot?#iefix");
  src: url("Fonts/1459688/8354ea91-308b-4fd0-9822-223ad8497bd3.eot?#iefix") format("eot"), url("Fonts/1459688/488c4643-af87-4189-bb4f-171dea9ea41d.woff2") format("woff2"), url("Fonts/1459688/556dc087-1c20-4822-b6df-1389f6b4e08f.woff") format("woff"), url("Fonts/1459688/5f2dd72f-3779-49cd-a78c-db5f4085deb3.ttf") format("truetype"), url("Fonts/1459688/1b8634c8-006a-49c6-aaf3-04a56845d964.svg#1b8634c8-006a-49c6-aaf3-04a56845d964") format("svg"); }
@font-face {
  font-family: "Helvetica Neue LT W04_75 Bold";
  src: url("Fonts/1459700/42980074-3753-4614-ac95-9506e9ad6c88.eot?#iefix");
  src: url("Fonts/1459700/42980074-3753-4614-ac95-9506e9ad6c88.eot?#iefix") format("eot"), url("Fonts/1459700/31ee5279-92a8-43d1-9e8d-a418792435d2.woff2") format("woff2"), url("Fonts/1459700/88d3aa78-c646-4af0-9318-7e4405946f99.woff") format("woff"), url("Fonts/1459700/9e90bce2-6d02-4871-be6f-8eb1eb03eccf.ttf") format("truetype"), url("Fonts/1459700/339b37a5-69e3-4a27-a530-38254d6d9d80.svg#339b37a5-69e3-4a27-a530-38254d6d9d80") format("svg"); }
*, ::after, ::before {
  box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, img {
  display: block; }

/*=============================================
=            Base           =
=============================================*/
body {
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  color: #6C6C6C;
  font-family: "Helvetica Neue LT W04_45 Light";
  overflow-x: hidden; }

a {
  outline: none;
  text-decoration: none;
  color: #6C6C6C; }
  a:hover {
    text-decoration: none;
    color: #6C6C6C; }

li {
  list-style: none; }

p {
  line-height: 36px;
  margin-bottom: 40px; }

img {
  border: none; }

strong {
  font-family: "Helvetica Neue LT W04_75 Bold";
  font-weight: normal; }

h1, h2, h3 {
  font-size: 60px;
  line-height: 74px;
  font-weight: 700;
  color: white;
  font-family: "Helvetica Neue LT W04_75 Bold"; }

.button {
  display: block;
  padding: 20px 30px;
  box-sizing: border-box;
  text-transform: uppercase;
  text-align: center;
  color: white;
  font-family: "Helvetica Neue LT W04_75 Bold";
  text-decoration: none; }
  .button.green {
    background: #1AA600; }
  .button.blue {
    background: #00507B; }
  .button.green:hover {
    background: #2FD610;
    transition: 0.2s ease-out;
    color: white; }
  .button.blue:hover {
    background: #006DA6;
    transition: 0.2s ease-out;
    color: white; }

/*=============================================
=            Header           =
=============================================*/
#header {
  background: #0071a8;
  height: 130px;
  padding-top: 40px;
  background: linear-gradient(102deg, #0071a8 11%, #003d66 100%); }
  #header #logo {
    padding-right: 175px; }

/*=============================================
=            Content           =
=============================================*/
section {
  position: relative; }
  section h2 {
    color: white;
    margin-bottom: 50px; }
    section h2.blue {
      color: #006DA6; }
  section#intro, section#mira {
    background-image: url("images/21537_background_dark.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    color: white;
    height: auto;
    padding: 90px 0px 150px 0px;
    box-sizing: border-box; }
    section#intro h1, section#mira h1 {
      text-shadow: 0px 3px 6px #00000029;
      margin-bottom: 70px;
      padding-right: 40px; }
    section#intro img, section#mira img {
      position: absolute;
      z-index: 0; }
    section#intro img#imgleft, section#mira img#imgleft {
      bottom: 0px;
      left: 0; }
    section#intro img#imgleft.res, section#mira img#imgleft.res {
      display: none; }
    section#intro img#imgright, section#mira img#imgright {
      left: 72%;
      bottom: 130px; }
    section#intro ul, section#mira ul {
      padding-left: 32px;
      margin-bottom: 100px; }
    section#intro ul li, section#mira ul li {
      margin-bottom: 15px;
      text-indent: -30px;
      text-shadow: 0px 3px 6px #00000029; }
    section#intro .button, section#mira .button {
      margin-left: 120px;
      box-shadow: 0px 5px 12px #00000029;
      max-width: 206px; }
  section#second {
    background: url("images/Mira-Teeth_Header_beauty_iStock-462578241.png") #E8E9EB;
    background-size: cover;
    background-position: center top;
    padding: 75px 0px 100px 0px;
    height: auto;
    box-sizing: border-box; }
    section#second img.res {
      display: none; }
    section#second .button {
      float: right; }
  section#experts, section#mira {
    padding: 75px 0px;
    text-align: center;
    height: auto; }
  section#experts .box {
    width: 30%;
    text-align: center;
    margin-top: 20px; }
    section#experts .box img {
      margin: auto;
      margin-bottom: 30px; }
    section#experts .box p {
      font-size: 20px;
      line-height: 26px; }
    section#experts .box span {
      font-family: "Helvetica Neue LT W04_45 Light";
      display: block;
      margin-top: 30px; }
  section#mira .mixed {
    margin-bottom: 70px; }
  section#mira .mixed img {
    width: 100%; }
  section#mira img {
    position: relative !important; }
  section#mira a.button {
    margin: auto;
    max-width: 440px;
    margin-top: 40px; }

/*=============================================
=            Footer           =
=============================================*/
#footer {
  padding: 75px 0px 20px 0px;
  text-align: center; }
  #footer p {
    font-size: 20px;
    line-height: 26px; }
  #footer span {
    display: block;
    font-family: "Helvetica Neue LT W04_75 Bold"; }

/*=============================================
=            Responsive styles           =
=============================================*/
@media screen and (min-width: 1025px) and (max-width: 1360px) {
  section#intro img#imgleft {
    width: 70% !important; }
  section#intro img#imgright {
    left: 65%;
    bottom: 130px; } }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .container {
    max-width: 100%; }

  #header {
    padding-top: 22px;
    padding-left: 30px;
    padding-bottom: 22px;
    height: auto; }
    #header #logo {
      padding-right: 30px; }

  section#intro, section#mira, section#second, section#experts {
    padding: 40px 30px; }
  section#intro img#imgleft {
    width: 70% !important; }
  section#second {
    background-position: 70% center !important;
    background-repeat: no-repeat !important; }
  section img#imgright {
    display: none; }

  #footer {
    padding: 75px 30px 20px 30px; } }
/*
@media screen and (min-width:376px) and (max-width:768px) 
{

}
*/
@media screen and (min-width: 0px) and (max-width: 768px) {
  .container {
    max-width: 100%; }

  body {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #6C6C6C; }

  p {
    line-height: 20px;
    margin-bottom: 20px; }

  .button {
    width: 100%;
    font-size: 30px; }

  #header {
    padding-top: 22px;
    padding-left: 22px;
    padding-bottom: 22px;
    height: auto; }
    #header #logo img {
      width: 180px; }

  section {
    position: relative; }
    section h2 {
      margin-bottom: 30px;
      font-size: 27px;
      line-height: 31px; }
    section#intro, section#mira {
      padding-top: 22px;
      padding-bottom: 0px; }
      section#intro h1, section#mira h1 {
        font-size: 27px;
        line-height: 31px;
        margin-bottom: 30px;
        margin-left: 22px; }
      section#intro img#imgleft, section#mira img#imgleft {
        bottom: 0px;
        left: 0;
        position: relative !important;
        width: 100%; }
      section#intro img#imgleft.res, section#mira img#imgleft.res {
        display: block; }
      section#intro img#imgleft.desk, section#mira img#imgleft.desk {
        display: none; }
      section#intro img#imgright, section#mira img#imgright {
        display: none; }
      section#intro ul, section#mira ul {
        padding-left: 40px;
        margin-bottom: 0px; }
      section#intro ul li, section#mira ul li {
        margin-bottom: 8px;
        text-indent: -15px; }
      section#intro .button, section#mira .button {
        margin-left: 0px;
        max-width: 100%;
        font-size: 30px;
        line-height: 37px; }
    section#second {
      background: #e8eae9; }
      section#second.container-fluid {
        padding: 0px 22px 40px 22px; }
      section#second .button {
        line-height: 37px; }
      section#second img.res {
        display: block;
        width: calc(100% + 22px);
        margin-bottom: 30px; }
    section#experts, section#mira {
      padding: 40px 22px; }
    section#experts.container-fluid {
      padding: 40px 22px; }
    section#experts .box {
      width: 100%;
      margin-top: 30px; }
      section#experts .box img {
        margin: auto;
        margin-bottom: 30px; }
      section#experts .box p {
        font-size: 20px;
        line-height: 26px; }
      section#experts .box span {
        font-family: "Helvetica Neue LT W04_45 Light";
        display: block;
        margin-top: 30px; }
    section#mira img {
      width: 100% !important; }
    section#mira img {
      margin-top: 30px !important; }
    section#mira a.button {
      margin: auto;
      max-width: 440px;
      margin-top: 40px; }

  /*=============================================
  =            Footer           =
  =============================================*/
  #footer {
    padding: 22px; } }
@media screen and (min-width: 601px) and (max-width: 768px) {
  body {
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
    color: #6C6C6C; }

  p {
    line-height: 28px;
    margin-bottom: 20px; }

  #header #logo img {
    width: 220px; }

  section {
    position: relative; }
    section h2 {
      margin-bottom: 30px;
      font-size: 40px;
      line-height: 45px; }
    section#intro, section#mira {
      padding-top: 22px;
      padding-bottom: 0px; }
      section#intro h1, section#mira h1 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 30px;
        margin-left: 22px; }
      section#intro img#imgleft, section#mira img#imgleft {
        bottom: 0px;
        left: 0;
        position: relative !important;
        width: 80%; }
      section#intro ul, section#mira ul {
        padding-left: 40px;
        margin-bottom: 0px; }
      section#intro ul li, section#mira ul li {
        margin-bottom: 15px;
        text-indent: -18px; }
      section#intro .button, section#mira .button {
        position: absolute;
        left: 0;
        max-width: 400px;
        right: 0;
        margin: auto;
        bottom: 40px;
        z-index: 9999999; }
    section#second .button {
      max-width: 400px;
      margin: auto;
      float: none;
      margin-top: 70px; }
    section#experts .box {
      width: 70%;
      margin-left: 15%; }
      section#experts .box img {
        margin: auto;
        margin-bottom: 30px; }
    section#mira img {
      width: 80% !important;
      margin-left: 10%; }
    section#mira img {
      margin-top: 30px !important; }
    section#mira a.button {
      max-width: 480px;
      position: relative; } }

/*# sourceMappingURL=style.css.map */